Heya! I'm Julia.

Heading

Umaga Cafe

With beautiful graphics, illustration, and delicious pastry and drink visuals, Umaga Cafe’s website redesign establishes these key elements that celebrate Filipino cuisine fusion.

Problem

Current website design has several design issues that relate to heirarchy and inconsistency. This may lead to user confusion about Umaga Cafe as a brand and cause a lack of interest visually.

Goal

To highlight their products and services, create a more user friendly web experience and create more brand look consistency.

Website UI Audit

Home Page
‍

-Chosen tabs on main navbar lose the purpose of the business & focus.
Ex: News/Media, Our Mission & Our Story.
‍
-Layout is pretty decent, but navbar banner does not match the brand even if the banner color scheme fits.
The search bar icon can prove useful, but mainly for returning customers

Home Page
‍

-Chosen tabs on main navbar lose the purpose of the business & focus.
Ex: News/Media, Our Mission & Our Story.
‍
-Layout is pretty decent, but navbar banner does not match the brand even if the banner color scheme fits.
The search bar icon can prove useful, but mainly for returning customers

Home Page
‍

-Chosen tabs on main navbar lose the purpose of the business & focus.
Ex: News/Media, Our Mission & Our Story.
‍
-Layout is pretty decent, but navbar banner does not match the brand even if the banner color scheme fits.
The search bar icon can prove useful, but mainly for returning customers

Audit Recommendations

1

2

3

Reconstruct home page & its current hierarchy for more consistency & smoother UI/UX.

Either combine “Mission” & “Our Story” topic tabs into one page OR integrate into home page.

Add content to the “Menu” topic tab & move tabs such as “News/Media” that are more like subtopics.

4

5

6

Fix type issues & the inconsistencies.

Add more imagery & color based off their logo color palette to add interest.

Redesign current check out
and product pages.

Jump into the Redesign Process

Designing out the issues start here and will explore how the process was done.

Site Map

Style Tile