Overview
DC Design Week (DCDW) is an annual celebration of DC's vibrant, diverse
creative community. The ever-growing body of professionals, makers, and
voices working across design disciplines make DC Design week a success
every year. The DCDW committee will have various engaging events like
workshops, keynotes, and parties over the course of a week. There is also
room to get involved as a volunteer, sponsor, or submit an event proposal.
creative community. The ever-growing body of professionals, makers, and
voices working across design disciplines make DC Design week a success
every year. The DCDW committee will have various engaging events like
workshops, keynotes, and parties over the course of a week. There is also
room to get involved as a volunteer, sponsor, or submit an event proposal.
Role
UX & Web Designer | 2022
Layout + Composition Design, Accessibility, Information Architect
Tools
• Figma
Process
3 months, Pre-launch
Deliverables
2 websites, Social media banners
The Problem
DCDW doesn't have a website year round and the websites created were always worked on a few months before launches. This year the committee wanted to create a website to be foundational for future DCDW's to come. In addition to creating a strong base for future DCDW website launches, this year's launch also features a lot of important information that needed to be digestible to users without it being overwhelming.
The Process
I Initially met with the Design Director, in April about the goals for the new DCDW pre and external site launch as well as an introductions to the materials I'd be updating to improve the site experience. This meeting gave me the context for things to consider in order to create a positive experience for our users.
Goals
• Content audit
• Better information architecture
• More informal conversation with audience
• Website should be flexible with content
• Website that is accessibly complaint in terms of structure
Low-Fidelity Wireframes
The first step in the design process was to create low-fidelity wireframes to show possible content structures. I created these user flows and wireframes in Figma.
Mid-Fidelity Wireframes
The Design Director supported me by using my designs from my low-fidelity wireframes to create the design library. I then worked on these mid-fidelity wireframes to upgrade the user experience using the content for the pre-launch site. I created these user wireframes in Figma, using the DCDW design library.