Homepage discovery
Author: Shivam Patel — Magazine landing balances featured events with quick-save controls and editorial highlights.
Academic project
Hamilton City Magazine – Event Discovery
Integrated a WordPress front-end via an AJAX-powered plugin for live search and filtering, streamlining event postings and improving user accessibility.
Role
UX Designer & Front-end contributor
Timeline
Academic project
Team
4-student group project
Tools
Figma, Flask, MySQL, WordPress
Challenge
Create a centralized event listing platform that keeps browsing simple for local readers.
Solution
Built Figma mock-ups and paired them with Flask + MySQL services and a WordPress plugin to provide live search and filtering.
Impact
The solution streamlined event postings and improved user accessibility for the magazine audience.
Mockups
Key interface moments
High-fidelity mockups illustrate the experience in desktop and mobile contexts while keeping accessibility at the forefront.
Category and filter system
Author: Shivam Patel — Category browsing and filter drawers keep listings responsive for mobile readers.
Wireframes
Hamilton City Magazine flow
Responsive screens illustrate how readers browse events, refine results, and save listings on mobile.
Group project with 4 students; all interface captures authored by Shivam Patel to demonstrate the magazine experience.
Home and featured events
Author: Shivam Patel — Landing layout surfaces magazine features alongside live events.
Category highlights
Author: Shivam Patel — Category cards spotlight themed roundups with quick-view imagery.
Search and filters
Author: Shivam Patel — Combined search and filter controls keep date and location inputs within reach.
Search and filters
Author: Shivam Patel — Combined search and filter controls keep date and location inputs within reach.
Search results
Author: Shivam Patel — Event results refresh in place with descriptive cards and save actions.
Search results
Author: Shivam Patel — Event results refresh in place with descriptive cards and save actions.