Website Design
Starting at
$
2,000
About this service
Summary
Research
We’ll start the process by understanding the landscape – your competitors, audience and market. This information helps us identify trends as well as gaps, which we will use to position your website in a unique place.
We will establish how and why they use the site so that we can design and build something that resonates with your audience and set out the desired goals e.g. how to convert visitors to your website to signing up to a course or workshop.
Sitemap
A sitemap helps clarify what your site’s goals are. By deciding exactly what you want from your pages and then mapping them out, we can ensure that every element is going to reinforce those goals.
Wireframing
A wireframe is the skeleton of the page, showing the spacing of elements on the page and how content is prioritised, what functionalities are available and how users will interact with the site. Wireframes are intentionally void of colour, graphics or stylised fonts.
Final design
Once the wireframes are approved it's time to bring them to life with colour, typography, images, UI components and icons!
Responsive design
With the huge rise in the use of mobile devices it’s important to have a website that is designed to respond and adjust to mobile and other devices. This can also help you improve your rankings in search engines and can improve user experience, which will translate into a positive perception of your brand and business.
Deliverables
Web Design Deliverables
Website design mockup
Figma file with your website
Mobile site design
Style guide including typography, color and UI component guide
Micro-interaction design
I design interaction (hover, click, scroll, etc.) animations with visual guides for developers on how to use them
Images and icons
Google Drive folder with exported images and svg icons used in the design
What's included
Web Design Deliverables
Website design mockup Figma file with your website Mobile site design Style guide including typography, color and UI component guide Micro-interaction design I design interaction (hover, click, scroll, etc.) animations with visual guides for developers on how to use them Images and icons Google Drive folder with exported images and svg icons used in the design
Duration
Starting from one month
Skills and tools
