Designing & launching a website to streamline brand identity.
Designing & launching a website to streamline brand identity.
ROLE
ROLE
UI/UX Designer
UI/UX Designer
TOOLS
TOOLS
Figma
Figma
Adobe Illustrator
Adobe Illustrator
Slack
Slack
TEAM
TEAM
2 Stakeholders
2 Stakeholders
7 Team Members
7 Team Members
Miss Vietnam San Diego lacks a dedicated website and online presence, affecting connections within the community.
Miss Vietnam San Diego lacks a dedicated website and online presence, affecting connections within the community.
Miss Vietnam San Diego lacks a dedicated website and online presence, affecting connections within the community.
“I wish we had a website that could represent our community.”
“Where can I learn more about Miss Vietnam San Diego?”
PROTOTYPE WALK-THROUGH
PROTOTYPE WALK-THROUGH
RESEARCH & LOFI PROCESSES
RESEARCH & LOFI PROCESSES
Conceptualizing User Flows
Conceptualizing User Flows
Conceptualizing User Flows
After conducting user interviews, we investigated competitor navigation structures, created user personas and journey mapping to better understand our audience, and utilized information architectures to process all provided content.
After conducting user interviews, we investigated competitor navigation structures, created user personas and journey mapping to better understand our audience, and utilized information architectures to process all provided content.
Competitor Navication Structure
Competitor Navication Structure
User Personas & Journey Mapping
User Personas & Journey Mapping
Information Architecture
Information Architecture
Early Design Process
Early Design Process
Early Design Process
In order to manage the diverse content provided by our stakeholders, content strategy was imperitave for structuring design components throughout the low-fidelity prototyping phase.
In order to manage the diverse content provided by our stakeholders, content strategy was imperitave for structuring design components throughout the low-fidelity prototyping phase.
Announcement Cards
Announcement Cards
Royal Court Cards
Royal Court Cards
History Carousels
History Carousels
PROTOTYPE STYLIZATION
PROTOTYPE STYLIZATION
Warm & Welcoming Personality
Warm & Welcoming Personality
Warm & Welcoming Personality
Our style guide represented Miss Vietnam San Diego’s existing logo branding, maintaining a welcoming personality through a light and colorful palette.
Our style guide represented Miss Vietnam San Diego’s existing logo branding, maintaining a welcoming personality through a light and colorful palette.
Playfair Display - Header Desktop 40/52.0
Playfair Display- Sub Header (H2) Desktop 26/32.0
Inter - Body Desktop 16/24.0
Key Components & Elements
Key Components & Elements
Key Components & Elements
Having key buttons & components throughout the design allowed for better visual engagement while maintaining full functionality.
Having key buttons & components throughout the design allowed for better visual engagement while maintaining full functionality.
Primary
Secondary
Primary
Secondary
Buttons that draw attention, supports stylistic branding, and demonstrates an intuitive design.
Buttons that draw attention, supports stylistic branding, and demonstrates an intuitive design.
Brand and cultural inspired motifs for immersive background detailing.
Brand and cultural inspired motifs for immersive background detailing.
Decorative division elements to balance structure and style.
Decorative division elements to balance structure and style.
REFLECTIONS
REFLECTIONS
What I learned
What I learned
What I learned
Stakeholder Collaboration
Stakeholder Collaboration
Through close collaboration with two stakeholders from early conceptual visions to final adaptations, prioritizing how to be a high-functioning team allowed our team to foster a supportive stakeholder network which streamlined our success.
Through close collaboration with two stakeholders from early conceptual visions to final adaptations, prioritizing how to be a high-functioning team allowed our team to foster a supportive stakeholder network which streamlined our success.