Research & Discovery

During the initial branding phase, I collaborated with the Legit Security stakeholders to identify their site's pain points and target audiences. To kickstart the creative process, we leveraged mood boards as a source of inspiration and direction. 

I then facilitated a word association exercise to gain insights into Legit Security’s desired brand perception. As a result, we focused on creating a design that reflects Legit Security's established and authoritative reputation while also being approachable. Overall, our collaborative efforts during the discovery phase resulted in a clear direction for the branding and design of Legit Security's website.

Design Process

After the research phase, I embarked on a design journey that began with crafting three unique landing pages, each sporting a distinct design style. Presenting these designs to the Legit Security team led us to converge on one specific visual approach. This decision paved the way for designing the complete site. 

With an open line of communication, the client was looped in at every pivotal juncture. Leveraging the principles of atomic design, I built a comprehensive design system containing atoms, molecules, and organisms, which became the bedrock for a cohesive  user experience. Beginning with atoms, which include typography and color, we assemble molecules like buttons and input fields. These molecules come together to form organisms such as heroes and switchbacks. Finally, we utilize atoms, molecules, and organisms to build complete pages, bringing the atomic design process full circle.

The Solution

Legit Security's transformation culminated in a polished, professional online presence. This reflected their expertise and the high-caliber services they offered. During the development phase, I closely collaborated with the development team, ensuring they were equipped with all essential resources and addressing any concerns. We rolled out a full site rebrand that included 7 unique Individual Pages, 12 Template Pages, and 6 custom illustrations/animations.