PROJECT

Interactive Fashion Experience - framer

COMPANY

Freelance

ROLE

UI/UX designer

TEAM

Freelance

TOOL USED

Figma & Framer

Overview

Project 1: Figma to Framer | Fashion Editorial Carousel

A Framer project exploring an immersive image carousel and interactive motion for a fashion-focused editorial website.

Designed in Figma → built in Framer.

What I explored

  • Immersive image carousel interaction

  • Smooth transitions and motion

  • Responsive behaviour across screen sizes

  • Editorial-style image presentation

  • Creating an engaging browsing experience

Bringing a Figma concept to life with Framer

View live demo

Project 2 : Figma to Framer | Pet Product Website

I completed a Framer development course, where I built this fully responsive website from a Figma design and brought the design to life in Framer.

What I built

  • Configurable components using variables, making content easy to update

  • CMS collections for structured content

  • Responsive layouts and navigation

  • Interactions and animations

  • Reusable components and a structured design system

  • SEO and accessibility considerations, including semantic HTML, heading structure and accessibility labels

  • This project gave me hands-on experience taking a design from Figma → Framer, while thinking beyond visual design and considering responsiveness, usability, accessibility and maintainability.

I’m now looking to bring these skills into real projects, from landing pages and marketing websites to full Figma → Framer builds.

View live demo

Design Process

Research

Design exploration / IA

Low fidelity wireframes

Design system / High fidelity

Test/Review/Launch



© 2026. Sayaka Thomas-Broughton

© 2026. Sayaka Thomas-Broughton