top of page

360learning

Working with 360learning as brand designer. Participate in company rebranding more specifically on website experience and web design system.

web design

brand design

design system

E-learning digital product company based in Paris. 360learning revolutionized collaborative learning and empowered new services as LMS and LXP.

Group 39550.png

MY ROLE

On my end I was leading 360learning website design following the branding vision. It was an opportunity to fully build an adapted design system and enhance design/dev collaboration. It brings consistency in our way to communicate as a team and improve significantly digital experience.

From a product point of view, a global navigation was added to bring a better understanding of 360learning product ecosystem. As a big improvment too Web experience is now embed a responsive mode.

MacBook #13.png
Group 39544 3.png
Design sytem overview.png

DESIGN SYSTEM

New design system was fully builded on a new responsive vision. So firstly the main goal was to reorganize grid, spacing guideline and also to define breakpoints system. That new system were using atomic design principles to better organize foundation as color, font layout section and a second all component vision. 

As a result, the design system brought consistency by organizing all design/dev components and made their implementation easier. It significantly improved the overall design process and enabled better collaboration between product design and development teams

VISUAL IMPROVEMENT

Big color pattern background were used on layouts and section. It brings more rythme to marketing and product content. Those main blocks are very contrasted with a minimalist and impactful black typography ensuring readability and facilitating smooth navigation.

Human-centered illustrations, immersive product display and video emphasizes also collaboration and collective learning.

c6931791-d887-4124-8d4d-caded9e11d40_in-

DESIGN PROCESS

Brand strategy

Brand vision

Creative workshop session

Design Roadmap

Userflow

Protytotype

Wireframe design

Design session

Responsive design

Design sprint

Design session

User test

Design system design 

Design/dev

collaboration

DEV session following

Bug review

User feedback

Design improvement and tests

Group 39555 (2).png
Capture d’écran 2025-03-24 à 13.48.54.png
Capture d’écran 2025-03-24 à 13.52.24.png
Capture d’écran 2025-03-24 à 13.54.13.png

Let’s Work Together

+33 6 21 68 36 30

  • LinkedIn
  • Dribble
bottom of page