Click here for Figma file!
Above the fold
https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FpsKqImaQHVPvXc1L6ukT4i%2FCoffee-Hub-%25E2%2580%2593-UX-Writing%3Fnode-id%3D2%253A2
- From our research, we've pinpointed some aspects of the product:
- This is a curating service;
- This is about trying something new and learning from it;
- This is much more about the experience, rather than simply acquiring a premium product;
- Coffee experiences connect people.
- I've got inspired by the community aspect of this – and also by Barcelona's (the team) slogan! That's why our slogan is "Not a club, a community", to give this idea that this is not merely a subscription service, but an experience to make friends.
- Our must-haves include pages like About and Coffee of the Month. This calls for a menu, that's why I chose the upper left corner for that menu icon.
- The screen should also have the "Sign up" and "Log in" links right at the top menu.
- I chose a bright, beautiful image of a group of friends drinking coffee and having a conversation – I believe this helps send the message of a community.
- I decided to use a reassuring tone at the headline, as if we were guessing that's what the user's looking for: quality coffee and someone to discuss it with.
- The subheader has a more loving tone, describing a co ortly, emphasizing the social aspect of this experience.
- I went with a fun, inviting CTA that matches the headline.
Product page
https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FpsKqImaQHVPvXc1L6ukT4i%2FCoffee-Hub-%25E2%2580%2593-UX-Writing%3Fnode-id%3D5%253A37
- Since we're selling an unique subscription, I've decided to turn this product page into a landing page – of sorts.