Ubaid Shamsudheen
UI/UX design & web development

← All projects

BILINGUAL E-COMMERCE · PUBLISHED

Magnesia
From interface to storefront.

A natural-products shopping experience for a Saudi Arabian business, designed and developed for English and Arabic customers.

UI/UX design & developmentPHP · MySQLPublished website

THE CHALLENGE

Bring the range together.

Present sea salt, honey and stevia in a clear catalogue, with room for product information and the story behind the brand.

THE EXPERIENCE

From discovery to details.

Category browsing, product pages and editorial content connect the storefront to the brand’s outlets and contact information.

Magnesia live website homepage

THE LIVE WEBSITE

A closer look
at every journey.

Open a preview to see the full page.

Homepage — Magnesia
Homepage
About the brand — Magnesia
About the brand
All products — Magnesia
All products
Sea salt collection — Magnesia
Sea salt collection
Honey collection — Magnesia
Honey collection
Stevia collection — Magnesia
Stevia collection
Product detail — Magnesia
Product detail
Blog & articles — Magnesia
Blog & articles
Article detail — Magnesia
Article detail
Store locations — Magnesia
Store locations
Contact — Magnesia
Contact
About Magnesia salt — Magnesia
About Magnesia salt
Frequently asked questions — Magnesia
Frequently asked questions

BEHIND THE BUILD

Design, brought to life.

Two directions.

English and Arabic interfaces support left-to-right and right-to-left reading, with shared product content and a consistent visual identity.

One storefront.

The PHP website brings together product browsing, variants, cart and checkout interfaces, with administration tools for products and orders.

This project is published. The gallery shows the live interface rather than concept mockups.

More projects ↗

Project screenshot

Scroll to see the full image · Use ← / → to browse · Esc to close

↑