top of page
Banners (22).png
Untitled design (16).png

Hugo Coffee Roasters

I led the process of revamping the Hugo Coffee website with the primary goal of modernizing its design, decluttering pages, and shifting focus from the brand's backstory to promoting the coffee. Additionally, I reorganized the navigation to enhance the user experience and streamline the shopping process.

My Contribution

Designed

Redesigned all pages for the new website. Additionally created mockups and illustrations to be used across the site.

Communicated

Worked with a team of marketing experts and front-end developers by creating detailed outlines and site maps.

Tools & Skills

 For this project, I utilized my wireframing, HTML/CSS, and graphic design skills. I used Shopify, WordPress, Figma, Procreate, and Canva.

Wireframes

LoFi Gif.gif

Low Fidelity 

MidFi Gif.gif

Mid Fidelity 

HIFi Gif Edit.gif

High Fidelity 

Sitemaps

Old

OG Sitemap.png

New

New Sitemap.png

Gallery

A collection of some of the mockups and illustrations I created for the website.
bottom of page