WELCOME TO MY MIND
0%

Preparing the experience

MOHAMED WAHEED

CREATIVE FRONTEND DEVELOPER

Building Ecommerce Worlds
Through Storytelling.

WHO AM I?

WELCOME TO MY MIND

I don't just build websites.
I build brand universes.

Specialized in:
EasyOrders · Shopify · Custom Frontend · Motion Design

HOW MY MIND WORKS

I BUILD WORLDS

Creative Direction · Storytelling · Frontend Development
Ecommerce Strategy · Motion Design · Brand Experiences

Most developers build pages.
I build worlds around brands.

SELECTED WORK

WATCH MY PROJECTS

Inside this archive you'll discover:

· Selected Projects · Case Studies
· Ecommerce Experiences · Brand Stories

SCROLL Next: Who Am I?
ARCHIVE // BRAIN INDEX

SELECTED WORK

ARCHIVE // 01 CASE STUDY 01Fashion / Streetwear 8WEST Building a fashion brand through immersive storytelling. View Case Study →
ARCHIVE // 02 CASE STUDY 02Personalized Gifts INKKA Building a premium gifting experience through storytelling. View Case Study →
ARCHIVE // 03 CASE STUDY 03E-commerce / Shopify HERSHOP E-commerce migration, redesign & custom storefront experience. View Case Study →
ARCHIVE // 04 CASE STUDY 04Perfume E-commerce / EasyOrders LA BELLA Premium perfume e-commerce experience designed and developed on the EasyOrders platform. View Case Study →
ARCHIVE // MOBILE INDEX

SELECTED WORK

CASE STUDY 01 8WEST Fashion / Streetwear
CASE STUDY 02 INKKA Personalized Gifts
CASE STUDY 03 HERSHOP E-commerce / Shopify
CASE STUDY 04 LA BELLA Perfume E-commerce / EasyOrders

Loading mobile archive

WHAT I DO
01

Creative Direction

Brand identity, visual systems, storytelling architecture.

02

Ecommerce Development

EasyOrders, Shopify, custom frontend experiences.

03

Brand Experience Design

Immersive digital worlds built around your brand story.

04

Motion Design

Scroll animations, cinematic transitions, interactive UI.

SKILLS
FRONTEND
HTMLCSSJavaScriptGSAP
PLATFORMS
EasyOrdersShopify
CREATIVE
Brand Strategy Storytelling Motion Design UX
CASE STUDY 01

8WEST

Fashion · Streetwear · Brand Experience

Building a fashion brand through immersive storytelling.

ROLE
Creative Direction & Frontend Development
SERVICES
Brand Strategy, Storytelling, Ecommerce UX
PLATFORM
Responsive Ecommerce
YEAR
2050 Archive
8WEST psychiatric archive ecommerce experience
ARCHIVE ENTRY // WARD SYSTEM

I transformed 8WEST from a regular clothing brand into a full storytelling universe. The brand became a psychiatric archive — each ward tells a different story, each ward expresses a specific personality. 8WEST is no longer just clothing. It is now an archive of identities — inside it are wards, and each ward represents a character.

MOBILE EXPERIENCE // 9:16

The archive, rebuilt for the hand.

We translated 8WEST's psychiatric-archive identity into a focused mobile journey with clear ward navigation, readable storytelling and touch-first product discovery.

DESKTOP EXPERIENCE // 16:9

A cinematic archive built for exploration.

We shaped the desktop experience around immersive ward storytelling, stronger visual hierarchy and a responsive ecommerce flow that keeps the brand universe clear at every screen size.

8WEST brand strategy
  • Brand Strategy
  • Storytelling Architecture
  • Multi-Ward Identity System
  • Custom Ecommerce Experience
8WEST ward selection

Designed a custom ward-selection system that transforms product browsing into an immersive identity-driven experience.

8WEST archive storytelling interface
8WEST product page
  • Product Page Redesign
  • Conversion Optimization
  • Variant System
  • Visual Hierarchy
8WEST trust building
  • Trust Building
  • Offer Communication
  • Customer Experience Design
  • Purchase Reinforcement
8WEST responsive archive overview
8WEST mobile interface detail
8WEST mobile journey detail
BRAND TRANSFORMATION
Traditional Clothing Store → Psychological Archive Brand
Generic Product Pages → Ward-Based Navigation System
Standard Browse Experience → Storytelling Driven Identity
MY PROCESS
01 Research
↓
02 Strategy
↓
03 Story Architecture
↓
04 Design
↓
05 Development
↓
06 Experience
NEXT PROJECT // 02

