The company offers two main lines of coffee: a "wholesale" line for use in commercial espresso machines and a "retail" line with a wide variety of aromas and flavors, based on the different Colombian coffee options from the 23 producing departments and the various manufacturing processes. Additionally, the company is committed to environmental care and seeks to minimize its carbon footprint. Aiming to expand its business and reach new customers, the company decided to create its first online store, including subscription options.
The brand needs an online store to increase the conversion rate and sales. Users expressed the need for clear navigation, detailed information about the products, and accessibility to coffee subscriptions. Moreover, the brand needs to convey its commitment to quality and sustainable coffee sourcing more effectively through design and visual communication.
UX/UI Design Web design
Figma, WordPress, Trello, Notion, Google Meet, Tally forms
User interface design, User experience design, Research, Benchmark, User interviews, Prototyping Wireframe, Sketching,
Coffee lovers seeking quality, authenticity, and sustainability in Colombian products and personalized subscriptions.
My self UX/UI designer 2 Stakeholders 1 Content Design
6 months from the first contact with stakeholders to the final design
This comparative chart shows the differences between the online stores of three competitors in the Parce Coffee Roasters market. Various aspects are analyzed, such as navigation, product presentation, shopping experience, visual communication, marketing strategy, and shipping and return policy.
To protect the privacy of the analyzed competitors, their names have been replaced with generic names (competitor 1, competitor 2, and competitor 3).
METHODOLOGIES
[data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2730%27%20height=%2730%27/%3e](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2730%27%20height=%2730%27/%3e)
.png)
USER PERSONA
EMPATHY MAP
USER JOURNEY
Clear and Simple Navigation Design
A user-friendly navigation menu was chosen to make it easy for users to quickly find what they are looking for, whether it's products, information about subscriptions, or the company's history.
Integration of Customer Service and Social Media
Buttons and links to Parce Coffee Roasters' social media and an online chat were incorporated to provide immediate assistance to users. This makes it easy for users to contact customer service and follow brand updates on their preferred platforms.
Responsive Design
Low to medium fidelity sketches also took into account compatibility with mobile devices and other screen sizes, ensuring a consistent and pleasant user experience on all devices.
Personalization of Coffee Subscriptions
A dedicated section for coffee subscriptions was designed, where users can easily customize their coffee preferences, delivery frequency, and other details. This was achieved through the creation of interactive forms and drop-down options.
Focus on Authenticity and Connection with Producers
Sections were included that highlight Parce Coffee Roasters' commitment to quality, authenticity, and support for Colombian producers. This was done through images, text, and links to more detailed pages about the production process and the brand's history.