Shopify Store Design
===========================
Needs to be mobile-friendly, scrollable (give the user a reason to scroll down), keep it simple.
People scan websites in an "F-pattern", starting at the top left corner.
Keep the homepage simple, with only one message.
Having a clear and easy to read font = increased sales.
Don't use unfamiliar words or concepts; speak in plain language.
People are used to seeing the logo in the upper left and contact info at the bottom. Do not stray from this.
Make sure the mobile website is NOT slow to load! People are conditioned to expect ease, convenience, efficiency, and speed.
Use images that espouse our values. Show images of people who our consumer base can relate to.
Getting to shopping and checkout should happen in a minimal number of steps.
Feature a video to grab attention when you land on the homepage.
A drone shot of a hiker on a peak, like this:
https://www.istockphoto.com/video/the-man-standing-on-the-mountain-cliff-with-a-beautiful-landscape-gm1236530123-362398522
Minimal amount of text, easy to read.
Once the short video plays and ends on a still image, the elevator pitch comes up.
Scroll down from there and we get to "Introducing: Radically Simple Protein Bars", with photos of ingredients or similar, echoing the vibe of the Sell Sheet.
Could be on a wood background, provided that white text is easily legible at all times.
Scroll down from there and you are directly into purchasing the bars. Again, I like the clean minimalism of RXBAR's website as example.
Structure of Web Site
=====================
1) Home Page
- one page
- featuring a video at the top
- talk about company
- elevator pitch for our bars showing ingredients
- call to action with the products and the buy buttons
2) Store
- quick access to products
3) Fundraiser page
- comply with shopify personal fundraiser guidelines
- one page featuring participants
- photo of each participant with a mouse-over showing their story / pitch
- link to use their 'code' at the check out
- social feed
4) Contact page
- contact details
- contact form with captcha
See project description.
Delivery term: Not specified