End-to-End UX/UI & WordPress Development by Younes Annaki End-to-End UX/UI & WordPress Development by Younes Annaki

End-to-End UX/UI & WordPress Development

Younes Annaki

Younes Annaki

Case Study: Magan Furnitures

01. Executive Overview

Magan Furnitures is an affiliate branch of the Magan parent brand specializing in luxury B2B and custom furniture sourcing. I was brought on to lead the digital transformation end-to-end: deriving a distinct brand identity system, defining the site architecture, designing the complete responsive UI/UX, and executing front-end development on WordPress using Elementor.
All visuals presented are 1:1 live screenshots of the launched, fully functional digital platform across desktop, tablet, and mobile breakpoints.

02. Brand Extension & Visual Identity

Pictogram Derivation: Evolved the core Magan mark to establish a dedicated emblem for the "Furnitures" division while preserving brand equity.
Tactile Palette: Shifted away from standard digital palettes in favor of organic, warm tones, deep forest greens, rich terracotta, warm sand, and champagne accents, referencing real-world physical materials, woods, and craftsmanship.
Typography & Tone: Paired understated serifs with clean sans-serif layouts to strike a balance between high-end luxury and industrial reliability.

03. Site Architecture & Conversion UX

Starting from raw client copy and information architecture, I established a clear content hierarchy to drive conversion without sacrificing brand prestige:
Strategic Intent Navigation: Separated lead flows into a high-intent Request a Quote engine for specific procurement needs and a dedicated General Contact system to keep prospects organized.
Social Proof & Credibility ("Magan-Approved"): Designed a dedicated page and badge system highlighting real-world testing, manufacturing tolerances, and field durability to instill institutional trust.
Trilingual Localization: Built out language switcher infrastructure (FR / EN / ES) with tailored layouts that maintain visual balance across varying character lengths.

04. AI-Augmented Design & Development Process

To streamline delivery while keeping human creativity at the forefront:
Figma Make & Design: Utilized Figma Make exclusively for quick structural framing and rapid wireframe testing, then built the design system in Figma Design.
AI Image Integration: Applied targeted AI generation for specific contextual imagery and mockups, keeping tactile textures consistent.
WordPress + Elementor Implementation: Built a pixel-perfect, highly performant front-end directly from Figma frames, ensuring full responsiveness across mobile, tablet, and desktop viewports.

05. Highlights & Deliverables

Brand Identity & Guidelines Extension
Information Architecture & Interactive Sitemap
Full Responsive Desktop, Tablet, and Mobile UI/UX Design
WordPress + Elementor Live Custom Build
Lead Generation & Dual-Form Architecture

Like this project

Posted Sep 25, 2026

Magan Furnitures is an end-to-end digital branding and web build project for a luxury B2B furniture affiliate.