Website UX design and build

WOKE coffee Website Timeline Website to be live by 6th June (latest) when our crowdfunder campaign ends Objective To design & build a fully functioning ecommerce website to attract and fulfil coffee subscription orders. The website needs to embody the WOKE coffee brand, stand out (amongst websites in and outside of category), evoke feelings of “WOW” and intrigue to know more. References [login to view URL] The flow and visual of this site is incredible. I love the dark view of the top of the bottle and how it opens out into a fresh website Functionality & design Hellofresh - [login to view URL] - easy to use, feels “fresh”, good flow on the page, the ‘How it works’ easy to understand, good CTAs. RAVE - stands out from the crowd in coffee category, uses different fonts. Get started flow is good Screenshot - “get started” flow: [login to view URL] Cheese Geek subscription - [login to view URL] Like the integration of instagram Stird - [login to view URL] Bright bold Animation examples - we want energetic & fun animations [login to view URL] - Subtle bounce of images as scroll [login to view URL] - intriguing & engaging animations [login to view URL] - good references for other food & drink brands User requirements As a user I want to.. requirement MOSCOW for Day 1 As a user I want to see the different subscription options available M As a user I want to be able to purchase a box or subscription on the website M As a user I want to be able to send a box/subscription as a gift M Be able to choose beans or ground coffee M Want to know where the coffee has come from (e.g. partner stories etc) S As a user I want to see partner roasters and buy their coffee on their website S Learn about WOKE coffee’s story M Learn about WOKE coffee’s values S FAQs M contact details M Link WOKE coffee’s social media M customer’s testimonials S Access a log in area M Cancel my subscription M Pause my subscription S See my history of orders S Update my account details M Add a promo code when placing an order S Check on my order status M Track order S Read delivery and returns policy, Ts and Cs M Read about sustainability S Update my contact preferences C See coffee related content S Share their order with a friend (e.g. I did this, you should too) C Business user requirements As a business user I want to.. Learn how users like brew their coffee (e.g. chemex, aeropress/drip, french press, espresso, stove top) C Post coffee content & updates M Update FAQs M See orders and status M See basic analytics C Be updated with new orders M Integrate with a payment system that accepts subscription (e.g. Stripe) M Update copy and promotional offers S Empathy mapping How do we want our users to feel? Excited Amazed Happy Energetic In Awe Inquisitive We want our website to feel: Playful Courageous Creative Inspiring What do we want our users to think? FOMO This is unexpected easy to order ‘I can get coffee to my door straight away’ Bold This is edgy / cool Community What do we want our users to say & do? I need to share this / share it on social and on other channels I need to sign up now / sign up now Sign up for 12 month subscription Post about ordering with WOKE coffee Send us their coffee pictures Recommend to a friend Budget & Timings Needs to allow for ongoing feedback (2-3, we can work out an efficient way of doing this) Considerations Colour palette of WOKE coffee and accessibility - needs to pass accessibility standards Mobile first design Domain name is [login to view URL] currently built on Wix (landing page only) Ben & Alice as founders need to be able to easily update the CMS/website Copywriting will be provided by us Crowdfunding page: [login to view URL]