Role
Zillow Projects
Imagine Learning
Blankos Block Party
Alltrails Mobile Design
Oculus
Zeacon
My Role: Senior Product Designer
Role: UX Research/Design
Role: UX Research/Design
Role: UX Research/Design
Role: UX Research/ UI Design
Teams: Buying & Selling, Rentals, Leases, Trulia.
Team Size: 9
Zillow | Underwriting Model
Zillow | Lease Manager Hub
Trulia | Mobile Payments
Question Prompt
What is Alltrails?
Subtext explainer
Helping Hands
Student First
Question Prompt
Subtext explainer
Question Prompt
Subtext explainer
Educators
Helping in the classroom 1000's of miles away
Educators
Helping in the classroom 1000's of miles away
Design System
Putting it all together
Design System
Putting it all together
In a rush?
Watch my Visual Case study
Get Started
Learn More
What is the Zillow Underwriting Model project about?
What was the problem with Alltrails
Designing in VR
Subtitle
The Scope the Bridge
Add breakpoints to your blank page, then drop sections to have them responsive out of the box.
Get Started
Learn More
Scaling Your Site
Learn about hosting built for scale and reliability.
Optimize for SEO
Learn how Framer can optimize your site for search engines.
CMS Examples
Get inspired by blogs, job openings, events and more.
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Plugins
Connect your site to the most popular apps out there.
Powerful Effects
Add effects with a few clicks and capture your audience’s attention when they land on your website.
Design & Layout
Design your site on a familiar free-form canvas. Visually set up your breakpoints to make it responsive.
Navigation
Visually structure your pages and link to them easily.
Copy Paste from Figma
Install the Figma plugin and you’re ready to convert your designs to a responsive site.
Start with Site Templates
Browse dozens of professionally designed templates. Click, duplicate, customize.
Scaling Your Site
Learn about hosting built for scale and reliability.
Optimize for SEO
Learn how Framer can optimize your site for search engines.
CMS Examples
Get inspired by blogs, job openings, events and more.
Reviews
“Thank you for building such an empowering tool, especially for designers! The site went from Figma to Framer in less than a week.”
Kayla Ray
@kayray
What are Blankos?
Add breakpoints to your blank page, then drop sections to have them responsive out of the box.
Get Started
Learn More
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Copy Paste
from Figma
Install the plugin and convert your designs to a responsive site.
Get Started
Learn More
Start with Site Templates
Browse dozens of templates. Click, duplicate, customize.
Get Started
Learn More
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Add Sections or Complete Pages
Add breakpoints to your blank page, then drop sections to have them responsive out of the box.
Get Started
Learn More
Daniël
@dvdwinden
I've built pretty handy sites powered by Craft or WordPress in the past, but seeing @framer tackle CMS stuff so effortlessly is mind-boggling
Mani
@BeingMani97
The scroll variant in @framer hits differently. Never imaged that making some complex things would be easy with that. Everyday i learn something new with Framer.
Lauren
@waller_texas
Honestly the @framer publish time is insanely fast. Just published 2 weeks of changes in 5 seconds – like it’s almost too fast for such a big moment.
Dann
@DannPetty
I learned how to build a website in @Framer! My goal was to learn the basic tools in about 20 minutes a day last week. Nothing fancy. No special design. Just random elements that's responsive. If I can do it, so can you!
Davo
@pixelbeat
A quick word about @framer. Framer is forever changing the experience of designing for the web. Forget about a design tool. Once you get the basics, you're not on a design tool anymore. You're creating your product/story in the medium itself. As friendly & powerful as it is.
Parker
@_prkr
I was enjoying @framer a lot but I am BLOWN AWAY by their Figma plug-in. From Auto-layout to flex-box in the browser in seconds; this has completely changed how I'll build.
What was the problem with the Underwriting Model?
What was my role on the project?
Go from design to site with Framer, the web builder for creative pros.
How did I approach user research?
Subtitle
How did we measure the usability of the app?
Add breakpoints to your blank page, then drop sections to have them responsive out of the box.
Get Started
Learn More
Who were the targeted personas in my design efforts?
Go from design to site with Framer, the web builder for creative pros.
What role did Approvers play in the system?
User Persona
Subtitle
What role did Analysts play in the system?
Solution Statement
Subtitle
How did I address the unique needs of both personas?
Go from design to site with Framer, the web builder for creative pros.
What did I learn from the interviews?
User Scenario
Add breakpoints to your blank page, then drop sections to have them responsive out of the box.
Get Started
Learn More
What was my visual design process?
Style Guide
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
MVP
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Reviews
“Thank you for building such an empowering tool, especially for designers! The site went from Figma to Framer in less than a week.”
Kayla Ray
@kayray
Zillow Lease Manager Hub
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
At a Glance
Original Landing Page
Learn about hosting built for scale and reliability.
Problem?
Wireframe Iteration 02
Learn how Framer can optimize your site for search engines.
What did I do?
Wireframe Iteration 03
Get inspired by blogs, job openings, events and more.
What was the Final Design?
Add breakpoints to your blank page, then drop sections to have them responsive out of the box.
Get Started
Learn More
Ship sites with style.
Go from design to site with Framer, the web builder for creative pros.
Get Started
Learn More
Plugins
Connect your site to the most popular apps out there.
Powerful Effects
Add effects with a few clicks and capture your audience’s attention when they land on your website.
Design & Layout
Design your site on a familiar free-form canvas. Visually set up your breakpoints to make it responsive.
Navigation
Visually structure your pages and link to them easily.
Guy Mccoy
@mccoy
Playing around with @framer while building a landing page for a side project. I’m terrible at animations, but they make it so easy!
Scaling Your Site
Learn about hosting built for scale and reliability.
Optimize for SEO
Learn how Framer can optimize your site for search engines.
CMS Examples
Get inspired by blogs, job openings, events and more.
Reviews
Self Reflection & Final Thoughts
“Thank you for building such an empowering tool, especially for designers! The site went from Figma to Framer in less than a week.”
Kayla Ray
@kayray
Role
Imagine Learning
Role: UX Research/Design
Teams: Buying & Selling, Rentals, Leases, Trulia.
Zillow | Underwriting Model
Zillow | Lease Manager Hub
Trulia | Mobile Payments
Question Prompt
Subtext explainer
Question Prompt
Subtext explainer
Helping Hands
Student First
Helping Hands
Student First
Educators
Helping in the classroom 1000's of miles away
Educators
Helping in the classroom 1000's of miles away
Design System
Putting it all together
Design System
Putting it all together
Reviews
“Thank you for building such an empowering tool, especially for designers! The site went from Figma to Framer in less than a week.”
Kayla Ray
@kayray