Neo Pizza — Brand & Website Design

Creating a frictionless experience for a new local pizzeria in Asker, Norway.

Jump to Results

Visit Website

Project Objectives

Design a mobile-first website for a local takeaway pizzeria. Create a minimal, fast-loading UI with no visual clutter. Provide print-ready materials, including a branded takeaway menu

My Role

UX/UI Designer
Content writer
Wix Developer

Tools

Wix Owner
Figma
Canva

Duration

15.06.25-01.07.25

Challenges

Building trust fast - and standing out in a crowded, mobile-first market

A New Brand

Needed to build trust and set the tone instantly.

A New Brand

Needed to build trust and set the tone instantly.

A New Brand

Needed to build trust and set the tone instantly.

Mobile-first Usage

Most traffic comes from phones. Navigation and ordering had to be frictionless.

Mobile-first Usage

Most traffic comes from phones. Navigation and ordering had to be frictionless.

Mobile-first Usage

Most traffic comes from phones. Navigation and ordering had to be frictionless.

Local Competition

Several well-established pizzerias in Asker. We had to clearly differentiate Neo Pizza.

Local Competition

Several well-established pizzerias in Asker. We had to clearly differentiate Neo Pizza.

Local Competition

Several well-established pizzerias in Asker. We had to clearly differentiate Neo Pizza.

Fast MVP

Tight deadline & budget — needed a lean, scalable first version.

Fast MVP

Tight deadline & budget — needed a lean, scalable first version.

Fast MVP

Tight deadline & budget — needed a lean, scalable first version.

Goals

Make it feel easy, look Italian, and work perfectly on mobile

Make ordering as intuitive as possible

Simplify navigation - even a granny will be able to order

Convey an Italian atmosphere through
a clean, slightly retro style

Adapt the site for mobile orders on the go

UX Solutions

Main CTA — immediately [Take Away] + [Order now]

Use of visual anchors (photo of pizza, icons, bright button)

Minimum of unnecessary blocks — everything to the point

Harmony of mobile and desktop versions

UX Solutions

Main CTA — immediately [Take Away] + [Order]

Use of visual anchors

Minimum of unnecessary blocks

Harmony of mobile and desktop versions

UX Solutions

Main CTA — immediately [Take Away] + [Order now]

Use of visual anchors (photo of pizza, icons, bright button)

Minimum of unnecessary blocks — everything to the point

Harmony of mobile and desktop versions

UI Solutions

Color Palette

The design is rooted in the colors of the Italian flag. This approach creates a strong subconscious association with Italy without overwhelming the user visually.

Color Palette

The design is rooted in the colors of the Italian flag. This approach creates a strong subconscious association with Italy without overwhelming the user visually.

Color Palette

The design is rooted in the colors of the Italian flag. This approach creates a strong subconscious association with Italy without overwhelming the user visually.

for printed menu highlights and underlines

for website headings and highlights

for contrast and readability

attention-grabbing CTA

Typography

Latin Compressed for the menu headers — evokes vintage pizza branding

Pier Sans for the website — clean, friendly, mobile-ready

Mobile Sticky CTA-buttons

To minimize friction on small screens, I introduced a sticky bottom menu with three primary action buttons: address, phone call, and online order. These reflect the main user intents — calling to order, ordering online, or picking up pizza in person — and ensure they’re always accessible without extra scrolling.

What 2 Months of Data Tell Us

Key metrics confirm that the initial UX and branding goals were on point

Fast launch

Site launched + functional in 2 weeks

Fast launch

Site launched + functional in 2 weeks

Fast launch

Site launched + functional in 2 weeks

Low bounce, steady engagement

Users stayed on site and interacted with key actions like contact and menu.

Low bounce, steady engagement

Users stayed on site and interacted with key actions like contact and menu.

Low bounce, steady engagement

Users stayed on site and interacted with key actions like contact and menu.

42 clicks to contact in 30 days

Sticky bottom menu ensured frictionless access to calls and directions.

42 clicks to contact in 30 days

Sticky bottom menu ensured frictionless access to calls and directions.

42 clicks to contact in 30 days

Sticky bottom menu ensured frictionless access to calls and directions.

435 customer orders in 2 months

Smooth ordering flow supported conversions.

435 customer orders in 2 months

Smooth ordering flow supported conversions.

435 customer orders in 2 months

Smooth ordering flow supported conversions.

74% of all traffic came from mobile

Most users accessed the site on mobile, validating the mobile-first approach.

74% of all traffic came from mobile

Most users accessed the site on mobile, validating the mobile-first approach.

74% of all traffic came from mobile

Most users accessed the site on mobile, validating the mobile-first approach.

700+ search impressions in 30 days

SEO setup led to strong visibility on local searches within 2 months.

700+ search impressions in 30 days

SEO setup led to strong visibility on local searches within 2 months.

700+ search impressions in 30 days

SEO setup led to strong visibility on local searches within 2 months.

Key Takeaways

Designing for real people means prioritizing clarity, speed, and flexibility

Mobile-first is critical

Key actions like ordering and viewing the menu must stay easy to access.

Essential info should be instant

Opening hours, location, and the order button need to be right at the top.

The fewer the frictions, the better

A clean layout, minimal copy, and direct flow help guide users smoothly from curiosity to conversion.

Small business = adaptability

A simple, editable site allows for real-time improvements as feedback comes in.

Get in Touch

Have a project in mind? Let’s talk

lana.lantvoit@gmail.com

Copied