INKKA

Personalized Gifts · Ecommerce · Storytelling

CASE STUDY 02

INKKA

Personalized Gifts · Ecommerce · Storytelling

Transforming a personalized mug store into an emotional gifting experience.

ROLE
Creative Direction & Frontend Development
SERVICES
Storytelling, Ecommerce UX, Motion Design
PLATFORM
Responsive Ecommerce
YEAR
2050 Collection
INKKA premium personalized gifting experience
GIFT EXPERIENCE // PERSONALIZED COMMERCE

INKKA was designed as more than an ecommerce website—it was built as a digital gifting experience.

The concept revolves around transforming a personalized mug store into a premium gift destination through visual storytelling.

Every section reinforces the feeling of opening a luxury gift.

The visual language uses warm beige tones, deep burgundy accents, and elegant typography inspired by premium gift packaging.

Instead of building a traditional ecommerce website, I created an emotional shopping journey using storytelling, motion design, immersive interactions and cinematic transitions.

The project included:

• Creative Direction
• Storytelling Experience
• Ecommerce UX Strategy
• Responsive Frontend Development
• Motion Design
• Brand Experience Design
• Custom Product Presentation

The final result transforms a simple personalized mug website into a memorable brand experience.

DESKTOP EXPERIENCE // 16:9

Premium gifting told as a digital story.

We turned INKKA's desktop store into a refined gifting journey with editorial composition, clear personalization steps and cinematic product presentation.

MOBILE EXPERIENCE // 9:16

The gifting journey, optimized for touch.

We adapted INKKA for mobile with focused content, comfortable tap targets and a vertical storytelling flow that preserves the premium burgundy identity.

BRAND TRANSFORMATION
Generic Mug Store → Premium Gift Destination
Standard Product Pages → Emotional Shopping Journey
Basic Ecommerce → Cinematic Brand Experience
MY PROCESS
01 Research
↓
02 Strategy
↓
03 Story Architecture
↓
04 Design
↓
05 Development
↓
06 Experience
NEXT PROJECT // 01

8WEST

Fashion · Streetwear · Brand Experience

CASE STUDY 03

HERSHOP

E-COMMERCE MIGRATION / REDESIGN / DEVELOPMENT

A complete e-commerce transformation for HERSHOP, covering migration, visual redesign, UX improvements, responsive development and custom storefront features.

PLATFORM
Shopify
TYPE
E-commerce Migration, Redesign & Custom Development
ROLE
Creative Direction & Frontend Development
DELIVERY
Responsive Storefront Experience
HERSHOP cinematic ecommerce homepage redesign
SHOPIFY // STOREFRONT TRANSFORMATION
01 // PROJECT OVERVIEW

A complete ecommerce transformation.

A complete e-commerce transformation for HERSHOP, covering migration, visual redesign, UX improvements, responsive development and custom storefront features.

Migration
Shopify implementation
Experience
Storefront redesign
Development
Custom responsive features
UX
Discovery, support and clarity
02 // VISUAL DIRECTION

Fashion contrast, built into the interface.

Deep Burgundy#2A0D16

Primary dark background and cinematic fashion sections.

Wine Burgundy#541524

Secondary gradient tone, overlays and atmospheric depth.

HERSHOP Red#F11F2D

Primary accent, headings, labels and active states.

HERSHOP Green#3D7745

Brand accent used with the logo and selected navigation states.

Champagne Gold#DFC47F

Premium CTA, typography accents and luxury highlights.

Warm Off White#FAF6F1

Light sections, text contrast and visual breathing space.

Near Black#090707

Deep contrast, footer areas and supporting dark UI.

03 // HOMEPAGE EXPERIENCE

The storefront, unfolded as a visual system.

Each screen is visual proof of the design and development decisions made across the customer journey.

VISUAL DIRECTION

A Cinematic First Impression

  • Created a custom full-width cinematic hero direction
  • Built a strong visual hierarchy around the HER SHOP headline
  • Added a clear Shop All call to action
HERSHOP homepage hero
PRODUCT DISCOVERY

A More Dynamic Way to Discover New Products

  • Built a custom horizontal product carousel experience
  • Created a large focused active product card
  • Improved product discovery without a standard grid
