Golf City Case Study
Vist the new website
Add beautiful boxes with title, image and button and encourage users to take action.
Project Overview
Golf City Website Redesign Project
Despite being functional, the website had significant issues with navigation and lack of clear, comprehensive information. Users found it difficult to navigate the website, and essential details, such as course information and booking instructions, were buried in an unclear structure. The goal was to redesign the site to enhance navigation, accessibility, and information presentation to improve user satisfaction and engagement.
Develop a fully customized website from scratch using HTML, CSS, bootstrap, and JavaScript, ensuring a seamless, responsive, and engaging user experience
Golf City Case study timeline& design prosses
| Week | Phase | Activities |
|---|---|---|
| Week 1 | Discovery & Research | – Stakeholder interviews- Define goals and target users- Competitive analysis- Heuristic evaluation of current site |
| Week 2 | User Research & Analysis | – Conduct user interviews or surveys- Create user personas- Map user journeys- Define main pain points |
| Week 3 | Information Architecture & Wireframes | – Define sitemap and navigation structure- Sketch wireframes (desktop & mobile)- User flows for key tasks |
| Week 4 | UI Design & Visual Direction | – Develop moodboard/style tile- Create high-fidelity mockups (homepage, units, amenities, gallery)- Define typography, color scheme, and iconography |
| Week 5 | Prototype & Usability Testing | – Build interactive prototype (using Figma or Adobe XD)- Conduct usability testing with 5–7 users- Collect feedback and identify issues |
| Week 6 | Refinements & Final Delivery | – Implement UI changes based on feedback- Finalize responsive design for mobile/tablet- Deliver design assets & developer handoff files- Optional: Conduct A/B tests or stakeholder presentation |
Key Goals & target Audience
Highlight Lifestyle
Showcase the golf course, amenities, and upscale community feel.Present Clear Information
Provide details on units, pricing, floor plans, and facilities.Improve UX & Navigation
Create intuitive, easy-to-navigate layouts with quick access to key content.Mobile Optimization
Ensure responsive design and smooth performance on all devices.
Problems Statments
Outdated Design
- The visual design was outdated and did not reflect the premium brand image
- The site didn’t provide enough information on promotions, membership options, or upcoming tournaments, limiting engagement.
Poor Mobile Experience:
- The site was not optimized for mobile users, which led to a high bounce rate.
- Non-Responsive Design: The website was not optimized for mobile devices, resulting in a poor user experience on smartphones and tablets.
Lack of Critical information &Visual Appeal
- Important details about properties and services were missing, leading to user frustration.
- This left users frustrated and led to high abandonment rates on critical pages like booking.
Boor navigation
- The Golf City website lacks a clear and structured navigation system. There is no top menu, site map, or organized content hierarchy, making it difficult for users to find essential information such as housing units, amenities, contact options, or booking features
Research User interview& Survey
User Interview Questions
🎯 Goal: Understand user expectations, pain points, and overall experience with real estate websites—especially luxury or golf communities.
General Behavior
When looking for a residential property or luxury community online, what features are most important to you?
How often do you use your phone vs. your computer when browsing real estate websites?
Design & Visual Appeal
What would make a real estate website feel premium or trustworthy to you?
When you first land on a site like Golf City’s, what kind of visuals or information do you expect to see?
Navigation & Information
Can you describe a time when you got frustrated trying to find something on a website like this?
What kind of information do you usually look for when exploring a compound (e.g., pricing, amenities, floor plans)?
Mobile Experience
Have you ever used a real estate site on your phone and had trouble navigating or viewing content? What happened?
What would make mobile browsing easier for you on sites like Golf City?
📋 Survey Questions
(Use multiple choice, rating scales, or short answers)
Section 1: Website Usage
How do you usually browse real estate websites?
☐ Mobile only
☐ Desktop only
☐ Both
Which of the following features are most important when visiting a real estate website? (Select all that apply)
☐ Property listings
☐ Photos or video tours
☐ Floor plans and pricing
☐ Contact forms
☐ Community lifestyle info
☐ Mobile compatibility
Section 2: User Experience (1–5 scale)
3. The site was easy to navigate.
4. I was able to find the information I needed.
5. The design felt premium and trustworthy.
6. The mobile version worked smoothly.
7. I would consider contacting sales based on the current website.
Section 3: Open-Ended
8. What was the most frustrating part of using the website?
9. What improvements would you like to see?
User Pesrsonas
Persona1
Persona2
Comparative Analysis Framework
The comparative analysis evaluated the two websites across seven critical dimensions:
- Visual Design and Brand Expression
- Information Architecture and Navigation.
- Mobile Responsiveness
- Accessibility Considerations
- Searchability
Performance Metrics. Each of these dimensions was compared using best practices for UX design, with a careful focus on the extent to which each website meets its specific audience’s needs
The comparative analysis
| Stage | Madinaty | Golf City | ||
|---|---|---|---|---|
Hierarchy | Clean layout. Branded colors are consistent with the larger TMG site, but it’s crooked, needs better ui design. The website feels corporate and lacks to Madinty city information appeal. Static and text-heavy. | The design appears dated, failing to convey the luxury and modern amenities expected of a golf-centric community. It needs to be redesigned with modern aesthetics. Add visual storytelling elements (e.g., icons, interactive sliders, real-life imagery) | ||
Content | The content adopts a corporate aesthetic suitable for Madinaty City. It must clearly present the project’s vision, master plan, housing details, amenities, and investment opportunities. High-quality visuals—photos, videos, and maps—are essential to showcase lifestyle and community features. Content should be regularly updated to reflect new phases, developments, and local events, ensuring relevance for both prospective buyers and current residents | Lack of content. It should focus on the lifestyle offered by a golf-centric community. This includes details about the golf course (design, facilities, membership), residential options with views or access to the course, other leisure and recreational amenities, and the overall community environment. Testimonials or news about golf events could enhance the relevance for the target audience | ||
Navigation | The navigation is shallow with minimal menu options regarding the Madinaty compound City. Essential information about the city is not available. It needs to include deeper navigation options such as units, lifestyle, and amenities. Additionally, a Quick Links section should be added for immediate access. Grouping similar content in drop-downs or tabs would also be beneficial. | Barely any navigation. No main menu or site map. The navigation needs to add a top navigation bar with categories (Home, Units, Amenities, Gallery, Contact, Booking hotel ). Include a footer with quick access links, and introduce breadcrumbs for deeper content sections. | ||
Mobile Responsiveness | Partially responsive; some layout misalignments or hidden on Smaller devices such as News, Events, and overview pages | Poor responsiveness. not optimized. | ||
Searchability | No search functionality | No search functionality |
Usability Test Plan
🎯 Objective:
Evaluate how easily users can navigate the site, find key property information, and complete common tasks—especially on mobile.
👤 Participants:
5–7 users (potential buyers or renters of upscale properties)
✅ Test Tasks
Task 1: Navigation & Layout
- Find information about available properties or residential units.
- Observe if the user knows where to click.
Note any confusion due to a lack of menus or labels.
Task 2: Learn About Amenities
- Locate details about the golf course or community features.
- See if users can discover lifestyle benefits (e.g., golf, club house, events).
Task 3: Contact Sales / Book a Visit
- Try to contact the sales team or book a viewing.
- Is the form visible? Does it work on mobile?
Task 4: Mobile Experience
- Now switch to your phone and try to repeat Tasks 1 and 2.
- Track misalignment, hidden content, or frustration on mobile view.
Keys find &Solutions
Problems Keys
1. Outdated Design → Modern Visual Identity
Soulution:
- Important details about properties and services were missing, leading to user frustration.
- This left users frustrated and led to high abandonment rates on critical pages like booking.
- Refresh the UI to reflect a premium brand image.
- Use high-quality, full-width visuals of the golf course and properties.
- Apply a modern, clean layout with spacious sections and a consistent color palette.
- Add video headers or interactive sliders for storytelling.
2. Poor Mobile Experience → Responsive, Mobile-First Design
Solution:
- Redesign with mobile optimization from the start.
- Use a mobile-first layout that adapts smoothly across devices.
- Developed a fully responsive website that provides an optimal viewing experience across all devices.
- Ensured that navigation, images, and text are easily readable and accessible on smartphones and tablets.
& Opportunities for Improvement:
3. Missing Information → Clear, Complete, Organized Content
Solution: Structure and surface all critical user-focused information.
Add sections for:
Membership options
Community amenities
Upcoming golf events or tournaments
Use icons, infographics, and FAQ blocks for clarity.
Add sections for:
- Unit types (with floor plans & prices)
- Membership options
- Community amenities
- Upcoming golf events or tournaments
Use icons, infographics, and FAQ blocks for clarity.
Keep content regularly updated.
4. Poor Navigation → Intuitive, Structured Navigation
Key Fix: Introduce a clear site hierarchy and navigation system.
Add a top navigation bar with main sections: Home, Units, Lifestyle, Amenities, Events, Gallery, Contact.
Group related content in drop-down menus or tabs.
Use breadcrumb navigation and a footer with quick links.
Low Fidality
High Fidality
Outcome website design
