PROJECT DATE ///
Feb 1, 2024
AGENCY ///
Freelance
ROLE ///
UI/UX Design
Transforming LeadEdu's Online Presence
LeadEdu, an EdTech company, needed a website that showcased their vision and services. We restructured their offerings, created a universe-inspired visual theme, and ensured consistency with a detailed design system. Developed in Webflow with advanced SEO and a robust CMS, the new site is modern, user-friendly, and effectively represents LeadEdu’s brand.
LeadEdu, an EdTech company, needed a website that reflected their current and future vision. The previous site lacked clarity and differentiation of their services. To address this, we restructured their offerings into two categories: "For Companies" and "For You," ensuring users could easily navigate to relevant services.
We chose a darker visual theme, inspired by the universe, using circles and dynamic meshes to symbolize growth and movement. A meticulous design system ensured visual consistency across the site.
About LeadEdu
LeadEdu is an innovative EdTech company dedicated to providing comprehensive training and development programs. However, their previous website did not adequately reflect the company's current trajectory or its aspirations for the future. To address this, the goal was to design and develop a new website that clearly showcased their services and aligned with their vision.
Project Overview
The project commenced with a thorough understanding of LeadEdu’s objectives. The primary aim was to create a website that effectively communicated their services while distinguishing between offerings for individuals ("For You") and businesses ("For Companies"). This clarity was crucial for users to quickly identify and navigate to relevant services.
Prototyping Phase
In the prototyping phase, the focus was on structuring the services into two distinct categories: "For Companies" and "For You." This approach allowed us to design dedicated pages for each service segment, making it easier for users to understand the offerings tailored to their needs.
Art Direction
Inspired by the vastness of the universe and the symbolic nature of planets and their colors, we chose a darker visual theme. Circles were used to represent each service, symbolizing the idea of continuous movement and growth. This theme was further emphasized through intricate meshes in the hero section, conveying a dynamic and modern aesthetic.
Design System
A meticulously crafted design system was developed to ensure visual consistency across the site. This system leveraged LeadEdu's corporate identity and visual proposition to create a cohesive user experience. The design system played a crucial role in maintaining uniformity in elements like typography, color schemes, and iconography throughout the site.
High-Fidelity Prototypes and Development
Once the design system was in place, high-fidelity prototypes and templates were created. This phase was a collaborative effort with LeadEdu’s team, who handled the copywriting and user research. Their input was invaluable in ensuring that the content was both engaging and informative.
Webflow Development
The final stage involved developing the website using Webflow, a platform that enabled us to utilize the latest web technologies. The development process included implementing advanced SEO techniques and creating a comprehensive CMS for the blog. This setup ensured that the site was not only visually appealing but also optimized for search engines and easy to update with fresh content.
The result is a modern, user-friendly website that effectively communicates LeadEdu’s brand and services.
© Jorge Junior
2025