Case Study

Visiontype | Defining A Compelling, Valid Future-State For Diagnostics

Overview

I'm Dana Parker, a designer at Framer. I am focusing on creating the best website building tool with my talented team. A high level of craft is very important to me and my work.

Tools &
Methods

Friends

Hunter Caron

Benjamin den Boer

Edoardo Mercati

Anne Lee

Bookmarks

Moderat

A beautiful clean typeface with punch.

Degular

So much character in this one.

User Needs

“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

“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

Business Challenges

Nam libero tempore cum soluta nobis est
Eligendi optio cumque nihil impedit quo
Minus id quod maxime placeat
Nihil molestiae consequatur, vel illum qui dolorem eum
Architecto beatae vitae dicta sunt explicabo

Obstacles

Sed ut perspiciatis unde omnis iste natus error sit voluptatem
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
Suscipit laboriosam. Neque porro quisquam est
Qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.

Overview

I'm Dana Parker, a designer at Framer. I am focusing on creating the best website building tool with my talented team. A high level of craft is very important to me and my work.

Firstling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Andra
Av Dem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Firstling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Tredje Saket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Andra
Av Dem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Tredje Saket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Bookmarks

Moderat

A beautiful clean typeface with punch.

Degular

So much character in this one.

Friends

Hunter Caron

Benjamin den Boer

Edoardo Mercati

Anne Lee

Outcomes

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.

eg: Contact To Discuss 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.

Manoj

@manojnayak

Websites built on @framer look so beautiful.

Fekry

FekryAiad

I have been in a @framer rabbit hole for the past 6 hours without even noticing as time goes by — its everything I love in Figma combined with everything I love in Webflow. I am in love.

Miguel

@migdvv

Learned some basics of @framer yesterday, and today I delivered a landing page for a client. It's so unreal how small the learning curve is from Figma to @framer. Absolutely love it.

One Side / Numbers

Open variant

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.

Tagline

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam nisl sit amet lacus volutpat, vitae commodo odio tincidunt. Suspendisse libero purus, tincidunt in massa vel, eleifend aliquet mi. Sed erat lorem, posuere quis dolor ullamcorper, posuere bibendum arcu. Donec lacinia rutrum nibh faucibus malesuada. Quisque non aliquam nibh, quis laoreet magna. Morbi blandit ex sed lorem blandit interdum.

Change variant

Firstling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Andra
Av Dem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Tredje Saket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Firstling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Firstling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Tagline

Andra
Av Den

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam nisl sit amet lacus volutpat, vitae commodo odio tincidunt.

nisl sit amet lacus volutpat, vitae commodo odio tincidunt.

Tagline

Tszcre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam nisl sit amet lacus volutpat, vitae commodo odio tincidunt.

Tagline

Heading

Change variant

Tagline

Heading

Change variant

Firstling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Andra
Av Dem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Firstling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Tredje Saket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Andra
Av Dem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

Tredje Saket

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam

JD Moore

Moorefficient.Design

< Back

Sections

Section One

Section Two

Section Three

Section One