Background & Context
Legit Security is a software security company that protects software supply chain’s from attacks and provides application security posture management from code to cloud. They came to us looking for a website design that resonated with a more technically inclined audience, as well as C-Suite level steak holders.
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.
Have an Awesome Project Idea? Let's Discuss.
Floré
Spearheading the development of branding and product design from conceptualization to launch.
Credly
Seamlessly merging two unique brands after being acquired by Pearson- a global publishing and education company.
Pattern
Creating a responsive event landing page for Pattern's Global Ecommerce Acceleration Summit driving traffic and conversions.