Mobile-First Launch for a New Pizzeria

Mobile-First Launch for a New Pizzeria

Neo Pizza came to me with a logo, a concept, and a tight budget. My job was to make sure that when someone in Asker searched for pizza on their phone, they found Neo Pizza — and ordering felt effortless.

Project Objectives

Full creative freedom, minimal budget. I proposed everything — structure, SEO, content, sticky mobile navigation, and print materials.

My Role

UX/UI Designer
Content writer
Wix Developer

UX/UI Designer
Content writer
Wix Developer

Tools

Wix Owner
Figma
Canva

Wix Owner
Figma
Canva

Duration

15.06.25-01.07.25

15.06.25-01.07.25

Goals

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

2

3

4

1

Key UX Decisions

Food is ordered on phones, in a rush, often while hungry. Every decision I made came from one question: how do I get this person from "I want pizza" to "order placed" in as few taps as possible.

Two CTAs on the homepage immediately — Take Away and Order Now. No scrolling required to find the main action.

Visual anchors — real pizza photos, bright buttons, minimal text — because hungry people don't read, they scan.

One consistent layout across mobile and desktop — because 74% of traffic came from phones but I didn't want desktop users to feel like an afterthought.

Key UX Decisions

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

Use of visual anchors

Minimum of unnecessary blocks

Harmony of mobile and desktop versions

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

Use of visual anchors

Minimum of unnecessary blocks

Harmony of mobile and desktop versions

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

Use of visual anchors

Minimum of unnecessary blocks

Harmony of mobile and desktop versions

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

Use of visual anchors

Minimum of unnecessary blocks

Harmony of mobile and desktop versions

Key UX Decisions

Food is ordered on phones, in a rush, often while hungry. Every decision I made came from one question: how do I get this person from "I want pizza" to "order placed" in as few taps as possible.

Two CTAs on the homepage immediately — Take Away and Order Now. No scrolling required to find the main action.

Visual anchors — real pizza photos, bright buttons, minimal text — because hungry people don't read, they scan.

One consistent layout across mobile and desktop — because 74% of traffic came from phones but I didn't want desktop users to feel like an afterthought.

UI Solutions

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.

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

Mobile Sticky CTA-buttons

This was my idea — the client didn't ask for it.

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

What 2 Months of Data Tell Us

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

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.

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.

Low bounce, steady engagement

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

Zero marketing budget

435 orders and 700+ search impressions achieved with no paid advertising — organic SEO and word of mouth only.

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.

Have a project in mind?

Available for freelance projects, full-time roles, and interesting collaborations. Based in Norway, working with clients worldwide.

Have a project in mind?

Available for freelance projects, full-time roles, and interesting collaborations. Based in Norway, working with clients worldwide.