The Chronicler
Web Design | 2022 | Design Capstone Project
My Role
Web Designer
Copywriter
Prototyping
Introduction
For my design capstone, I was challenged to do something unique that would broaden my skills and my portfolio. The best projects come from doing what you love, so I tasked myself with creating a design concept website that would help users sift easily through the mountain of content that is the Marvel Cinematic Universe (MCU).
The Challenge
While I've always had a pretty good memory, from the comics to the movies, there are just too many overlapping plot lines to remember them all, and that feeling is multiplied if you are new to experiencing the movies in any form but especially out of order. Thus, I came up with a functional design that, once fully realized, would allow users to click on any movie, character, or tv title and see all the basic information you would need to know before watching the next movie coming soon.
Audience & User Research
Research showed MCU audiences are broad, but 18–34 is the dominant segment. Interviews with students validated the need for a tool to simplify content discovery.
Key Findings
- Users need a visual timeline for MCU chronology and release order.
- Summary cards help users refresh memory quickly.
- Desire for community features to engage with fellow fans.
- Updates on new releases are a key interest.
Design Process
Inspiration
Influenced by the vibrant colors of Marvel comics and a younger digital audience, the design balances bold contrast and minimalism for maximum readability and engagement.
Wireframes
Initial sketches emphasized speed and clarity. Early designs had stacked image rows, later replaced by carousels for better interaction.
Timelines
Two visual timelines were explored: one by release date and one by MCU chronology. Layouts were color-coded and mirrored for consistency while maintaining clarity.
Final Design
The final prototype includes:
- Character banner and explore CTA
- Carousel of latest MCU titles
- Hover effects showing title, number, and summary
- Contrast-rich button styles and consistent UI components
