← All projects

BOTANICAL COMMERCE

Jannah Terra
A little world of green.

A bilingual shopping experience for discovering terrariums, building a miniature garden, and finding a thoughtful living gift.

Read the case study Open prototype ↗

UI/UX designResponsive websiteDesign in progress

THE CHALLENGE

A clear purpose.

Make a detailed botanical catalogue feel simple to browse, personalise and gift.

DESIGN RESPONSE

A considered experience.

A focused shopping journey with a guided builder, care information and English–Arabic layouts.

THE INTERFACE

Small screens.
Every detail.

Select any screen to view the complete design.

Home & discovery — Jannah Terra — Home & discovery

Shop collection — Jannah Terra — Shop collection

Product details — Jannah Terra — Product details

Build your terrarium — Jannah Terra — Build your terrarium

Review your creation — Jannah Terra — Review your creation

Shopping bag — Jannah Terra — Shopping bag

Guest checkout — Jannah Terra — Guest checkout

Gifting — Jannah Terra — Gifting

Plant care — Jannah Terra — Plant care

Arabic / RTL home — Jannah Terra — Arabic / RTL home

View the desktop homepage

Jannah Terra desktop homepage

BEHIND THE DESIGN

The case study.

View in Figma ↗

From the challenge and competitor landscape to journeys, visual design and final screens.

Cover — visual case study section

Project overview — visual case study section

Design challenge — visual case study section

Competitor landscape — visual case study section

Shopping journey — visual case study section

Layout logic — visual case study section

Visual language — visual case study section

Discover & choose — visual case study section

Build a little world — visual case study section

Bag & checkout — visual case study section

English & Arabic — visual case study section

Across screens — visual case study section

Care & gifting — visual case study section

Next steps — visual case study section

WHAT’S NEXT

Design in progress.

The design is nearly complete. Usability validation, final refinement and development are next.

More projects ↗

↑