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.

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.



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.

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
.png)


