Centre For Renewal
The Centre for Renewal is a local functional medicine practicioner based in Longmont, CO. They provide personalized health care solutions to individuals looking for an alternative to traditional doctors. The Centre provides hormone replacement therapy, women's health and fertility care treatments. Things that set the Centre apart from other practioners are same day appointments and taking the requisite time to understand patient issues. This attention to detail gives the staff the information necessary to research the best health solution for your unique needs.
01. Approach
This project had a wide open canvas to start with as there was no logo or color choices made. The owner Traci had previously published the old website with a website builder which of course limited the design potential and search engine optimization of the site. Approximately 95% of the business was focused on female patients so ownership wanted to give off the vibe of empowered and vibrant. However, new practice opportunities were opening up for male patients and we didn't want to completely neglect those opportunities. Also animating different elements would also draw attention of the website user to different areas of the page. It was important to let potential patients know the practitioner without coming across too clinical or arrogant. Online scheduling was a requirement to integrate into the internal practice management software.
02. Design
We created the logo and the color scheme together. This input lead us to colors like the vibrant blue and green below. These choices were bright, alive and let potential patients know we were focused on empowerment. After looking at a variety of different sites to get an idea of project direction we decided that it was best to utilize bold headlines with Lobster Two font and an elegant more feminine "Caviar Dreams" font for the body. Animations were created on scroll down to draw attention to different elements of the website without being overly distracting. Another frustration for the Centre was that their old site was not ranking well for any important keywords. Therefore, we researched relevant keywords and built a site optimized for search. This included schema.org and JSON-LD markup along with HTML5 to guide search engines.
#2a85c8
#447532
#e5e4e4
Caviar Dreams
Lobster Two
03. Technology
The Centre for Renwal project is a totally responsive design based on CSS Grid Layout with a Flexbox fallback. That means the project is not reliant on an outside library of code like Bootstrap to be fully responsive. The starting point was HTML5 Boilerplate to make sure the project was utilizing current best practices and most browser based styling was reset using Normalize.css. We don't utilize templates so all coding was done by hand using the Brackets code editor. The Centre For Renewal team is also able to add blog articles, maintain the verbiage and images on the site by utlizing Perch as the content management system. Every page in the project was validated and confirmed to be W3C compliant. All css files are modular in nature so Gulp was used to combine and condense all CSS files in the final project build in order to make the page load speed better. The final page load speed is bogged down a little and averages about 2.5 - 2.8 seconds per page due to a script that is used for online scheduling by the Centre's patient management software. CSS and javascript animation was created by using the following libraries Animate.css, Hover.css, Hint.css & AOS.css. Other code and libraries used include Modernizr, jQuery, Akismet and Google Analytics. Software utilized to create this project included Brackets, Photoshop, Perch CMS, VectorMagic.com and CompressPNG.com.
The coding and software skills used by Colorado SEO Design to make this project take off included:
- Photoshop
- PHP
- HTML5
- CSS3
- Javascript
- JSON
- Schema.org markup
