David is a Adobe Expert Trainer (he's also a Motion designer and Director), he already managed to train many French people to be Adobe Expert and still wish to teach more French people. To achieve this he decide have a website and create 2 courses (Adobe Premiere Pro and Adobe After Effects) in Systeme.io in order to have a online presence and the goal was to create a cohesive brand experience that highlights course value and drives conversions. The design focused on clarity, modern aesthetics, and an intuitive user journey from course discovery to enrollment.

The primary challenges is the limitation to design in Systeme.io to create a personalized website and high converting landing page course design for Adobe Premiere Pro and Adobe After Effects. So I decide to design it first in Figma and start creating a personalized website and course landing page that will align to David branding and have more approach to focused on clarity, modern aesthetics, and an intuitive user journey. After designing in Figma I make sure to implement all of design in Systeme.io by uploading all the design assets (vectors, hex codes, graphic files) from Figma and David branding assets (images, videos and custom fonts).

The process began with structuring each page section to establish a clear visual and content hierarchy. All copy elements were implemented first to define layout flow and ensure alignment consistency across breakpoints. After finalizing the structure, I imported the design assets from Figma vectors, hex codes, and graphic files to maintain brand accuracy. Once the visual foundation was in place, I integrated the images, logos, and videos, refining their placement for balance and clarity. The final phase focused on spacing, responsiveness, and interaction polish to preserve visual integrity and usability across all devices.

The final build resulted in a fully branded website and two cohesive course landing pages built in Systeme.io, perfectly aligned with David’s visual identity and teaching style. Each page maintained a consistent design language from Figma to the live environment, with every color, font, and graphic element implemented for brand precision. The layout delivered a clean, structured flow that guided visitors naturally from course overview to enrollment.

Both the Adobe Premiere Pro and Adobe After Effects pages were optimized for responsiveness, readability, and clarity, ensuring a smooth user experience across all devices. The completed build not only showcased David’s professionalism but also positioned his brand for scalability and future course expansions.