Logo and branding work came from Cecil Lopez of Red Chair Marketing, but the design and coding came from me. This is a WordPress website built using the entire theming ecosystem, a lot of custom CSS, and some light JavaScript work. I managed all digital assets that went into building this site, including providing a secure file sharing environment to simplify logistics. As with all of my website projects, I led the client through Discovery, Wire Framing, Comp review and approval, responsive design coding, and final approval. This website also has Area Calculators I created using formulas I built into each form. The writing on the website came from Cecil since he assumed the marketer role for this engagement. This website contains a lot of complex layout work that plays well on mobile. This website made heavy use of my graphic design and layout services.
In the Discovery phase we decided on how the navigation would be organized. It turned out to be a lot of pages that didn’t group well under a menu heading, so we ended up with a lot of menu items. To provide visual orientation, I introduced breadcrumbs at the wireframing stage, then designed those into the layouts.
Here is the inspiration board that Red Chair Marketing provided, and from this I created the design in Figma including iconography, presented it in UX Pin to the client, got the approvals, then coded the design including responsive behavior.
Videos are coming soon, and will be furnished through secure Amazon S3 feed, not YouTube or some other external provider.
It’s also worth nothing that the home page header and the inside page headers are very different. The below image shows the home page header, then the two lower images show the inside page header on desktop and how it collapses to mobile.
