Faisal SultanFaisal Sultan

Figma to Webflow case study

AURORIE ATELIER

Role: Web Designer & Webflow Developer

Shaping an early luxury tailoring concept into a refined, responsive brand experience — designed in Figma, built in Webflow, and taken all the way to launch.

WebflowResponsive DesignWebsite Builders & CMS ConsultationFigma
Aurorie Atelier luxury tailoring website preview
Role
Web Designer & Webflow Developer
Design
Figma
Build
Webflow, end to end
Extras
Resend email & custom domain

Overview

Aurorie Atelier began as an early concept for a luxury tailoring brand. The goal was to give that concept a premium visual identity and turn it into a real, responsive website ready to represent the brand publicly.

I owned the work end to end — designing the direction in Figma, building it in Webflow, wiring up email, configuring the domain, and supporting the launch.

Challenge

A luxury brand lives or dies on its finish. The concept needed a visual language refined enough to feel genuinely premium — considered typography, generous composition, and interactions that felt intentional rather than decorative.

It also had to become a production website, not just a mockup: responsive across devices, working email, a configured custom domain, and the SEO fundamentals in place for a real launch.

Approach

I moved from visual direction to production in deliberate stages, validating the look before committing it to a responsive build.

  1. Design in Figma

    Developed a premium visual direction — typography, composition, and a refined aesthetic that matched the luxury positioning.

  2. Validate the direction

    Reviewed and confirmed the design so the build could proceed with confidence in the look and feel.

  3. Build responsively in Webflow

    Reproduced the design faithfully with responsive layouts and smooth, considered interactions.

  4. Integrate and launch

    Added Resend email, configured the custom domain, applied SEO fundamentals, and supported a clean launch.

Development Highlights

  • Premium visual languageTypography and composition tuned for a luxury tailoring brand.
  • Responsive interactionsConsidered motion and layout across device sizes.
  • SEO fundamentalsSearch essentials in place for the production website.
  • Email & domainResend email integration and custom domain configuration.
  • Launch supportA considered handoff and a clean go-live.

From an early concept to a launched, premium brand website — design and build owned end to end.

Outcome

Aurorie Atelier came out of the process with a cohesive, premium website that represents the brand consistently across devices — designed, built, integrated, and launched as one considered piece of work.

The full landing page as designed in Figma and built in Webflow.

Need a Webflow development partner?

Let’s discuss a responsive, maintainable page for your next project.

Start a conversation on Upwork