
Design Showcase
Cambridge 400
Anniversary Website
Team Project
Client
History Cambridge Organization
My Responsibility
User Research
Web Design & Development
Tools
Figma
WordPress
Overview
The Cambridge 400 website aims to inspire critical thinking and encourage people to explore the untold history of the city of Cambridge. The website provides a platform for organizations and individuals to propose events and activities, playing a vital role in promoting community engagement in the celebrations of the 400th anniversary, scheduled for 2030. It also serves as an events calendar, providing visitors to the site with information about upcoming Cambridge 400-related events.
Click the screen or HERE to view the webpage prototype
Problem Statement
In the early stages, as there is no active content to enrich the page, how can we ensure that the textual material attracts the audience?
How to make the structure of the website meet the needs of different users during future activities?
(Image source: City of Cambridge, https://www.cambridgema.gov/iwantto/movingtocambridge)
Goal
Build a website that meets the needs of event organizers.
Design Process
1. Research
Competitor & Inspiration Analysis
Interviews
User analysis
2. Ideate
User Flow
Wireframes
3. Design
Web Design
Prototyping
4. Testing
Test
final playback
Research
By reviewing the websites of other city celebrations and conducting interviews with three Cambridge-based nonprofit organizations, we divided the main users of the website into three categories: event organizers, local organizations and merchants, and residents and visitors.
Different users will have different expectations for the Cambridge 400 website. At the current stage, what we hope to show our customers is a website framework that can function effectively now and offers ample room for updates in the future.
Features of the Cambridge 400 Website
For Campaign Organizers
To encourage people to think critically about Cambridge’s history before the Cambridge 400 anniversary campaign launched, the organizers wanted the website to be engaging. Knowing that a lot of text might not capture attention, I decided to highlight a Cambridge 400 animation created by another team member at the top of the homepage. I also added a cursor hover effect to visually show the campaign's core values: “Challenge, Commemorate, and Create.”
For Local Organizations and Business
During Zoom interviews with four local organizations, we discovered that many already have their own websites. To encourage them to use our site for event listings, I focused on two main goals: making event submission easy and user-friendly, and creating a consistent look and feel with a uniform format. I designed a simple and intuitive process where users can submit events by clicking the “+” button on the calendar page or selecting the “Post Event” button under the expanded 'Get Involved' option in the navigation bar. This directs them to an easy-to-use event form, allowing them to seamlessly post their events on the Cambridge 400 website.
For Residents and Visitors
The “Upcoming Events” section on the homepage is a key feature designed to encourage repeat visits from both residents and visitors. The team’s goal was for users to easily access detailed event pages, where they could find specific event information, share or print the details, and explore similar events. Building on this, I introduced a filter bar to help users refine their search by event type, time, and other criteria. I also added a map search feature, allowing users to find nearby events once the Cambridge 400 campaign officially launches and events begin to increase.