UTA Philanthropy Conference — Case Study · Sarah Lee
← Back to Work
Case Study · 02 / 02 · Web Design & Development

UTA
Philanthropy
Conference

"Uniting Vision. Empowering Action. Immediate Clarity." — A live, responsive web platform designed for a real client, now in production.

Design System WCAG 2.1 HTML/CSS/JS Team Lead Aug – Dec 2025
Before: Registration During: Live Event After: Subscribe
Live in production · philanthropyconference.net
philanthropyconference.net
UTA Philanthropy Conference website home page
philanthropyconference.net/about
UTA Philanthropy Conference about page
4
Person team led
3
User states designed
WCAG
2.1 compliant
Live
In production

philanthropyconference.net — Live in Production

April 8, 2026 · UTA Central Library · "Leading with Heart: The Lone Star Way" · Designed by Sarah Lee, Joseph Naggar, Angela Rodriguez & Diana Tostado

Visit Live Site ↗
Project Overview

A real website for a real conference — built from scratch, live in production.

The UTA Philanthropy Conference Website is a digital platform designed to centralize event logistics and streamline the attendance experience for faculty, sponsors, and specialized external guests — providing clear registration paths, essential campus navigation, and confidential submission of dietary and expense requirements.

This wasn't a student mock project. The site is live at philanthropyconference.net and served real attendees for the April 8, 2026 conference hosted by the UTA Department of Communication.

The Design Challenge

Design a single web platform that serves three completely different user needs — before, during, and after the conference — without rebuilding the site each time.

Three-State Design System

The central UX challenge: one URL, three different user contexts. Each state serves a completely different primary user need and required its own CTA hierarchy, content priority, and information architecture.

Before Conference
Convert & Register
Registration CTA front and center. Agenda highlights, speaker preview, ticket inclusions, and capacity warning (75 seats). Targets potential participants — students, nonprofit leaders, sponsors.
Primary CTA → "Register Here"
During Conference
Support & Navigate
Real-time "Current Live Event" banner. Parking and logistics prominent. Registration button removed. Simplified layout for attendees on-site using mobile devices.
Primary CTA → "View Parking"
After Conference
Retain & Re-engage
Post-event "See You Next Year!" messaging. Sponsor gratitude section. Subscribe CTA for next year's updates. Maintains long-term community relationships.
Primary CTA → "Subscribe for Updates"
My Contribution

Sub-group lead, design system owner, client-facing point of contact.

Leadership
Sub-Group Lead
Managed project planning and sprint scheduling. Owned all team meeting coordination. Ran weekly check-ins and ensured deliverables stayed on track across a 4-person team.
Client Relations
Primary Client Contact
Primary point of contact with the client (Dr. Carmen). Managed all in-person meetings, facilitated requirements gathering, and maintained documentation of all decisions and scope changes.
Design & Visuals
CSS Design System + Logo
Responsible for developing the complete CSS design/style guide. Created the official UTA Philanthropy Conference logo — integrating UTA's blue/orange palette with interwoven shapes symbolizing collaboration.
Process & Documentation
Meeting Lead + Documentation
Conducted all meeting note-taking. Maintained project documentation across the semester. Ensured team alignment via thorough meeting summaries distributed after every session.

Team Challenge & Leadership Resolution

!
Initial Challenge
The large group split created an unequal workload — team members self-selected familiar tasks, leaving critical but unfamiliar work unassigned and at risk.
Leadership Initiative
I voluntarily stepped up to lead my sub-group — establishing myself as an organizational lead focused on process and equity, not hierarchy.
Strategic Task Restructuring
Reorganized the workflow through strategic task separation and intentional pairing — assigning responsibilities to leverage existing skills while promoting cross-training in unfamiliar areas.
Outcome
Equal contribution across the sub-group. Boosted overall team proficiency. Fostered a communicative, equitable working environment essential for on-time project delivery.
Phase 01
Communication Brief

Project Summary

WebWeavers proposed to increase attendance and sponsorship for the UTA Philanthropy Conference by designing a clean, modern website focused on simplifying payment and registration processes while clearly highlighting the agenda and specific benefits for organizers, attendees, and sponsors.

Brand Voice & Tone

