UX/UI Design
Non-Profit Organization

ALT - Art × Law × Tech NPO Website

How a content-first process aligned art, law, and tech into one brand?

Client: ALT Alliance - A nonprofit organization at the intersection of Art × Law × Tech

Project Timeline: April 2024 – June 2024

VSDesign Role: Information Architecture Optimization · Multi-Audience User Flow Design · Brand Visual System Development · Desktop & Mobile UX/UI Design · Content Co-Creation & Editorial Support

ALT is a nonprofit initiative operating at the intersection of art, law, and technology. With activities spanning legal consulting, art event curation, and tech talent networking, the organization faced challenges in clearly communicating its positioning. Due to the diversity of business lines and target audiences, existing channels could not effectively convey ALT’s unique value, leaving visitors uncertain about its core mission. A new website was required to serve as a unified digital platform—consolidating diverse services, strengthening brand credibility, and addressing the needs of multiple user groups.

Learn more on ALT Website

Learn more on ALT Website

Learn more on ALT Website

How Did We Help ALT Clarify Its Mission, Users, and Brand, and Designing a Multi-Stakeholder Website from Scratch?

Premium UX Template for Framer

ALT knew what they wanted to do- but not how to say it

As a nonprofit blending art, law, and tech, ALT had complex services and unclear messaging. We helped them define their users, goals, and structure—before even touching design.

Premium UX Template for Framer

ALT knew what they wanted to do- but not how to say it

As a nonprofit blending art, law, and tech, ALT had complex services and unclear messaging. We helped them define their users, goals, and structure—before even touching design.

Premium UX Template for Framer

ALT knew what they wanted to do- but not how to say it

As a nonprofit blending art, law, and tech, ALT had complex services and unclear messaging. We helped them define their users, goals, and structure—before even touching design.

Premium UX Template for Framer

We mapped the strategy first.

We co-developed a clear content framework based on real business priorities, helping the client prioritize between legal consulting, creative programming, and tech community-building.

Premium UX Template for Framer

We mapped the strategy first.

We co-developed a clear content framework based on real business priorities, helping the client prioritize between legal consulting, creative programming, and tech community-building.

Premium UX Template for Framer

We mapped the strategy first.

We co-developed a clear content framework based on real business priorities, helping the client prioritize between legal consulting, creative programming, and tech community-building.

Premium UX Template for Framer

No content? No problem.

We delivered a content checklist for each page, then guided the client through a review process—turning scattered ideas into structured, editable web copy.

Premium UX Template for Framer

No content? No problem.

We delivered a content checklist for each page, then guided the client through a review process—turning scattered ideas into structured, editable web copy.

Premium UX Template for Framer

No content? No problem.

We delivered a content checklist for each page, then guided the client through a review process—turning scattered ideas into structured, editable web copy.

Premium UX Template for Framer

Brand first, then pixels.

Based on stakeholder profiles and use cases, we crafted a flexible branding system that works for both B2B and B2C communication needs.

Premium UX Template for Framer

Brand first, then pixels.

Based on stakeholder profiles and use cases, we crafted a flexible branding system that works for both B2B and B2C communication needs.

Premium UX Template for Framer

Brand first, then pixels.

Based on stakeholder profiles and use cases, we crafted a flexible branding system that works for both B2B and B2C communication needs.

Key Challenges

1

Unclear positioning.

With wide-ranging services and no structured content hierarchy, visitors struggled to understand ALT’s primary offerings and mission.

1

Unclear positioning.

With wide-ranging services and no structured content hierarchy, visitors struggled to understand ALT’s primary offerings and mission.

1

Unclear positioning.

With wide-ranging services and no structured content hierarchy, visitors struggled to understand ALT’s primary offerings and mission.

1

Unclear positioning.

With wide-ranging services and no structured content hierarchy, visitors struggled to understand ALT’s primary offerings and mission.

2

Diverse audiences.

ALT needed to serve both B2C (general public, creators) and B2B (institutions, legal clients), yet its messaging was fragmented and lacked tailored pathways.

2

Diverse audiences.

