product design for e-learning platform

louis gersten

0

Product Designer

UI Designer

Web Designer

Bubble

CSS

Figma

Education

summary

the client branches out to create an e-learning platform. the idea and basic structure has been created, yet a fitting design language is missing. we were tasked to help out. i created a logo as well as the design for the website. while focusing mainly on the design i also supported the development of the website and platform, which are both implemented within bubble.io. the logo draws reference to student’s graduation caps, stating the clear learning intent of the platform. for this project a modern, yet not overly playful design was in order, swaying from the usual japanese style website. i achieved this with using a lot of transparency, clear structures and illustrations interacting with each other. the website presents itself in a playful way, inviting the visitor to explore and join the platform. mixing this with a simple, modern design the website doesn’t overload its visitors with information while still providing everything needed. the actual platform provides users and admins with a helpful dashboard, allowing for access to more detailed information. every elements design is coherent throughout any page or role, making it easy to onboard and understand.

services

brand strategy
branding design
ux research
ui design
web design
web development

approach

the client sought to expand into e-learning with a platform that had a defined structure but lacked a cohesive design language. my role was to establish a visual identity that balanced modernity with approachability. i designed a logo inspired by graduation caps to emphasize the platform’s educational focus and developed a clean, structured website that diverged from traditional japanese design styles. using transparency, interactive illustrations, and a clear layout, i created a playful yet refined aesthetic that encourages exploration without overwhelming users. alongside the design work, i also supported the implementation of the website and platform within bubble.io, ensuring consistency across all elements.

outcomes

the final website and platform presented a visually engaging and intuitive user experience. the website’s modern yet inviting design encouraged sign-ups, while the platform’s structured dashboard provided users and admins with clear, accessible information. by maintaining design consistency across pages and roles, onboarding became more intuitive, reducing cognitive load for new users. the result was a user-friendly e-learning environment that seamlessly combined clarity, functionality, and a distinct visual identity.
Like this project
0

Posted Feb 17, 2025

for this client i created a 100% custom branding and user experience for an online e-learning platform.

Likes

0

Views

3

Tags

Product Designer

UI Designer

Web Designer

Bubble

CSS

Figma

Education

festival website redesign
festival website redesign
real estate website revamp
real estate website revamp
ux and ui for an ai review analyzer
ux and ui for an ai review analyzer
luxury retailer website revamp
luxury retailer website revamp