(07 / 08) — Full Case Study

TRIPS FI BLADI — Travel Platform

Created a full-featured travel agency platform with custom-made trips emphasizing eco-responsibility, cultural preservation, community support, a marketplace, library, and user-friendly contact system.

Next.jsTypeScriptTailwind CSSFigma
Cover — WebShot 01
TRIPS FI BLADI — Travel Platform
Fact Sheet
Role
Frontend Developer & Designer
Year
2024
Client
Tourism Agency
Platform
Web
Stack
Next.js · TypeScript · Tailwind CSS · Figma
The Showcase

A visual journey through the screens.

6 frames, capture by capture — how TRIPS FI BLADI actually flows, from first launch to final booking.

The journey begins
Frame 01 / 06Web · browser
Frame 01Web View

The journey begins

A full-bleed hero pairs bold Algerian landscape imagery with a trip search that feels more like an invitation than a form.

Trips, built by hand
Frame 02 / 06Web · browser
Frame 02Web View

Trips, built by hand

Each custom trip is a story: itinerary, pace, host and impact are visible before you commit. Transparency is the design principle.

A marketplace for artisans
Frame 03 / 06Web · browser
Frame 03Web View

A marketplace for artisans

Local makers sell directly on the platform with verified origins and the story behind every piece — tourism income that stays in the community.

A library of the country
Frame 04 / 06Web · browser
Frame 04Web ViewLive

A library of the country

Guides, essays and maps about Algeria's regions live in a library that both informs and quietly sells the next trip.

Book with a human touch
Frame 05 / 06Web · browser
Frame 05Web View

Book with a human touch

A contact-first booking system keeps the agency close: ask a question, receive a real answer, then confirm with confidence.

Beautiful on the road
Frame 06 / 06Web · browser
Frame 06Web View

Beautiful on the road

The responsive layout keeps the storytelling intact from desktop to phone — the same trips, re-flowed for any screen.

Overview

Algeria lacked a dedicated platform promoting sustainable, responsible, and immersive tourism experiences across the country.

Next.jsTypeScriptTailwind CSSFigma