Type: Website Redesign
Team: 3 designers
Role: UX Designer – information architecture, research, design, and strategy
QSPACE is a new non-profit striving to reexamine the conversation about built spaces. They’re just starting to find their audience and make sure their content clearly communicates their mission and services.
DISCOVERY & RESEARCH
To begin, the design team met with a group of stakeholders to set up initial guidelines and objectives. We noted the scope of their organization and decided to design a website that could easily grow with them.
Stakeholders care about:
- Fostering a space for collaboration and engagement in the topic of queerness in the architectural community
- Receiving funding as a non-profit
- Promote their events
- Accept project submissions ad project collaborations
- Tell their story to help promote themselves for grants and funding
Users were confused about the mission and purpose of the organization and its website.
We needed to focus on the content, and make sure it was written in clear and concise language.
We also recommended more images that matched their real world work be included.
There were also issues with consistency, especially with social media and how it was displayed on the website. There needed to be standard aesthetic in regards to buttons and more intuitive placement (ie Instagram feed not on contact page, twitter not taking up the entire home page). The webpage should compliment their social media presence, but add value on its own.
CONTEXTUAL INQUIRY & INTERVIEWS
In interviewing and watching some users navigate the website, we noticed they were more often than not confused about what the website was trying to portray. We needed to streamline the content and design to make it clear for users
“I have no idea what this website is for.”
“When I click it [events], I’m directed to a form. I’m so annoyed because I expected a list of events.”
- Wants to learn more about being an LGBTQ ally
- Wants to find people and projects he can help out with
- Limited information
“I recently started thinking about how I can make small changes to help impact people on a larger scale. I want to find ways to work that into my work as an architect.”
- Users needed more context and information to situate the organization
- Users felt the homepage was too bright and distracting
- QSPACE needed to be more consistent with social media icons across pages
To ensure the least resistance for our users, we opted for a robust home page with basic information (about, overview of projects and events, news [twitter and blog posts], and contact form). This delivers enough information for users to understand the organization, but are able to click to find more information on what they find interesting or important for their visit.
The design also includes a location sigifier, so users know which page they’re on when navigating the page. It also prioritizes images and graphics for easy information communication and bright pink to showcase links.
Working with clients, it was very important to align our goals at multiple points of the redesign. They were just starting out as an organization and had big goals for their future, but we needed to remind them that we should build for where they are with the ability to grow.
We also asked for the stakeholders’ input a few times, giving them several options to choose from. This created a little confusion for the stakeholder. If I were to redo this project, I would’ve fought more to keep the design decisions within the design team, and give stakeholders other options if prompted. We should always be transparent in our design process, but also take ownership of the decisions.