top of page

CONTENT MANAGEMENT SYSTEM

Back to Top
Screen Sizes.png

INTRO

Migration of the Sephora website and app to a Content Management System.​ Starting from Home page, Brand page, Listing and Landing page.

UX Strategy.png

STRATEGIC ROLE OF UX

UX plays a strategic role in the migration -

  • Coordinating with business stakeholders to ensure existing page content and functionalities migrated.

  • Standardise look and feel, implementing subtle UI changes to improve visual coherence and responsiveness of the page.

  • Work with the engineering team to ensure feasibility and a true-to-design end product. 

Enhance.png

ENHANCE & OPTIMISE EXISTING USE CASES

Enhancements and optimisations of components were made with scalability in mind (languages and image dimensions) to reduce man hours needed to maintain the site. We also wanted to maximise the usage of imagery and content to bring more colours into the site, giving a vibrant but clean interface for our users.

Responsive.gif

RESPONSIVE DESIGN

Through the use of flex and max width, the site was designed to be responsive and adaptable to most screen widths, every component designed and built follows the same rule to maintain visual coherency.

​

With close coordination with the engineering team, the end build is true to design.

DESIGN SYSTEM

The entire CMS utilises the Design System. Using atomic design methodology, we align design with front end.

 

All "atoms" and "molecules" were documented into Storybook before being built into components of CMS. The sections/component then creates the page itself.

Home Page.gif
bottom of page