Zinn Hub

Background

Zinn Hub required a stronger digital presence to effectively communicate its mission, programs, and opportunities to its audience. In addition to the website, there was also a need for visually engaging content that could simplify information and improve communication across digital channels. The challenge was to create a cohesive design system that worked across both the website and supporting infographic materials.

Problem

• Users needed a clearer understanding of Zinn Hub's offerings and value.

• Information was spread across different formats without a consistent visual structure.

• Complex information could be difficult to digest quickly.

• The brand needed a more engaging and professional digital presentation.

• Website content and marketing materials lacked a unified user experience.

Goals

• Design a modern and intuitive website experience.

• Create engaging infographics that simplify information.

• Establish a consistent visual identity across all assets.

• Improve content hierarchy and readability.

• Increase user engagement through clear communication and thoughtful design.

• Create designs that are both functional and visually appealing.

Research & Discovery

I reviewed websites from technology, education, and innovation-focused organizations while also studying effective infographic design principles. The goal was to understand how successful brands present information across multiple touchpoints.

Key Insights

• Users need to understand a platform's purpose within seconds.

• Clear content hierarchy improves navigation and comprehension.

• Visual storytelling increases information retention.

• Consistency across website and marketing materials strengthens brand perception.

• Well-designed infographics make complex information easier to consume.

UX Strategy

• Create a clear and structured website layout.

• Prioritize important content and calls-to-action.

• Use visual hierarchy to guide attention.

• Develop infographics that support and complement website content.

• Maintain consistency in typography, colors, spacing, and visual elements.

• Design for accessibility and ease of use.

Design Process

• Analyzed the project's content and communication goals.

• Created wireframes and layouts for the website.

• Designed high-fidelity UI screens with a focus on usability.

• Developed infographic concepts to communicate key information visually.

• Refined typography, spacing, and visual hierarchy across all assets.

• Ensured consistency between the website and infographic designs.

Final Solution

• A modern website that clearly communicates Zinn Hub's mission and offerings.

• Engaging infographic designs that simplify and visualize important information.

• Consistent branding across digital touchpoints.

• Improved navigation, readability, and content organization.

• A cohesive design system that supports both user experience and visual communication.

Outcome

• Stronger digital brand presentation.

• Improved communication of information through visual design.

• Enhanced user experience through better content structure.

• Increased accessibility and readability of key information.

• A unified visual experience across web and marketing assets.

Learnings

This project reinforced the importance of designing beyond a single touchpoint. Creating both the website and supporting infographics demonstrated how consistency in design can strengthen a brand's message, improve user understanding, and create a more engaging overall experience. It also highlighted the value of combining UI/UX principles with visual storytelling to solve communication challenges effectively.