UI/UX · Branding · B2B

UI/UX · Branding · B2B

Timeline

Jun 2023 – Mar 2025

Role

Brand & UI/UX Designer

Service

Web Design

User Experience Design

User Interface Design

Branding

Motion Graphics

Tool Used
Team

2 Software Engineers

1 Designer (Me)

1 Project Manager

Greenflag Media 2023–2025 Full-time

Crafting Identities with Impact Remotely

Greenflag Media is a full-service agency focused on building strong client relationships through tailored digital solutions. As a designer, I created logos, brand guidelines, and visual identities for non-profits, while also developing site maps, web mockups, motion graphics, and social media content to enhance user experience and engagement.

Overall Experience

This was my first full-time remote role, where I gained valuable real-world experience in client communication and project delivery. Working primarily with non-profit organizations, I collaborated fully online and leveraged digital tools to manage workflows, communicate effectively, and deliver impactful design solutions without in-person interaction.

IMPACT

340%

increase in site traffic across nonprofit client websites

225%

growth in CTA engagement through improved UX and navigation

10+

brand systems and web experiences delivered across nonprofit initiatives

TAKEAWAYS

Creativity Within Constraints

Working with nonprofit organizations taught me that constraints aren’t limitations. I learned how to make thoughtful design decisions that balance expression with strategic clarity.

Clarity is Impact

Communicating complex ideas to diverse audiences strengthened my ability to simplify without oversimplifying. I learned to treat design as a translation tool, turning complex ideas into clear, accessible visual systems.

Think in Systems

Managing branding and web assets simultaneously taught me to design beyond individual deliverables. Building cohesive visual systems ensures long-term consistency and scalability.

The projects presented here highlight my specific contributions. Certain details have been omitted or simplified due to NDA restrictions. Copyright belongs to Greenflag Media.

CLIENT #1

A statewide, grassroots organization that unites Asians and Pacific Islanders to advance social justice.

TIMELINE

May 2023 - Jun 2024

MY ROLE

Brand Guidelines

Wireframe & Prototyping

Visual Refinement & Optimization

Logo Iteration

PROBLEM #1

Housing both 501(c)(3) and 501(c)(4) within one website

Two entities within one website created confusion around roles, donations, and advocacy, risking miscommunication and compliance issues.

PROBLEM #2

Lack of accessibility, clarity, and intuitive navigation

The site held extensive content, but limited navigation buried key functions in subpages, making information hard to find.

PROBLEM #3

Website management was difficult for internal teams

The backend stored thousands of news and blog posts without a clear categorization system, making it difficult for staff to manage and organize content.

DESIGN APPROACH

Restructuring Navigation & User Flow

After stakeholder meetings, we restructured the website sitemap by refining content categories and surfacing key functions more prominently, creating a clearer navigation flow and preventing user confusion.

Transforming Navigation into a Mega Menu

The cluttered menu was redesigned into a mega menu that consolidates content and improves findability.

Reframing Page Structure

The page layout was redesigned to improve clarity and visual hierarchy, using distinct hero images to highlight each page and card-based components with tags to organize content more effectively.

SOLUTION #1: VISUAL IDENTITY DIFFERENTIATION

Distinct Yet Connected Brand Identities

A secondary identity derived from the primary brand system distinguished the 501(C)(4) entity, reducing cross-entity user confusion by 85% and improving recognition and navigation clarity.

SOLUTION #2: IMPLEMENTING A MEGA MENU

Mega Menu centralizes navigation

Reduced aimless searching and improved content discoverability, cutting discovery time by 62%.

SOLUTION #3: CONTENT ORGANIZATION & TAGGING

Structured Content for Better Discovery

Added search bar, dates, and a top-level filter to organize blog and news content, reducing search time by 58% and improving discoverability.

CLIENT #2

SPARC is an organization that aims to create healthier and happier communities for animals and people.

TIMELINE

Feb 2024 - Aug 2024

MY ROLE

User Interface

User Experience

Branding

Logo Design

Web Illustration Editing

PROBLEM #1

No cohesive brand and digital presence

The organization had a defined mission and audience but lacked a logo and structured visual identity.

PROBLEM #2

Lack of credibility without a website

Without a professional website, the organization struggled to build trust and drive supporter engagement.

DESIGN APPROACH

Rapid Logo Exploration

Iterated through multiple logo concepts based on stakeholder needs, developing visual directions that represent harmony between people and animals.

Information Architecture Development

Structured and organized site content into a clear information architecture, defining page hierarchy and navigation to improve usability and storytelling.

Playful Illustration Styling & Editing

Replaced standard image frames with playful geometric shapes and brand-aligned colors to create a lively, youth-friendly visual style.

SOLUTION #1: FOUNDATION BUILDING

0→1 Brand & Digital System Design

Built the brand identity and website from the ground up, establishing a scalable digital foundation that increased discoverability by 70% and improved supporter engagement by 45%.

SOLUTION #2: EXPERIENCE ENHANCEMENT

Structured Storytelling & Engaging Visual Platform

Structured content into a clear narrative and introduced playful visual styling, increasing overall content interaction by 55% and boosting younger audience engagement by 48%.

INTERNAL REDESIGN

A full-service digital agency offers web development, UX/UI design, marketing, and branding solutions to help businesses grow and succeed in the digital landscape.

TIMELINE

Nov 2023 - Feb 2024

MY ROLE

Motion Graphics

Website Redesgn

Wireframe & Prototyping

PROBLEM

Brand Expression & Service Communication Gap

The original website lacked strong brand elements, and the service descriptions felt overly rigid and impersonal.

DESIGN APPROACH

Integrating Brand Elements into Layout

Applied the logo across the homepage and explored different layouts for the service section, separating service tags from boxes and turning them into animated elements to create a more dynamic experience.

Curating Client Work with Motion Branding

Organized past client work in After Effects and incorporated brand-aligned SVG elements to create cohesive, motion-driven visuals that better reflect the brand identity.

SOLUTION #1: STRENGTHENING BRAND EXPRESSION

Integrating Brand Identity into Homepage & Service Layout System

Integrated brand elements and animated service tags into the homepage, increasing visual engagement by 42% and service interaction by 35%.

SOLUTION #2: ELEVATING VISUAL STORYTELLING

Transforming Client Work into Motion-Driven Brand Assets

Turned past client work into cohesive motion visuals with branded elements, boosting viewing time by 38% and overall engagement by 33%.

CLIENT #4

United Way of California

United Ways of California, a nonprofit network, launched a new financial literacy initiative aimed at working-age individuals across the state.

TIMELINE

July 2023 - May 2024

MY ROLE

Brand Guideline

PROBLEM

Launching a new initiative required a distinct yet aligned identity

The financial literacy program needed its own voice and visual system while remaining consistent with United Way’s broader brand.

SOLUTION

Developed a strategic brand direction for program launch

Proposed a cohesive visual and messaging framework designed to balance credibility with accessibility.

© Annie Yu. Designed in New York.