HERSHOP New Arrivals carousel
PROMOTIONAL UX

Making Sale Products Feel Like a Campaign

  • Created a wheel-style promotional carousel
  • Highlighted the selected product in the center
  • Added a promotional ticker
HERSHOP Sale Drop carousel
INFORMATION ARCHITECTURE

Category Browsing, Reframed as Editorial Content

  • Designed six large category cards
  • Added category labels, numbering and directional CTAs
  • Built a responsive discovery grid
HERSHOP category navigation
BRAND POSITIONING

Turning Brand Values Into a Shopping Experience

  • Designed a split editorial layout
  • Created service and value cards
  • Balanced a light premium section against darker sections
HERSHOP brand values section
CUSTOMER SUPPORT

Support Designed as Part of the Storefront

  • Created dedicated contact channel cards
  • Added clear channel-specific calls to action
  • Made support easier to discover
HERSHOP contact experience
CUSTOMER CLARITY

Reducing Friction Before Checkout

  • Designed an Arabic support and FAQ layout
  • Created an accordion-style policy section
  • Covered ordering, payment, shipping and returns
HERSHOP Arabic FAQ and terms
NAVIGATION & BRAND CLOSURE

A Footer That Works as a Final Navigation Layer

  • Integrated the HERSHOP logo and watermark
  • Organized primary store navigation
  • Added social, WhatsApp, privacy and terms access
HERSHOP final footer
04 // RESPONSIVE DEVELOPMENT

One visual system. Two considered experiences.

DESKTOP EXPERIENCE

Responsive Behavior Across Desktop Screens

Desktop responsiveness was tested and refined so the visual hierarchy, custom sections and interactions remain balanced across different screen sizes.

MOBILE EXPERIENCE

The Same Visual System, Rebuilt for Mobile

The mobile experience was treated as a dedicated layout rather than a scaled-down desktop version, preserving clarity and usability on smaller screens.

BACK TO ARCHIVE

SELECTED WORK

Return to the project index.

CASE STUDY 04

LA BELLA

PERFUME E-COMMERCE / EASYORDERS

A premium perfume e-commerce experience designed and developed on the EasyOrders platform.

PLATFORM
EasyOrders
TYPE
Perfume E-commerce
ROLE
Creative Direction & Frontend Development
DELIVERY
Responsive Storefront Experience
LA BELLA premium perfume ecommerce experience
EASYORDERS // PERFUME COMMERCE
01 // PROJECT OVERVIEW

A sensory brand translated into commerce.

The experience balances editorial art direction, product clarity and a streamlined customer journey across desktop and mobile.

Identity
Purple and gold luxury system
Discovery
Focused product navigation
Commerce
EasyOrders implementation
Experience
Responsive and conversion-led
02 // COLOR PALETTE

A restrained palette for a premium perfume world.

Primary Purple#6D0482

Primary brand color.

Off White#FBF8F5

Background and clean premium surfaces.

Gold#D4AF37

Luxury accents and highlights.

03 // STOREFRONT EXPERIENCE

A premium journey, unfolded screen by screen.

Each view supports fragrance discovery while preserving the visual character of LA BELLA.

ART DIRECTION

A Distinctive First Impression

  • Premium purple and gold visual language
  • Clear campaign-led hierarchy
  • Focused primary action
LA BELLA homepage hero
PRODUCT DISCOVERY

Fragrance Categories Made Clear

  • Structured category browsing
  • Strong product imagery
  • Responsive discovery flow
LA BELLA perfume categories
CURATED COMMERCE

Products Presented with Rhythm

  • Editorial carousel composition
  • Clear product focus
  • Premium interaction details
LA BELLA product carousel
CONVERSION

A Cleaner Path to Purchase

  • Direct checkout hierarchy
  • Reduced visual friction
  • Mobile-ready purchase flow
LA BELLA checkout experience
04 // RESPONSIVE DEVELOPMENT

One perfume world, shaped for every screen.

DESKTOP EXPERIENCE

Editorial scale with commerce clarity.

The desktop layout uses space and hierarchy to keep the premium brand atmosphere clear.

MOBILE EXPERIENCE

The same identity, rebuilt for the hand.

Mobile interactions remain direct, readable and comfortable without losing the brand character.

BACK TO ARCHIVE

SELECTED WORK

Return to the project index.

ARCHIVE SYSTEM
ACTIVATED
ACCESSING RECORDS
SCANNING...
ENTER