TXWF Website
To transform Texas Women’s Foundation to support its city-to-state level expansion, I revamped their site to account for scalability and user needs. This included applying design standards with their new brand identity to simplify content, streamline navigation, and create intuitive design patterns for better content consumption. Visit Texas Women’s Foundation’s new website.
Problems
○ Lacking UX/UI standards (responsiveness; clean layout; intuitive user flows; and minimal content)
○ 5 different navigation menus (plus footer)
○ Pages with various sections with different background colors or plain white with a lot of and only copy
○ 5 different navigation menus (plus footer)
○ Pages with various sections with different background colors or plain white with a lot of and only copy
My Role + The Team
As the lead UI/UX designer, I was tasked with updating the site UI using the provided branding guidelines and designing/reorganizing the expansion of the new TWF website.
Creative Director: Keisha Whaley, Brass Tacks Collective
Project Manager: Cece Rockwell, Brass Tacks Collective
Research
○ Benefits of making a responsive site and how people consume content provided by LDWW
○ Information architecture of complex sites
○ Responsiveness and effective layouts
○ Foundation top priorities/user content hierarchy
Concept/Solution
Room to Grow.
A scalable system was the key to reforming the website for TXWF. The simplification of hierarchy and content also supported visitors' needs to avoid overwhelm and helped them quickly find what they needed with a:
A scalable system was the key to reforming the website for TXWF. The simplification of hierarchy and content also supported visitors' needs to avoid overwhelm and helped them quickly find what they needed with a:
✔ Clear hierarchy of pages and simplified content
✔ Color-assigned content sections for pattern recognition
✔ Design system for main navigation/child pages through header design, active/inactive states, and graphics
✔ Color-assigned content sections for pattern recognition
✔ Design system for main navigation/child pages through header design, active/inactive states, and graphics
