Faraz khan
Project 04

Lappi Ravintola

Restaurant website · Helsinki, Finland

ReactNext.jsTailwind CSS
Freelance Frontend Developer
Freelance project
Solo developer
View website
Next.jsFramework
VercelHosting
MobileFirst
LiveStatus
Overview

Lappi Ravintola is a restaurant website built for a dining establishment in Helsinki, Finland. The goal was to create a clean, atmospheric digital presence that reflects the restaurant's character and makes it easy for guests to explore the menu, find the location, and get in touch.

The site was built with React and Next.js, deployed on Vercel for fast global delivery. The design emphasises warm aesthetics, legible typography, and a straightforward layout that puts the food and experience front and centre.

Mobile responsiveness was a priority given that most restaurant searches happen on phones - the layout adapts cleanly across all screen sizes.

lappi-ravintola.app / dashboard
Live

Next.js

Framework

Vercel

Hosting

Mobile

First

Live

Status

Engagement
82%
Retention
71%
Performance
94%
Features

What was built

01

Atmospheric design

Warm visual aesthetic that reflects the restaurant's character, using typography and layout to evoke the dining experience.

02

Menu presentation

Clear and appetising menu layout making it easy for guests to browse dishes and find what they're looking for.

03

Location & contact

Prominent location details and contact information so guests can find the restaurant and make reservations easily.

04

Fully responsive

Optimised for mobile-first browsing - the layout adapts cleanly from phone to desktop without any compromises.

05

Fast load times

Deployed on Vercel with Next.js static generation for near-instant page loads regardless of device or connection.

06

Clean navigation

Simple, intuitive navigation that lets guests move between sections without friction or confusion.

Challenge

The hard part

Restaurant websites need to communicate atmosphere as much as information. The design had to feel warm and inviting without sacrificing clarity - guests should be able to find the menu, hours, and location in seconds.

Solution

How it was solved

I led with the visual tone - warm colour palette, generous whitespace, and photography-forward layout - while keeping the information architecture dead simple. Key details (menu, address, contact) are reachable within one or two taps from any page.

Tech stack

Built with

Frontend
React 18Next.jsTailwind CSS
Hosting
Vercel
Outcomes

Results that matter

1

Site live and deployed at lappi-ravintola-web.vercel.app

2

Clean, responsive layout across all device sizes

3

Fast load times via Next.js static generation on Vercel

Interested in working together?

I'm available for full-time roles and freelance projects.