Mountaineer X Coffee

Mountaineer X is a fictional coffee brand that channels the rustic and adventurous spirit of mountaineers, through it’s products and community. The project was created to showcase my understanding of UI/UX web design and layout by creating an E-commerce prototype within Adobe XD, along with wireframing and a Style Guide with logo design, variations and colours.

An illustrated webpage background of a mountain with trees, and a series of sections promoting Mountaineer X Club activities and products, including coffee, tea, merchandise, classes, and events.
Screenshot of a website homepage for a coffee company, showing a large image of a blue mug pouring coffee beans, with the text 'Single Origin Coffee' displayed prominently. The navigation menu includes options for coffee, tea, merchandise, press, edu
Side-by-side images of a coffee product page and a shopping cart checkout page for Mountaineer X, featuring Colombia Tres Santos coffee, with prices, descriptions, and a shopping cart summary.
Three website mockups displayed on a gray background. The websites are related to outdoor activities, brewing, and merchandise, with header menus, images, and text sections.
Wireframe sketches of a coffee shop website layout, including sections for coffee, tea, merchandise, press, education, about us, sign in, and shopping cart, with drawings of mountain scenery, trees, a house, and people walking.
A style guide for the Mountaineer brand logo, detailing logo variations, color schemes, and branding guidelines, with emphasis on outdoor and mountain themes.
Flowchart diagram illustrating the sitemap and structural hierarchy of a website related to Mountaineer, showing sections such as Home Page, Primary Header, Main Logo, Footer, About Us, Wholesale, Help, Contact Us, and various subcategories like Sing