ALT needed to serve both B2C (general public, creators) and B2B (institutions, legal clients), yet its messaging was fragmented and lacked tailored pathways.

2

Diverse audiences.

ALT needed to serve both B2C (general public, creators) and B2B (institutions, legal clients), yet its messaging was fragmented and lacked tailored pathways.

2

Diverse audiences.

ALT needed to serve both B2C (general public, creators) and B2B (institutions, legal clients), yet its messaging was fragmented and lacked tailored pathways.

3

Content bottlenecks.

The client team had difficulty producing clear content, with gaps and inconsistencies undermining a unified brand voice.

3

Content bottlenecks.

The client team had difficulty producing clear content, with gaps and inconsistencies undermining a unified brand voice.

3

Content bottlenecks.

The client team had difficulty producing clear content, with gaps and inconsistencies undermining a unified brand voice.

3

Content bottlenecks.

The client team had difficulty producing clear content, with gaps and inconsistencies undermining a unified brand voice.

4

Lack of visual cohesion.

The brand’s visual language was fragmented and failed to reflect the professionalism and cross-disciplinary identity of ALT.

4

Lack of visual cohesion.

The brand’s visual language was fragmented and failed to reflect the professionalism and cross-disciplinary identity of ALT.

4

Lack of visual cohesion.

The brand’s visual language was fragmented and failed to reflect the professionalism and cross-disciplinary identity of ALT.

4

Lack of visual cohesion.

The brand’s visual language was fragmented and failed to reflect the professionalism and cross-disciplinary identity of ALT.

Design solutions

1

Rebuilt Information Architecture

Collaborated with the client team to identify core goals, audiences, and business priorities, then produced a structured content framework to guide design.

1

Rebuilt Information Architecture

Collaborated with the client team to identify core goals, audiences, and business priorities, then produced a structured content framework to guide design.

1

Rebuilt Information Architecture

Collaborated with the client team to identify core goals, audiences, and business priorities, then produced a structured content framework to guide design.

2

Multi-Audience User Flows

Designed differentiated entry points and navigation for public users, artists, legal clients, and institutions, ensuring clarity and relevance.

2

Multi-Audience User Flows

Designed differentiated entry points and navigation for public users, artists, legal clients, and institutions, ensuring clarity and relevance.

2

Multi-Audience User Flows

Designed differentiated entry points and navigation for public users, artists, legal clients, and institutions, ensuring clarity and relevance.

3

Content Co-Creation

VSDesign delivered content checklists and draft frameworks for client review, significantly reducing internal workload and ensuring consistency.

3

Content Co-Creation

VSDesign delivered content checklists and draft frameworks for client review, significantly reducing internal workload and ensuring consistency.

3

Content Co-Creation

VSDesign delivered content checklists and draft frameworks for client review, significantly reducing internal workload and ensuring consistency.

4

Unified Visual System

Established a clean, modern design language that highlights ALT’s cross-disciplinary identity and ensures consistency across future communications.

4

Unified Visual System

Established a clean, modern design language that highlights ALT’s cross-disciplinary identity and ensures consistency across future communications.

4

Unified Visual System

Established a clean, modern design language that highlights ALT’s cross-disciplinary identity and ensures consistency across future communications.

5

Responsive & Accessible Design

Built all components to WCAG standards, providing a seamless experience across desktop and mobile, aligned with ALT’s values of openness and inclusivity.

5

Responsive & Accessible Design

Built all components to WCAG standards, providing a seamless experience across desktop and mobile, aligned with ALT’s values of openness and inclusivity.

5

Responsive & Accessible Design

Built all components to WCAG standards, providing a seamless experience across desktop and mobile, aligned with ALT’s values of openness and inclusivity.

Business Impact

Visitors to understand the brand positioning

30 seconds

needed to understand ALT’s scope and value through structured content and modular storytelling

Client side workload reduced by

Client side workload

70%

70% reduction

enabling a faster, smoother launch.

Cross-Disciplinary Identity

A cohesive visual and narrative system reinforced ALT’s role as a trusted bridge across art, law, and technology.

explore more work

explore more work

explore more work