Framer Website Design & Development

Starting at

$

1,500

About this service

Summary

I design and develop Framer websites using Framer best-practice structure, animation and interaction patterns. I'll convert your existing UI design from Figma to Framer and integrate any external services such as HubSpot, Mailchimp, Typeform or similar.

Process

Initial meeting: Successful projects are born from a thorough understanding of business needs, and of the people that will be interacting with your website or product online. We'll work through your requirements and discuss the project scope, my process and timeline. I also use this phase to collaboratively arrive at a set of roles and responsibilities of each party, KPIs and success metrics.
Discovering and Planning: I use competitor research techniques, interviews with key stakeholders, and analysis of web analytics and sentiment to make sure I understand the problem and how best to guide a user towards a desired action, before getting to work on the solution.
Web Design (optional): While staying true to brand identity, I create designs that are intuitive, modern, fast, work across a range of devices and effectively guide a user toward an action. I'll present these in Figma.
Web Development: I always make sure the websites I create are SEO optimised, quick to load, and tailored for mobile. I will take your existing UI design and build it in Framer using Framer's best practice structure, animation and interaction principles.
Feedback Loops: Feedback loops are provided at each of the stages outlined above. We only progress once you've signed off each stage.
Final Website Review: You'll get to review a live link where we'll review every page to make sure everything is working correctly and you're 100% satisfied.
Project Delivery: You'll get a Framer Remix link to duplicate the project in your own account and I'll assist you with setting up a custom domain and analytics.
I work with clients around the world and understand the importance of managing expectations and providing timely updates. I am committed to providing an exceptional standard of work and support.

FAQs

  • What is included in the $1,500 starting price?

    The $1,500 starting price is for developing landing pages and 5 - 7 page websites in Framer which includes 1 CMS collection. During our initial meeting, we'll discuss any additional design, pages, CMS collections or development requirements.

  • What if I don't have a finalised design?

    I will work with you to design your website or landing page in Figma and provide costs upfront for your approval.

  • Can you add filtering for CMS items?

    Yes and I will advise on the best practises for including advanced filtering options.

  • Can I show you examples of websites I like to replicate the design and/or functionality?

    Yes, sharing inspiration sites is a crucial part of the discovery phase. It helps me understand your design taste, desired functionality, and any animations or interactions you envision. While I'll never directly copy a website, I'll use your examples as inspiration to craft a unique design that aligns perfectly with your brand, design system and desired user actions.

  • How many changes or revisions can I request?

    I want you to be 100% satisfied with your final website, so I'll happily accommodate a reasonable amount of revisions which generally works out to 2-3 changes per page. To minimize edits later on, our in-depth planning phase ensures we're on the same page from the start and throughout the project.

  • What if I don't like the design or website you've created?

    Throughout the design and development process, we'll maintain open communication to ensure we're on the same page. You'll receive regular updates and have ample opportunity to provide feedback during each stage. This minimizes the chance of surprises in the final product.

  • How do you make a tissue dance?

    Put a little boogie in it!

What's included

  • Framer Remix Link

    Once you're happy with the finalised design, I'll send you a Framer Remix link which enables you to duplicate the project to your own account.

  • Assistance setting up your custom domain and analytics

    I'll assist you setting up your project with your custom domain and make sure all your project settings are tuned optimally. I'll connect your Google Analytics or 3rd party analytics provider and make sure everything works nicely together.

  • 3 Months Free on a Pro annual subscription (optional)

    As an official Framer Partner, I will provide you with an optional promo code to get 3 months free on the Framer Pro account, which provides more CMS collections, staging, analytics features, and more.

  • Ongoing Support (Optional)

    I'll work with you updating your website copy or images, adding new CMS items, keeping components updated or creating new landing pages.

Recommendations

(5.0)

Kane Kallaway • Kane Sutter

Client • Apr 18, 2024

Tristan is the absolute best. I can't imagine working with anyone else. When you're building things, the best partners are the ones that proactively make adjustments and recommendations without you asking, simply because they are committed to producing the best result. Tristan is the best at this I've ever seen! If you need a Framer site built, don't hesitate to work with him.

Irakli Zomaia • Back Frame

Client • Apr 5, 2024

Tristan has done a great job for us. He built our new site in Framer.io. In addition to the technical implementation, he also did the design concept and UI design. The collaboration was very pleasant and highly professional. We plan to work with Tristan again in the near future.


Duration

2 weeks

Skills and tools

UX Designer
Framer Developer
Framer Designer
Figma
Framer
Slack

Work with me


More services

STARTING AT

$1,500

fixed rate