Web Design (No-code / Custom code)
Contact for pricing
About this service
Summary
FAQs
What is the typical timeline for completing a website design project?
The timeline varies based on the project's complexity and scope. Typically, a simple website can take 4-8 weeks from discovery to launch, while more complex sites may require 8-12 weeks or more.
What do I need to provide to get started on the website design?
To kick off the project, please provide information about your business goals, target audience, existing branding materials (such as logos and color schemes), and any content such as copywriting you want to include.
How many revisions can I expect during the design process?
Most projects include 2-3 rounds of revisions for each major phase (wireframes, high-fidelity designs, etc.). Additional revisions can be accommodated at an extra cost.
Will my website be mobile-friendly?
Yes, all designs will be created with responsiveness in mind, ensuring that your website looks and functions well on various devices, including desktops, tablets, and smartphones.
What platforms or tools will be used for the website design?
Depending on your needs, we typically use no-code platforms like Wix or Bubble for design and development. We can also discuss other options based on your preferences and requirements.
Can I update the website myself after it’s launched?
Yes, once the website is launched, you will be able to make updates and changes on your own if we are using no-code platform. I will provide training and documentation to help you navigate the platform.
How will we communicate throughout the project?
We will establish regular check-ins through email or video calls to ensure clear communication. In addition, project management tools like Notion or Jira may be used for updates and feedback.
What happens if I need changes after the website is launched?
Changes can be made as needed, and we can discuss the scope and costs after the launch.
How will you ensure that my website is optimised for search engines (SEO)?
Basic SEO best practices will be integrated during the design phase, including optimising page titles, meta descriptions, and image alt tags etc. Unfortunately, I do not provide professional SEO services.
What if I don’t have content ready when the design starts?
A placeholder website copy (with possible use of AI) and free stock images will be used. It’s best to have content ready as early as possible, but we can work together to finalise it during the design process.
What's included
High-Fidelity UI Design Files
Description: Complete, polished design files for essential website pages, such as the homepage, about, services, contact, and any additional pages defined in the scope. Format: Figma Quantity: All main pages covered in the scope, usually 3-5 core pages for a simple website. Revisions: Up to 2 rounds of revisions to finalise layout and visual elements. Details: Includes organised, labeled layers and clearly defined components, making it easy for the development team to implement the design.
Responsive Design Mockups
Description: Designs for desktop, tablet, and mobile views, ensuring the website looks and performs well on all screen sizes. Format: Figma (with all screen sizes presented within the same design file for easy access) Quantity: Responsive versions of each primary page in the website’s design scope. Revisions: 1 round of adjustments to address layout concerns across different devices. Details: These designs ensure that the website’s UI is consistent, functional, and visually appealing on various screen resolutions.
Design Style Guide
Description: A concise guide outlining the website’s visual standards, including colors, typography, buttons, icons, and spacing. Format: Figma Quantity: One comprehensive guide covering the entire visual system. Revisions: 1 revision to refine details if needed. Details: This guide serves as a reference for consistent styling across the site and supports future updates.
Interactive Prototype (if needed)
Description: A clickable prototype showcasing the main interactions between key pages (or even animations), providing a clear view of the user experience. Format: Figma Quantity: Prototype covering the animations, main pages, and interactions such as navigation, buttons, and links. Revisions: 1 round of feedback-based refinements if needed Details: This prototype allows the client to review the design’s usability and gives developers a clear visual reference for implementing interactive elements.
Skills and tools
