What's included

• Wireframing

  Create wireframes to plan the layout and structure of the website. The tool used in this step is Notion

• Visual Design

  Develop a visual concept, including colour schemes, typography, and overall aesthetics. Use design tools like Figma in this step

• High-Fidelity Mockups

  Design detailed, high-fidelity mockups to showcase the final look and feel of the website. This is also done in Figma

• Prototyping

  Create interactive prototypes to demonstrate the user flow and functionality, this is done in Figma.

• Copywriting

  Develop compelling and relevant content for each page of the website. Research tools & SEO tools are used in this step

• Media Creation

  Create or gather images, videos, and other media assets to enhance the visual appeal.

• Building in Webflow

  Utilise the Webflow platform to implement the design elements. This includes creating pages, adding elements (such as text, images, and forms), and defining interactions.

• Responsive Design

  Ensure that the website is responsive and functions well on various devices.

• Add Interactions & Animations

  Implement interactive elements using Webflow's interactions features. This can include animations, transitions, and other dynamic elements.

• Forms and Functionality

  Set up forms, integrate third-party tools if necessary, and ensure that all interactive features work smoothly.

• Browser & Device Testing

  Test the website on various browsers & devices to ensure compatibility across the board

• User Testing

  Conduct usability testing to gather feedback from actual users and make necessary adjustments.

• Performance & SEO Optimisation

  Optimise images, scripts, and other elements to improve website loading times. Implement on-page SEO elements, such as meta tags and descriptions, to enhance search engine visibility.

• Domain Set up

  Configure the domain settings and point it to the Webflow-hosted site.

• Monitoring and Analytics

  Set up analytics tools to monitor website performance and user behavior.

• Website Onboarding

  Introduce the client to Webflow's Client Editor, a simplified interface for making content updates without needing extensive technical knowledge. Introduce the client to tools used to monitor the website performance, SEO ranking, traffic, conversion rate etc.