CLIENT NAME
Garland Technology
TIMELINE
5-6 months
PROGRAMS USED
Figma
OBJECTIVE
Create a clean, user-friendly interface that reflects Garland's brand, and supports all audiences – IT, OT, cloud, compliance, and industry-specific buyers. Develop 30 modular HubSpot templates and page components that allow the Garland team to grow the site without redesign work.
The Challenge & Strategy
The existing Garland Technology website lacked a cohesive structure across its growing portfolio, making it difficult for users to quickly find relevant products, solutions, and resources. Inconsistent layouts and content organization created an uneven experience, while the existing design system offered limited flexibility as the brand continued to grow.
Working alongside the Creative Director, I helped develop a more unified and scalable approach centered around clear visual hierarchy, consistent page structures, and reusable design patterns. We focused on simplifying complex technical content and creating a more intuitive path through the site, resulting in a cohesive experience that could easily adapt to future content and product needs.
Visual Identity & Aesthetic Moodboards
The visual direction expanded Garland Technology's existing brand palette with lighter and darker greens, neutrals, and gradients to create a more modern, enterprise-focused aesthetic. Industrial photography and product imagery helped reinforce the brand's expertise while giving the website a more polished, technology-driven feel.
Blueprint-inspired line drawings became a key element of the visual system, offering a distinctive way to showcase Garland's products and the precision behind their design. Paired with gradients and photography, these illustrations created visual variety while establishing a flexible, recognizable style that could be carried consistently throughout the website.
Low Fidelity & User Journey
Low fidelity wireframe
High fidelity wireframe with final copy
Custom Product Illustrations
Custom product illustrations were created using a blueprint-inspire line drawing style to give Garland Technology's hardware a distinct visual presence throughout the website. The detailed, sketch like approach reflects the technical and engineered nature of the products while adding a more approachable, handcrafted quality to the brand.
By translating complex hardware into a consistent illustration style, the visuals help create a cohesive design language across the site while reinforcing Garland Technology'a focus on precision, innovation, and connectivity.