Clean, modern, and professional — incorporating UTA's colors (blue, white, and orange) and reflecting the conference's theme of resilience. The visual language needed to be accessible and credible for both academic and nonprofit audiences.

Audience

Individuals interested in networking and growth in philanthropy — digital communication, media promotion, public relations, cybersecurity, and building new partnerships. Three distinct user types: attendees, sponsors, and faculty/organizers.

Communication Strategy

Promotion via digital outreach — social media and email (two reminders per week leading up to the event), flyers and QR codes for easy access, and prompt email confirmation for registration and payment.

Competitive Positioning

Competing events in the area included the FCEF Gala and Inspiring Hope Luncheon. Strategy: actively highlight the conference's unique keynote speakers, activities, and gifts to convert interested visitors into registered attendees.

Dynamic Features

Attendee Registration — Form capturing name, email, title, organization, dietary and accessibility needs. Cap of 75 tickets with waitlist logic.

Speaker Profiles — Bio, headshot, topic, and social links for each speaker.

Photo Archive — Rotating carousel of past event images to set expectations for new attendees.

Phase 02
Research

Qualitative Research — Priority, Preference & Detail

Qualitative research data
Qualitative Information · Client Interview Synthesis

Interview Questions & Quantitative Metrics

Quantitative research metrics
Quantitative Metrics · Measurable Goals & Hard Constraints
Phase 03
User Personas

Six personas were developed to represent the full range of attendee types — from faculty and nonprofit professionals to student volunteers and corporate sponsors.

Persona 1
Persona 01
Persona 2
Persona 02
Persona 3
Persona 03
Persona 4
Persona 04
Persona 5
Persona 05
Persona 6
Persona 06
Phase 04
User Flows

User flows mapped the three core journeys across the site — registration, logistics access, and sponsorship inquiry — each optimized for its distinct user type and conference state.

UTA user flow diagram
User Flow Diagram · Registration, Navigation & Sponsorship Paths
Phase 05
Wireframes

Three wireframe variations explored different page structures for the home, about, and sponsor sections before settling on the final layout hierarchy.

Wireframe variation 1
Variation I · Home Page Layout
Wireframe variation 2
Variation II · About & Sponsors Section
Figma wireframe set
Full Wireframe Set — Figma
Phase 06
Design Rationale
Logo Design
UTA Philanthropy Conference Mark
Integrates UTA's signature orange and blue palette. The swirling, interwoven shapes symbolize collaboration and forward motion — core values of philanthropy. Circular form communicates inclusivity and continuous impact, aligning with "Uniting for Good." Modern sans-serif typeface reflects professionalism and approachability.
Typography
Open Sans + Poppins
Clean sans-serif fonts selected for readability, accessibility, and a modern academic feel. High contrast between text and backgrounds ensures WCAG 2.1 AA compliance across all screen sizes and lighting conditions.
Layout & Accessibility
WCAG-Compliant Grid System
Generous white space, clear visual hierarchy, and dark text on light backgrounds ensure ADA compliance. Desktop layouts display side-by-side content for scanning; mobile prioritizes stacked, touch-friendly navigation with one-handed access to all CTAs.

Background imagery: The curved abstract wave reflects UTA's branding elements while representing unity and innovation. It ties visually to the circular logo and reinforces a sense of collective movement toward positive impact.

Responsive design: On desktop, layouts display content side-by-side for visual balance. On mobile, stacking prioritizes readability and touch navigation — all essential details like session times and CTAs remain visible without zooming or horizontal scrolling.

UTA Philanthropy Conference logo icon
Conference Logo — Designed by Sarah Lee
UTA Philanthropy Conference logo large
Logo with Wordmark
Phase 07
Prototypes & Final Pages

Eight final-production page screenshots from the delivered website. These represent the real pages served to conference attendees at philanthropyconference.net.

Tools Used

Software & Methods

Figma — Wireframes, hi-fi prototypes, color variables
Adobe Illustrator — Conference logo design
Photoshop — Image editing & asset optimization
HTML/CSS/JS — Full front-end implementation
OneDrive — Team collaboration & documentation
Key Outcome

"A live website, a real client, a real conference. Designing for three distinct user states — before, during, and after — taught me that context is everything in UX. The same page serves completely different humans at different moments."