PROJECT
SaaS Startup Website — Figma to Framer
COMPANY
Get more brain
ROLE
UIUX Designer
TEAM
Product
TOOL USED
Figma
Overview
Project 1: Responsive Navigation Component
A small Framer project exploring responsive navigation, interaction and motion for an AI product website. Designed in Figma → built in Framer.
What I explored
Responsive behaviour across screen sizes
Hover and interaction states
Smooth transitions and motion
Component-based design
Bringing a Figma design to life with Framer
View live demo
Project 2: 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
Research
Design exploration / IA
Low fidelity wireframes
Design system / High fidelity
Test/Review/Launch