nc businessnc businessnc businessnc businessnc businessnc businessnc businessnc business
Overview
Visual Design
Site Functionality
Conclusion
Contributors
Stephan Church - Web Design Planning and Development, Artist, Web Designer
Timeframe
Oct 2022 - Dec 2022
Programs/Software
Figma | Illustrator | Local | Photoshop | Visual Studio Code | Wordpress
Healthy Home Cleaning Services (HHCS) is a growing green cleaning company that extends past the eastern ends of North Carolina. I was hired to create a site that would grow with the company while helping perpetuate that growth. SEO development was a primary focus for the design in this project.
website homepage website infographic website infographic
website about us website cleaning options website infographic
website infographic website cleaning page website intake form
website gallery website infographic website infographic
Website Design
Research
I spent the first month of the project conducting research on keywords associated with healthy cleaning. I then explored multiple visual styles using Figma. Each design went through an approval process before progressing to the next step.
Visual Design
Visual Style
I used a watercolor inspired photo treatment on specific photos to create the visual design of the website. Images have a restricted color pallete with the exception of the photos/images that I chose to prioritize.
watercolor visual
watercolor visual
watercolor visual
watercolor visual
Illustration
I also illustrated some pieces to support the photography. These were primarily used as part of the infographic on the "why-hire-us" page.
Functionality
wordpress function
Host Communication
The site uses appropriate wordpress and woocommerce hooks that allows communication to the theme through the backend of wordpress.
request form function
Dynamic Request Form
Several custom fields were created for the appointment request form so that returning customers can save details from submitted forms.
request form function
Automated Estimates
As customers fill out the request form, a dynamic estimate will populate to give users an estimated cost.
search function
Focused Search Queries
the site uses a modified search engine that behaves differently based on its value. One search engine redirects based on page metadata while the other allows users to navigate the blog.
Conclusion
I used a variety of technical tools to optimize the navigation for HHCS. I was able to minimize the plugins to a select handful; most of the work coming from my own code on the backend. this minimizes potential site conflicts in the future, optimize page loading, and centralizes maintenance.