This was a self-initiated concept project to explore the "dark-luxury" aesthetic within Framer. The goal was to design and build a premium, story-driven homepage for a fictional creative agency called "Obviously." The design is centered around bold typography, atmospheric gradient lighting, and a strong narrative flow, guiding users through sections like "About," "Services," and "Latest News."

As a personal project, my goals were technical and design-focused:

Execute a "Dark-Luxury" UI: To master the balance between a dark, high-contrast aesthetic and a clean, accessible user experience that feels premium, not cluttered.

Master Framer Components: To build the entire homepage as a series of modular, reusable components (Hero, Testimonial Slider, News Grid, etc.).

Prove Scalability: To create a "component library" that would allow a real agency to rapidly build new, consistent landing pages (e.g., for case studies or services) in minutes.

Balancing Atmosphere & Performance: The abstract gradient lighting and high-res images are core to the design. The challenge was to implement these rich visuals without causing slow page loads, which would harm user retention and SEO.

Accessibility in Dark Mode: Ensuring that the bold, white typography on dark backgrounds met WCAG contrast ratios and remained readable across all device sizes.

Responsive Complexity: Building the "Key Areas" diagram and the overlapping "Latest News" grid as fully responsive components in Framer required complex auto-layout and breakpoint-specific variants.

Modular Component Library: I designed and built 8+ distinct, fully responsive components in Framer. Each section (e.g., "Testimonials," "Got a question?") is a standalone component that can be dragged, dropped, and connected to a CMS.

Performance Optimization: All visual assets were heavily optimized. I used modern image formats (.webp) a:nd Framer's built-in lazy loading to ensure the atmospheric elements loaded progressively, prioritizing above-the-fold content.

Story-Driven Architecture: The page layout isn't random; it's a funnel. It moves the user from a high-impact brand statement ("The personal approach to people") to building trust ("About," "Testimonials") and finally to clear conversion points ("Get a question?").

Outcomes & Business Value While this was a concept project, it was built to solve real-world business problems.

This project solidified my expertise in Framer's design-to-production workflow. I learned advanced techniques for creating complex, responsive components and how to build a scalable system, not just a single page.

This project demonstrates my ability to deliver what modern businesses need: a site that is not only dazzling and on-brand but also technically performant, scalable, and easy for their team to manage long-term.