Singulart | Refining and crafting the design system through the HP

Singulart | Refining and crafting the design system through the HP

Singulart | Refining and crafting the design system through the HP

product challenge

Improve and complete the Singulart design system to fit new brand DNA guidelines

sector

e-commerce - Art - B2C

key users

Singulart visitors (USA, Europe…)

date

December 2023

Thanks to an amazing front-end team, close collaboration and weekly meetings, design systems developments were prioritized, using the new rebranded Homepage as a pilot project.

The latest Singulart branding, launched in September 2024, reintroduces these components with a fresh typeface and a creative twist, showcasing the effective collaboration that has been done on the design system.

Thanks to an amazing front-end team, close collaboration and weekly meetings, design systems developments were prioritized, using the new rebranded Homepage as a pilot project.

The latest Singulart branding, launched in September 2024, reintroduces these components with a fresh typeface and a creative twist, showcasing the effective collaboration that has been done on the design system.

Thanks to an amazing front-end team, close collaboration and weekly meetings, design systems developments were prioritized, using the new rebranded Homepage as a pilot project.

The latest Singulart branding, launched in September 2024, reintroduces these components with a fresh typeface and a creative twist, showcasing the effective collaboration that has been done on the design system.

step by step design process

  1. Review the existing typescale taking the HP as a base

  1. Review the semantic use of colors and add accent colors to modernize the experience

  1. Rework main components using variables, autolayout and states

  1. Further create and rationalize components when revamping new key templates