top of page
← Portfolio

Website redesign · Food & beverage

Asmar’s Mediterranean Foods

A fresh, colorful website that brings Mediterranean food into focus.

Screen Shot 2021-07-16 at 1.57.19 PM.png

CLIENT

Asmar’s Mediterranean Foods

Project

Website redesign

Scope

Web design & development

Designer

Pipa B Design

Fresh food.
A brighter presence.

Asmar’s needed a more modern website to present its Mediterranean products. The redesign brings the food and packaging to the foreground, with a clearer introduction to the range and dedicated routes for retail and restaurant partners.

01 / The transformation

A fresh perspective.

BEFORE

screencapture-asmarsfoods-2021-07-09-10_07_59.png

Original homepage

screencapture-asmarsfoods-2021-07-16-11_49_49.png

AFTER

Redesigned homepage

02 / Design direction

Purpose behind the details.

Let the food lead

01 / PRODUCTS

Large product photography introduces the range with color and appetite appeal, making the food the immediate focus.

A more inviting rhythm

02 / HIERARCHY

Bold serif headings, blue backgrounds and alternating image layouts give each section a distinct role.

Routes for each partner

03 / AUDIENCES

Separate introductions for products, retail partners and restaurant partners make the different opportunities easier to explore.

screencapture-asmarsfoods-2021-07-16-11_49_49.png

Products and partner information brought together in a clear, inviting layout.

screencapture-asmarsfoods-2021-07-16-11_49_49.png

Bold product imagery and vibrant color give the brand story a fresh personality.

03 / The final homepage

The complete picture.

Open the full homepage to explore the design from top to bottom.

View full homepage ↗
screencapture-asmarsfoods-2021-07-16-11_49_49.png
iPhone-11-Pro-Smartphone-Mockups-006.png

04 / Mobile experience

Fresh appeal.
At every size.

The mobile presentation carries the same bright imagery and strong headings into a single-column layout. Product information and partner enquiries remain easy to find as visitors move down the page.

Ready for your 
next chapter?

Start a project ↗
bottom of page