Design Process
Whether you need a brand new website or a rework of an existing one, the process is designed to bring clarity and direction.
1 / 5
Getting aligned
1.2 Questionnaire
You fill out a detailed questionnaire designed to help me understand your business, goals, audience, and what your website needs to achieve. I outline the scope of the project and identify what's needed for it to be successful. This gives me a clear picture of your positioning, long-term ambitions, and what matters most to your audience.
Intro call
Project goals
Questionnaire
1.1 Consultation Call
We start with a short call to discuss your project and your goals, and how I can help you. We explore whether we're the right fit to work together and whether the collaboration feels aligned from both sides. If we decide to move on, I send you a questionnaire that helps me prepare your project proposal.
1 / 5
Getting aligned
1.2 Questionnaire
You fill out a detailed questionnaire designed to help me understand your business, goals, audience, and what your website needs to achieve. I outline the scope of the project and identify what's needed for it to be successful. This gives me a clear picture of your positioning, long-term ambitions, and what matters most to your audience.
Intro call
Project goals
Questionnaire
1.1 Consultation Call
We start with a short call to discuss your project and your goals, and how I can help you. We explore whether we're the right fit to work together and whether the collaboration feels aligned from both sides. If we decide to move on, I send you a questionnaire that helps me prepare your project proposal.
1 / 5
Getting aligned
1.2 Questionnaire
You fill out a detailed questionnaire designed to help me understand your business, goals, audience, and what your website needs to achieve. I outline the scope of the project and identify what's needed for it to be successful. This gives me a clear picture of your positioning, long-term ambitions, and what matters most to your audience.
Intro call
Project goals
Questionnaire
1.1 Consultation Call
We start with a short call to discuss your project and your goals, and how I can help you. We explore whether we're the right fit to work together and whether the collaboration feels aligned from both sides. If we decide to move on, I send you a questionnaire that helps me prepare your project proposal.
2 / 5
Setting the framework
2.2 Agreement
If you decide to move forward, a contract is provided to formalize the collaboration. It outlines the working terms, payment structure, deadlines, revisions, and what will be needed from you throughout the project. Once the contract is signed and the deposit is transferred, your project is officially booked in.
Tailored proposal
Contract
Initial investment
2.1 Proposal
Based on your answers, I prepare a tailored project proposal covering the scope of work, deliverables, investment, estimated timeline, and what is and isn’t included in the project.
2 / 5
Setting the framework
2.2 Agreement
If you decide to move forward, a contract is provided to formalize the collaboration. It outlines the working terms, payment structure, deadlines, revisions, and what will be needed from you throughout the project. Once the contract is signed and the deposit is transferred, your project is officially booked in.
Tailored proposal
Contract
Initial investment
2.1 Proposal
Based on your answers, I prepare a tailored project proposal covering the scope of work, deliverables, investment, estimated timeline, and what is and isn’t included in the project.
2 / 5
Setting the framework
2.2 Agreement
If you decide to move forward, a contract is provided to formalize the collaboration. It outlines the working terms, payment structure, deadlines, revisions, and what will be needed from you throughout the project. Once the contract is signed and the deposit is transferred, your project is officially booked in.
Tailored proposal
Contract
Initial investment
2.1 Proposal
Based on your answers, I prepare a tailored project proposal covering the scope of work, deliverables, investment, estimated timeline, and what is and isn’t included in the project.
3 / 5
Defining the vision
3.2 Visual Direction
I establish the visual direction for your website — exploring references, typography, color, imagery, and the overall vibe. If you already have an established direction in place, we build from that. Based on your input and the insights gathered here, I create a few direction moodboards from which you select the visual direction for your website. For a Strategic Website project, I also include competitor analysis, industry research, and a closer look at your audience and what content and strategy may resonate with them, and craft that copy for you.
Assets delivery
Copy delivery
Visual direction
3.1 Onboarding
Once the agreement is in place and the first payment is received, you’ll get access to a shared online project folder — your space for uploading content and project documents. Each page has its own section for copy, images, and resources.
3 / 5
Defining the vision
3.2 Visual Direction
I establish the visual direction for your website — exploring references, typography, color, imagery, and the overall vibe. If you already have an established direction in place, we build from that. Based on your input and the insights gathered here, I create a few direction moodboards from which you select the visual direction for your website. For a Strategic Website project, I also include competitor analysis, industry research, and a closer look at your audience and what content and strategy may resonate with them, and craft that copy for you.
Assets delivery
Copy delivery
Visual direction
3.1 Onboarding
Once the agreement is in place and the first payment is received, you’ll get access to a shared online project folder — your space for uploading content and project documents. Each page has its own section for copy, images, and resources.
3 / 5
Defining the vision
3.2 Visual Direction
I establish the visual direction for your website — exploring references, typography, color, imagery, and the overall vibe. If you already have an established direction in place, we build from that. Based on your input and the insights gathered here, I create a few direction moodboards from which you select the visual direction for your website. For a Strategic Website project, I also include competitor analysis, industry research, and a closer look at your audience and what content and strategy may resonate with them, and craft that copy for you.
Assets delivery
Copy delivery
Visual direction
3.1 Onboarding
Once the agreement is in place and the first payment is received, you’ll get access to a shared online project folder — your space for uploading content and project documents. Each page has its own section for copy, images, and resources.
4 / 5
Shaping the website
4.2 Design
With the visual direction agreed and wireframes in place, I turn the structure into full website designs, using the content and materials you’ve provided. Layout, typography, colour, imagery, and all the visual details are refined into a cohesive experience aligned with your objectives.
Wireframing
Design
Revision rounds
4.1 Wireframes
Here I create the blueprint of your website as wireframes — simple page layouts that show the structure of each page, what goes where, and how visitors will move through the site.
4 / 5
Shaping the website
4.2 Design
With the visual direction agreed and wireframes in place, I turn the structure into full website designs, using the content and materials you’ve provided. Layout, typography, colour, imagery, and all the visual details are refined into a cohesive experience aligned with your objectives.
Wireframing
Design
Revision rounds
4.1 Wireframes
Here I create the blueprint of your website as wireframes — simple page layouts that show the structure of each page, what goes where, and how visitors will move through the site.
4 / 5
Shaping the website
4.2 Design
With the visual direction agreed and wireframes in place, I turn the structure into full website designs, using the content and materials you’ve provided. Layout, typography, colour, imagery, and all the visual details are refined into a cohesive experience aligned with your objectives.
Wireframing
Design
Revision rounds
4.1 Wireframes
Here I create the blueprint of your website as wireframes — simple page layouts that show the structure of each page, what goes where, and how visitors will move through the site.
5 / 5
Bringing it to life
5.2 Launch & Next Steps
Once everything has been tested and approved, your website is connected to your domain and launched. Post-launch support is included to ensure everything runs smoothly and any final refinements are taken care of. From there, you can choose the level of involvement that suits your business best—manage the website yourself, continue with an optional Website Partnership for ongoing updates, maintenance, and improvements, or leave everything to me through a Fully Managed Website service.
Low-code development
Launch
Website Partnership
5.1 Development
Once the designs are approved by you, I build the website in Framer. Here during refinment rounds you can review the website in a live format and experience how it actually feels. On-page SEO, performance optimisation, and essential technical setup are all included for every website.
5 / 5
Bringing it to life
5.2 Launch & Next Steps
Once everything has been tested and approved, your website is connected to your domain and launched. Post-launch support is included to ensure everything runs smoothly and any final refinements are taken care of. From there, you can choose the level of involvement that suits your business best—manage the website yourself, continue with an optional Website Partnership for ongoing updates, maintenance, and improvements, or leave everything to me through a Fully Managed Website service.
Low-code development
Launch
Website Partnership
5.1 Development
Once the designs are approved by you, I build the website in Framer. Here during refinment rounds you can review the website in a live format and experience how it actually feels. On-page SEO, performance optimisation, and essential technical setup are all included for every website.
5 / 5
Bringing it to life
5.2 Launch & Next Steps
Once everything has been tested and approved, your website is connected to your domain and launched. Post-launch support is included to ensure everything runs smoothly and any final refinements are taken care of. From there, you can choose the level of involvement that suits your business best—manage the website yourself, continue with an optional Website Partnership for ongoing updates, maintenance, and improvements, or leave everything to me through a Fully Managed Website service.
Low-code development
Launch
Website Partnership
5.1 Development
Once the designs are approved by you, I build the website in Framer. Here during refinment rounds you can review the website in a live format and experience how it actually feels. On-page SEO, performance optimisation, and essential technical setup are all included for every website.