top of page
City View

🎧 kanak

CITY OF CLEVELAND

Website Redesign

Who We Are

The City of Cleveland administration recently got re-elected with a team of young politicians who don't like the website that represents their city and are not satisfied with the value it provides to its citizens. They are planning to revamp their website in a way that provides value to its citizens and is aesthetically beautiful. Consider that the design team has come up with the following Design Specs, follow the specs and create a high fidelity Homepage design for the website.

1. Define
2. Understanding the User

  • Gain Points, Pain points and opportunities of improvement

3. Ideation
4. Design

  • Solution to Painpoints and opportunities of improvement

Current Website and Pain Points

PAIN POINTS:
 

  • Same headings repeated in navigation menu, sidebar, and footer.

  • Text-heavy website body with minimal visual elements.

  • Header images lack interactivity and cannot be enlarged.

  • Insufficient use of icons and visuals.

  • Ineffective placement of search bar and language/translate options.

  • Suboptimal design and position of "Top of Page" button.

Competitor Analysis

  • Organized content with cards/banners

  • Combined text, visuals, and icons in the website body

  • Detailed menu navigation for information hierarchy

  • Attractive onboarding experience

  • Effective footer categorization

  • Prominent "Back to Top" button on the right side

  • Social links in the footer

Opportunities: Redesign Scope

​

  • Visual design language, user flow, and information hierarchy will be completely revamped.

  • Detailed and organized content will be implemented in the website body using text, icons, cards, and banners.

  • The footer design and categorization will be optimized for effectiveness.

  • The "Back to Top" button will undergo a redesign.

  • Social links will be replaced with new options.


Content Organization:
 

  • Above the Fold: Live press updates and latest updates for today.

  • Body (Cards & Banners/Sliders): Sections for today's updates, exploring Cleveland, and upcoming events.

  • Navigation Menu: Home, The City, Covid-19, Government, Community (including Kids & Teens), Business, Visitors, Search Bar, and Language Translation.

  • Left Side Bar: Mayor, Press & Media, Forms & Applications, Frequently Asked Questions, Cleveland City Council, Most Requested.

  • Right Side Bar: Latest Updates, Emergency Contacts, Social Media Links.

  • Footer: Contact Us, Quick Action Links (report problem/raise a request, services, quick payments), and Site Links.

Design

bottom of page