Company Website Redesign

Responsive business website that showcases the pub’s services, values, and offerings through a clean, user-friendly layout, designed to guide visitors and encourage engagement. Incorporated automated event listings, integrated customer reviews, and easy content management for non-technical users.

Maggie Murray's Website Preview

Role

UI Designer

Project Type

Self-Initiated

Timeline

2–3 weeks

Tools

Canva, Figma

Methods

Usability Testing,
Interviews


1. Identify

Goal: Understand the project’s purpose, business objectives, and target audience.

Business Objectives

  • Improve overall user experience and navigation
  • Highlight menu, events, and atmosphere
  • Ensure mobile accessibility and responsiveness

Audience Insights

  • Local customers searching for food & drinks
  • Event-goers looking for schedules and updates
  • New visitors discovering the pub online

Original Website Snapshot
(Before Redesign)

2. Research Analysis

Goal: Explore user needs, behaviors, and pain points through analysis and feedback

User Research

  • Interviewed the pub owner for insights
  • Reviewed customer feedback and Google reviews
  • Looked into customer browsing behavior

Competitive Analysis

  • Analyzed competitor pub/restaurant websites
  • Identified common navigation and design patterns
  • Benchmarked usability and responsiveness standards

3. Prototype

Goal: Translate research insights into visual solutions through wireframes and mockups.

Wireframing

  • Created low-fidelity wireframes for layout exploration
  • Focused on clarity, readability, and hierarchy
  • Ensured easy access to key features (menu, events)

Prototyping

  • Developed high-fidelity mockups with branding elements
  • Applied color scheme and typography aligned with pub identity
  • Iterated designs to balance aesthetics and usability
Wireframe 1

Wireframe 1

Wireframe 2

Wireframe 2

Wireframe 3

Wireframe 3

Wireframe 4

Wireframe 4

Wireframe 5

Wireframe 5

Wireframe 6

Wireframe 6

4. Build

Goal: Build and test the website based on feedback and necessary adjustments.

Usability Testing

  • Interviewed the owner
  • Analyzed competitor pub websites
  • Reviewed Google Analytics data and customer reviews

Client Adjustments

  • Hard-to-read text
  • Outdated menu PDFs
  • Poor mobile responsiveness
  • No events calendar or scheduling features
Original Website Snapshot

Original Website Snapshot
(Before Redesign)

5. Refine

Goal: Final adjustments made at this phase if necessary to improve user experience.

Research Methods

  • Interviewed the owner
  • Analyzed competitor pub websites
  • Reviewed Google Analytics data and customer reviews

Key Pain Points

  • Hard-to-read text
  • Outdated menu PDFs
  • Poor mobile responsiveness
  • No events calendar or scheduling features

Original Website Snapshot
(Before Redesign)