UI Design
Rock Hall, MD
The official government website for Rock Hall, Maryland helps residents and visitors stay informed about local news, events, town services, and community updates. The site also highlights Rock Hall’s waterfront atmosphere with information about dining, boating, lodging, and things to do around town.
My Role
UX Designer
Duration
1 week
Tools
Figma, Figjam
Overview
/Challenge
Redesigning the official website for Rock Hall, Maryland came with several challenges, especially working within an existing government structure and content-heavy system. A major issue was organizing outdated information and improving navigation so residents and visitors could quickly find key services without digging through multiple pages. Another challenge was balancing accessibility, clarity, and simplicity while still meeting the needs of a public-facing municipal site with diverse user groups.
/Solution
The solution centered on a full visual redesign that improved clarity, hierarchy, and overall readability for the Rock Hall website. A more structured grid system was introduced to bring consistency across pages, paired with stronger typographic hierarchy to guide users through content more efficiently. Updated spacing, contrast, and alignment helped reduce visual clutter and improve accessibility while maintaining a clean, civic-appropriate aesthetic. The final design creates a more cohesive and visually organized system that feels modern while still fitting the tone of a municipal site.
Design
The new design for the Rock Hall, Maryland website looks cleaner and more structured, with a stronger focus on hierarchy so content is easier to scan. Background imagery was introduced more intentionally to add visual interest without overwhelming the layout, helping break up sections and support the overall tone of the site. Better spacing, typography, and alignment tie everything together into a more cohesive, modern UI that still feels appropriate for a small city website.
