All work
Web · Mobile · HospitalityVisit live siteDesigned & built end-to-end

HFHCreative–HotelRenovation&InteriorArchitecture

HFH Creative is a Tunisian studio that designs, renovates and furnishes hotels, restaurants, residences and villas across Tunisia and Libya, with its own wood and textile workshops. Its work is visual and its clients are demanding, so the website had to feel like walking into one of its spaces. I designed and built it, from the opening film to the private dashboard behind it.

Roles
Design Engineer
Tools
Next.js · TypeScript · Lenis · Vercel
Category
Architecture / Hospitality
01

The Brief

Three trades, one studio. HFH handles concept, workshops and construction under one roof, which is rare and hard to explain. The site had to make that clear to hotel owners while letting the photography do most of the talking.

02

What I Designed & Built

A cinematic opening— The huge HFH Creative wordmark gives way to a film of a Gammarth villa at dusk, with the studio's statement revealing word by word. It sets the pace for everything that follows: slow, confident, unhurried.
Twenty-one projects, no CMS— The team adds a project by adding a folder: photos, videos and a text file. Refresh, and it appears on the home page, the projects page and its own page. No training and no admin form to learn.
Method and craft— Expertise has its own page, and a six-step method shows how a project moves from first sketch to handover. The hand-drawn croquis gets a section of its own, because that's where every project really begins.
A journal for search— Articles on model rooms, Tunisian materials and hotel renovation give owners real answers. Structured data, an llms.txt file and light images help search engines and AI assistants find and describe the studio.
A private brand dashboard— Behind a login, the team has one home for logos, documents and media: browse, preview, upload and download as a zip, in the same visual language as the public site.
As considered on a phone— Galleries become swipeable, the type stays elegant at small sizes, and contrast was adjusted to meet WCAG AA.
03

The Result

A live, French-language site at hfhcreative.com that shows the work at its best and that the team can keep up to date themselves.

✦

Design DNA

Palette sampled from the project's own screens — tap a swatch to copy.

EditorialQuietCraftedCinematic
Instrument SerifDisplay
GeistBody
ItalianaWordmark
HFH Creative – Hotel Renovation & Interior Architecture
HFH Creative – Hotel Renovation & Interior Architecture
HFH Creative – Hotel Renovation & Interior Architecture
HFH Creative – Hotel Renovation & Interior Architecture
HFH Creative – Hotel Renovation & Interior Architecture
HFH Creative – Hotel Renovation & Interior Architecture
HFH Creative – Hotel Renovation & Interior Architecture

The Takeaway

Whentheworkisthisvisual,thewebsite'sjobistogetoutoftheway.

See what clients say about this work
Hamza's AI assistant
Built by Hamza · Powered by Groq
Hey! I'm Hamza's AI assistant — designed and built by him, right into this site. Ask me anything about his work, his journey, or what clients say. ✦