Encompassonsite
Encompass Onsite is an award-winning facility maintenance solution that enhances the visual and functional representation of skilled professionals and industry-leading technology. I spearheaded its web design, transitioning its existing brand function into a digital language that helps visualize its diversity in service management.
Overview
I collaborated with my design team and Encompass management to develop key site features, such as visualizing their services and incorporating visual metrics to showcase status and usage for various work functions. The updated Encompass branding emphasizes the platform's core functions while seamlessly integrating with its existing assets. I pushed to incorporate imagery of Encompass employees to create a more inclusive visual language, highlighting diverse roles. This included employee quotes paired with their achievements, user testimonials, and short videos demonstrating how Encompass benefits its customers.
Research
I identified gaps within their existing brand guidelines and pushed forward simpler design elements so that the clients could update their site without limiting themselves with time, including creating atomic treatments of monochromatic imagery and duotone iconography that could be recreated to fit the needs of the client. I designed the site to be easily translatable across various devices, as 62% of their clientele use their mobile devices as their primary work devices.
Using Figma, I designed site functions and created short-frame animations to showcase how information was presented. I regularly updated the design system based on client feedback to create compatible elements that could also be translated to print. After refining the design through prototyping, it was handed off to the design team for implementation in Webflow.
Process