Bella Training Center

Performance-conscious marketing site with accessible UI patterns and modern visual polish.

Product DesignerFrontend Engineer

5

Pages delivered

Green

Core Web Vitals

+18%

Conversion lift

Bella Training Center needed a modern web presence, so I focused on sharp typography, clear information hierarchy, and mobile-first layouts.

SCSS variables and mixins keep the design system consistent, while vanilla JavaScript powers progressive enhancements like schedule tabs and testimonials.

Challenge

The brand lacked a cohesive digital experience to showcase programs and convert leads.

Approach

Crafted a component-driven marketing site with reusable SCSS utilities, accessible navigation, and conversion-oriented sections.

Outcome

Improved time-to-first-contentful paint and surfaced calls to action clearly, leading to better program inquiries.

Highlights
  • Mobile-first responsive layout with graceful scaling
  • Accessible navigation and interactive components
  • Design tokens mapped through SCSS partials

Core Capabilities

Responsive, mobile-first layout
SCSS variables, mixins, and partials for maintainable styles
Accessible navigation and components
Lightweight scripts for interactions