Full Website Design & Development
Contact for pricing
About this service
Summary
Process
FAQs
Do you also do branding?
Yes I also work on branding projects if you're interested in including that in the scope?
What website tools do you use?
I build exclusively in Webflow, I've tried a lot of different tools but have found that Webflow has the best mix of full design complexity, scalability, and best web practices, while also being intuitive and client-friendly to make updates with.
What's included
Sitemap
Sitemap designed in Figma to structure out each page and what content sections are needed per page.
Homepage design options
2-3 Options for the homepage design that will help use narrow in on the specific style and design system to be used on the rest of the site.
Web Style Guide & Design System
A robust figma web style guide utilizing variables for color themes, spacing, and typography. These best practices will make it easier to expand your site with more designs, or even rebrand your existing designs in a more efficient manner.
Internal Website Designs
Designs for the rest of the sitemap, any CMS based pages will use one design template to comply with development standards, the exact page count will vary depend on the needs of the client.
(optional) Site graphics
If the company also needs custom graphics I can create compelling imagery that utilizes consistent design elements and further explains the value of your product, often these are based on your product design but simplified to focus on the key value that each section is focussed on.
Webflow Styleguide & Component System
A robust component system allowing the client to easily build new pages with on brand sections. Components will included controls for type styles, color theme, spacing, and some layout options
CMS Setup
Setting up your CMS databases for any necessary repeated content like blogs, team members or more. Will be custom created for your use case.
Responsive Page Designs
The page designs will be built using the component system and setup to be automatically responsive with fluid scaling typography and layouts that automatically adjust based on breakpoint and user font size preferences.
Interactions
Adding global interactions to make the site more compelling. Can setup animations on load, scroll in, mouseover, and more. Custom interactions can be created for unique components. Will use best practices for performance and user preferences (eg reduce motion etc.) Built on top of GSAP using an attributes based system I've developed over years of experience.
SEO and Accessibility
Ensuring the structure for the site matches best practices in terms of HTML structure, is setup for alt text, and uses aria labels when needed. Can also add in schema (structured data) to pages if needed.
Skills and tools
UX Designer
Web Designer
Web Developer
Figma
GSAP
JavaScript
Webflow