Website

Civic Campus Initiative Website

Revitalizing a website to inform community members and support King County employees surrounding the Civic Campus Initiative

In this case study:

  • UX writing

  • Wireframing

  • Prototyping

Role: UX writer, UX designer

Overview

Downtown Seattle, once a bustling hub of civic and cultural activity, has faced significant challenges in recent years. The COVID-19 pandemic exacerbated longstanding issues, leaving many areas underutilized and disconnected from the surrounding neighborhoods. The King County Civic Campus Initiative aims to reimagine this urban core, transforming it into a vibrant, inclusive space that fosters community and economic vitality. By revitalizing county buildings and exploring innovative opportunities for urban development, the project seeks to breathe new life into Downtown Seattle

I was brought on to revamp the website for the Civic Campus Initiative, ensuring it effectively communicated the project's vision and progress. The website needed to serve as both an information hub for community members and a reference for future King County project teams. Collaborating closely with teams leading advisory group discussions, landscape architecture design, graphics development, and community engagement efforts, I focused on coordinating the UX design to showcase their work.

Ideation

Collaborative Brainstorming: I led a brainstorming session with the project manager and lead architect to prioritize key information and rework the website’s content hierarchy. This session was more conversational, with experimental ideas offered and I recorded them, reminiscent of a design jam.

County Goals

  • Improves efficiency when developing future projects

  • Creates consistency across other county projects

  • Share up-to-date information on project progress

Community Goals

  • Efficiently learn project background

  • Easy navigation to most personally relevant subjects

Goal Setting: To help visualize the goals of the client and the users, and how it would converge into this one website, I created a Venn diagram to clarify the project’s dual objectives—serving the community and aiding future project teams.

First Wireframes:

I opted for mid-fidelity wireframes to facilitate clearer communication with a client who preferred literal representations.

The client reviewed and approved the design, focusing primarily on the technical accuracy of the project details. This provided a strong launching point before investing in the high-fidelity prototype.

Designs and Iterations

Mockups and Feedback: I delivered high-fidelity prototypes that addressed the client’s preference for collapsible accordion sections, enhanced visual focus on introductory content, and showcased current site images alongside renderings of proposed updates via a carousel.

  • Allows users to quickly absorb information

  • Improves hierarchy of information

  • Improves efficiency of the introductory section

Cross-Team Collaboration: After rounds of review, we incorporated additional tabs and content requests from other teams, ensuring cohesive and comprehensive representation of project information.

  • Provides additional project context for users with more complex needs

Reflection

This project provided insights into balancing diverse technical and stakeholder priorities while maintaining a user-centric design approach. The iterative process, while sometimes repetitive with minor revisions, underscored the importance of patience, adaptability, and clear communication.

Next steps: The completed designs were handed off to the web development team for implementation.