SimplifyAuth - Web Responsive Design by Emanuele Di CeccaSimplifyAuth - Web Responsive Design by Emanuele Di Cecca

SimplifyAuth - Web Responsive Design

Emanuele Di Cecca

Emanuele Di Cecca

Thumb
Thumb

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