Responsive website design for a cybersecurity course platform. From brand style guide to wireframes, UI system, and final responsive mockups across 5 pages.
The Problem
SimplifyAuth needed a responsive website to sell online video courses on cybersecurity. Users had to be able to register, log in, and browse the course catalog. The platform didn't exist yet visually: everything had to be designed from scratch.
Starting Point
The client provided two things: page copy from a professional copywriter, and a brand style guide. No existing UI, no templates, no previous design to reference.
Process
I started with homepage wireframes in both desktop and mobile to lock down the layout and content hierarchy before touching any visual detail.
From there, I built a UI component system based on the brand guidelines: typography, color palette, buttons, cards, form elements. Having a system early meant every new page stayed consistent without rework.
Once the homepage direction was approved, I moved to the internal pages: login, registration, and the video course listing. Each page went through a review cycle with the client before moving to final.
Result
The final delivery was a complete, responsive design covering all key pages and devices. The Figma file was built with auto-layout and component variants, ready for a clean developer handoff. The client approved without major revisions.
Full design
Conclusion
The client was very pleased with the service and appreciated my willingness to explore alternative design options to ensure the perfect result.
Like this project
Posted May 24, 2024
Crafted a responsive site for SimplifyAuth, offering cybersecurity courses. Designed UI elements and pages based on its brand, ensuring client satisfaction.