Custom website design and development using Framer or Webflow

Merel van Ooijen

Starting at

1,000

About this service

Summary

I can design a custom website with engaging animations that offers a responsive and smooth user experience across all devices (desktop, tablet and mobile).

Wish to make a design into a working website? Let's make that happen. I'm in contact with development partners that are experts in Framer and Webflow. During the development process I will work along side my associate by usability testing your product before launch to ensure responsiveness across desktop, tablet and mobile devices, and to guarantee a smooth user experience.

Process

# Step 1: Client Brief and Project Kickoff

Client Handover: The process begins with the client (you) providing a detailed project brief, including brand guidelines (if available), target audience, goals, and any specific features or functionality required for the website.

Initial Consultation: We review the brief together in an initial consultation to clarify any details, discuss the project timeline, and outline the overall strategy.

# Step 2: Design Phase

Research and Wireframing: Using the project brief as a guide, I start with visual research and then create wireframes or a structured outline to define the website’s layout and flow. At this stage, I also develop an initial visual impression of a webpage (probably the home page) to gather your feedback on the overall look and feel.

Designing in Figma: I then develop a high-fidelity design prototype using Figma.

Client Review and Revisions: You’ll be given access to the Figma file to view the design’s progress and leave comments with your feedback. It’s especially helpful if you provide the texts you want to include in the design at this stage. Once I complete the design, the prototype will be presented for your final feedback. Up to 3 rounds of revisions are included to ensure the design perfectly matches your vision.

# Step 3: Development Phase

Webflow/Framer Development: Once the design is approved, I coordinate with my development partners to build the website in Webflow or Framer. This includes setting up the CMS, creating dynamic content, and implementing responsive design.

Client Updates: You’ll receive regular updates on the development progress.

# Step 4: Testing and Launch

Comprehensive Testing: The website undergoes rigorous testing across all devices and browsers to ensure functionality, performance, and user experience.

Final Client Review: The fully developed site is presented for your final approval before launch.

# Step 5: Launch and Handover

Website Launch: After receiving your approval, the website is launched on your chosen domain and we hand you the keys (you receive access to the Framer or Webflow account).

Post-Launch Support: Ongoing support can be arranged for an additional fee through my trusted development partners to assist with any post-launch needs.

What's included

Custom Figma website design
I will create a web design fitting your brand identity and target audience. This may include wireframes, a high-fidelity desktop design, and mobile design to ensure a smooth development process and good user experience across all devices. Includes up to 3 rounds of revisions to ensure the design meets your expectations.
Webflow or Framer development
I contact my development partners to translate the approved Figma design prototype into a fully functional, responsive website using Webflow or Framer. This includes setting up the CMS (if needed). During the building of your website I will ensure responsiveness and a smooth user experience by usability testing the build during and at the end of the development phase.

Example projects