Getting Started with Clarity

Founded in 2010, Clarity Vision Solutions is an eyewear manufacturer that has experienced tremendous growth and success in a very short period of time. Clarity's expanding online presence and the need to streamline operations prompted their adoption of the Liferay Digital Experience Platform (DXP). With Liferay DXP, Clarity aimed to unify their digital environment, enabling them to efficiently manage customer interactions, employee workflows, and partner communications.

Initially, Clarity adopted Liferay DXP as a content management system to power their new public website. Their vision for the future includes centralizing their online store, streamlining customer account management, and providing a communication and collaboration hub for distributors. Ultimately, Clarity aims to offer personalized experiences for customers purchasing their vision products.

Understanding that brand recognition is critical, Clarity has spent significant time working with various agencies to develop the branding strategy that best captures the essence of both their organization and their products. Next, the business team needs to make sure that this branding and style guide is applied correctly across the organization, especially for public facing and partner properties.

Critical Success Factors

Clarity has identified several critical success factors to measure their success in leveraging Liferay design elements.

• Consistency Across Digital Channels: Consistency is best accomplished through the use of reusable assets. Clarity wants to establish a unified brand identity through reusable design components, themes and style guides while at the same time creating a consistent design across web, mobile and other digital platforms.
• Scalability and Reusability: The most effective way to ensure that the correct branding is being used is to eliminate the redundant (and manual) task of applying the design elements. A centralized library of reusable branded assets streamlines the design process by providing a single source of truth for visual and functional elements across your digital ecosystem. This approach not only saves time but also empowers teams to focus on creativity and innovation while staying aligned with brand guidelines.
• Accessibility Compliance: Given Clarity’s target market, adherence to Web Content Accessibility Guidelines (WCAG) is a necessity. It ensures that all digital experiences are inclusive for all users, including those with disabilities.
• Performance Optimization via Measurable Outcomes: Users expect beautiful and engaging experiences, and they expect them to be fast. All design elements must support fast-loading pages and efficient resource usage, reducing user frustration and bounce rates. Both image and code resources must be optimized to achieve a balance of performance with aesthetics. Continuous measurements, analysis, and user feedback are critical to ensure that designs align with business objectives.

Conclusion

Now that you’ve learned about Clarity and their branding objectives, you’re ready to dive into the features of Liferay’s design system. First, set up your course environment.