The website started with a visual system designed to make education technology feel clean, capable, and approachable.
I built the foundations across typography, color hierarchy, responsive spacing, UI components, and logo applications to support a consistent SaaS experience. The system was designed to feel modern without becoming cold, creating enough structure for compliance-heavy information while keeping the overall experience clear and welcoming.
Every part of the product story was designed to turn operational complexity into a simple, confident next step.
The landing experience paired strong messaging with dashboard visuals and a clear interface hierarchy to show how Bella supports school management. Modular storytelling sections brought compliance tracking, enrollment, reporting, and administration into focus, while responsive mobile layouts kept the content easy to scan and use across devices without losing the visual character of the desktop experience.
The final website gave Bella AI a more human way to show how purpose-built automation can support modern schools.
Comparison and positioning sections made it clear why Bella is built for beauty and barber schools, not generic education software. Testimonial-led moments, newsletter touchpoints, calls to action, and a responsive footer extended that story into the places where trust and engagement matter most. The marketing visuals combined soft gradients, clean UI, and approachable interaction patterns to position Bella as a scalable education SaaS platform. Figma, Framer, SVGator, and Google Analytics supported the work from design through development.
