-
Learn how to build your own beautiful website without any coding knowledge! This class is great for creatives and small business owners wanting to build their own site.
Limited Time Offer From Shopify: open a new store and we both get $500! You'll need to be subscribed for two months in order for us to receive the offer. Use my link
Why This Class?
I usually make illustration and digital painting class, so why make a website building class now? I wanted to make something that would be helpful and actionable to creatives and small businesses during this time. I love making my own websites and wanted to show how others can do it too!
What You'll Learn
In this class I show you how to build your own beautiful website without any coding knowledge. It focuses on Shopify, which is the platform I used to build Mimochai.com.
We’ll go over how Shopify works, including:
- Platform Walkthrough
- Picking A Theme
- Planning Your Site
- Setting Up:
- Product Pages
- Digital Product Pages
- Collections
- Subpages
- Blogs & Blog Posts
- Navigation
- Homepage
- Adjusting Your Theme Settings
- Comparison: Free Templates vs. Paid Templates
- Finalize Settings
I also have a shorter bonus walkthrough of Adobe Portfolio, which is what I used to make my portfolio site Mimi-Chao.com :)
Resources
- Font Pair (editable): fontpair.co
- Font Pairings & Color Palettes: https://www.pagecloud.com/blog/best-google-fonts-pairings
- Site Plan Template: Google Doc
- Class Sample Assets: See the attachments under the Projects & Resources tab!
- More stock photos available at burst.shopify.com
Themes Used
- Shopify (Free): Narrative https://themes.shopify.com/themes/narrative/styles/warm
- Shopify (Paid): Turbo by Out of the Sandbox (this is my current one)
- Shopify (Paid alt): Parallax by Out of the Sandbox (this is the first one I used, also good just can't do the advanced navigation system like Turbo)
- Adobe Portfolio (Free): Lukas
Happy learning! -M
Overview
Syllabus
-
- Class Trailer: Build Your Website!
- What We'll Learn
- Your Class Project
- Shopify Overview
- Shopify Setup: Picking A Theme
- Shopify Planning: Making a Site Plan
- Shopify Design: Product Pages
- Shopify Design: Other Pages
- Shopify Design: Theme Settings
- Shopify Design: Homepage
- Shopify Design: Paid Template Comparison
- Shopify Finalize: Settings
- Bonus Class: Adobe Portfolio
- Final Thoughts & Thank You!
