In the process of revamping this page, I opted to implement a user experience reminiscent of the successful approach my team and I developed at KADO. The key alteration involved transforming the tiers into a chart-like format, offering users immediate visual cues for each tier. This not only enhances user understanding but also facilitates future scalability when incorporating new tier features. Drawing from the KADO model, I introduced a gradient border to highlight the recommended tier, creating a visually striking contrast against the white background for heightened visibility and emphasis.

I swiftly devised a mobile view mock-up for the screen, opting to redesign the tiers as bucket-containers instead of tables, as tables are suboptimal for mobile experiences. Mobile views of pricing screens often exhibit lower usage due to a misalignment between screen functionality and typical user behavior on mobile devices.

Likewise, in aligning with the design principles applied to the pricing page, I extended a similar approach to the membership directory by seamlessly incorporating the design language of the Clearyst public site. I revamped the themes within GBB and fine-tuned the membership colors to more accurately reflect the distinct tiers they represent.

I undertook a comprehensive overhaul of the membership directory search, introducing a visually distinct design focused on refining the user experience for search criteria. Drawing on my experience with Bluesearch, Nexus, and KADO's Omni-search, I integrated multi-select options to enhance the search functionality. Notably, the search by industry now utilizes a chip-based system, allowing users to easily add or remove filters. Clicking on a chip within a list item refines the search to that specific industry.

To further empower users, I introduced "Sort by" and "Filter By" options for additional refinement. The original alphanumeric default sorting, in my view, did not offer the optimal user experience for both B2B and B2C users. In line with this, I propose gamifying the default directory by incorporating GBB points based on EGS accomplishments within member profiles. In my design, this point system is integrated into the list item, suggesting that the page default to sorting members by their GBB points. This approach positions high-scoring members at the top of the directory, resembling a leaderboard for a more engaging and user-centric experience.

In reimagining the search results, I introduced two distinct view options: list and card. This dual approach provides users with the flexibility to choose how they prefer the results to be presented. As previously noted, I integrated GBB points into both list and card items, emphasizing the importance of showcasing the achievements of GBB members.

In alignment with this, I implemented a clickable chip for industries, allowing users to filter the directory based on specific industries of interest. This interactive feature enhances user engagement and facilitates a seamless exploration of the directory. The overall presentation ensures that information cascades in a more legible and user-friendly format.

In line with the approach taken for the pricing screens, I also crafted mobile mock-ups for the members directory.

As part of the comprehensive overhaul of the member directory, I took the initiative to redesign the profile page, aligning it with the overall design changes made in previous screens. To enhance clarity, I strategically adjusted the placement of information, ensuring a more user-friendly experience.

In particular, I relocated the membership rank to the profile header, ensuring its constant visibility while navigating through tabs. The "member since" data point was moved below the ranking for better contextual alignment. To streamline information presentation, I opted to display the company's web address rather than masking it under "Company Website."

Drawing on my understanding of GBB's terminology and practices, I assumed that the total points possible represent the accumulation of GBB initiatives. To visually represent this, I introduced a progress bar encircling the GBB points, providing an intuitive indicator based on this assumption.

I am grateful for the opportunity to tackle this challenge, as it allowed me to leverage both creative and logical thinking to enhance the user experience of the existing application. Drawing from my past experience in crafting search user experiences and building business ecosystems at The Blue Book Network and KADO, I applied my product expertise to the redesign.

In envisioning the future of GBB's application as it scales, I consider the incorporation of GBB points crucial for optimizing both B2B and B2C experiences. By highlighting companies that demonstrate significant strides in ESG, the use of GBB points enhances visibility within the directory. This symbiotic relationship fosters mutual benefit for both the companies and GBB, exemplifying leadership in sustainability within the Green Business Bureau membership and its parent organization, Clearyst.