pages mockup

Geocaching.hu

redesign website

Overview

I chose to redesign the Hungarian geocaching official website to give it a more modern look and also add some very important features that were lacking according to the Hungarian users. The project is not all-inclusive but highlight some opportunities to improve.

The challenge

Geocaching is a popular game all over the world, but the Hungarian official website is really old-fashioned and lacking some important and useful features. However, the site is also used by older people who are not familiar with modern designed pages.

The solution

Keeping usability in mind, the main goal is to solve the major pain points and create a more user friendly, intuitive, better designed website.

Time scope

May - 2022

Tools

 xd logoPhotoshop logo

Roles

  • UX research
  • UX Design

The design process

Discover & understand the customer

User research

I talked to several people in the geocaching community and read all the comments in the "suggestions' page of the website. The users I interviewed were people who just get started, people who often go geocaching and people who are only playing the game a couple of times a year.

Pain points

  1. Responsiveness: As this "treasure hunt" game is offline, out in the wild, users usually check the caches on their phone. Altough there is an app, many users prefer use the web version, however the website is not responsive at all. This means bad user experience when surfing the site on mobile
  2. Logging geocaches: In Another painpont I came accross is logging geocaches on the website. This painpoint is connected to the navigation painpoint as it is the navigation that makes it harder to log a cache.
  3. Rating & replying logs: Also active and less active users mentioned that it would be great if they can rate the logs under a geocache if it is useful and those useful logs would appear before all the other logs. As downloading all logs takes time and space, only downloading the useful ones would solve this problem.
  4. Navigation & search bar: Many people, mostly those who go geocaching occasionally, mentioned that the navigation bar  is not intuitive for people who are new to the game or not use the site often. The search bar also makes it hard to filter or search for geocaches.
Nav bar of the original site
Jason - a chef persona - childhood dreams
Geocache page
Geocache logs

Define the problem and coming up with solutions

Creating user journeys

I created user journeys based on personas. This allowed me to identify and define those points where the user experience can be improved.

This way I could understand more deeply WHY people visit the site and not just what do they do on the site.

Prioritizing pain points

I prioritized the users' pain points to focus on the most important issues that come up. Based on the previous research and customer journeys, the most important pain points to focus on is the responsiveness and the feedback on the logs.

Develop & design

Information architecture and website elements

Based on the identified issues and the understanding of why people visit the site and what do they want to do, I started to reorganize the site content, creating structure, grouping elements that belongs together. I focused on the necessary information and simplified the navigation according to them. However, I did not want to drastically change what people can see on the pages because old users can feel uncomfortable learning a new site with new pages and new structure.

Designing the main functions

Responsiveness - designing for smaller screen sizes

As nowadays many people use their mobile devices to surf on a website, it is inevitable to design for multiple screen sizes.

Redesigning the different pages

The home page

I started the redesigning with the home page, where I added an information section for those who are new to the game and to the site. An extended search element was added next, with more filter options as the main reason why people go to this site is to look for caches they can find.

I wanted to keep all the important information from the website but I also wanted to declutter it. I changed the unorganized info elements and randomly added photos, new caches and news, so it is easier to find information.

Main changes on the home page:

  • Welcome hero section with the link for mor info (instead of a long description at the bottom of the page)
  • Search section with extended search and more filter options
  • News and events section with all events in one box
  • Geocache map and the newest caches
  • Social media box

The geocache page and the logs

The geocache page is one of the most important page as it shows all the information and logs of a cache. During the research it was clear that the main problem was with the logs: it is shown in a chronological order and the useful logs are often lost. Adding a rating option would solve this problem.

Main changes on the logs:

  • Users can rate the logs (useful, great sotry, like) & reply
  • It is possible to sort logs based on usefullness
  • More info on the user
The original logging on the page and the redesigned version with the opportunity to rate the logs and reply.

Main changes on the cache page:

  • Tags to show the characteristics of the log
  • More intuitive and visual representation of the geocache information
  • It is possible to sort logs based on usefullness
  • More info on the user

A small box allows customers to save, add to list, ignore or log the geocache. Below that the tags show the most important characteristics of the geocache.

Scrollable mockup of the home page & geocache page

Results & take-aways

The geocaching site was a very interesting choice to redesign. As the site itself looks very old-fashioned would have been very easy to focus on the design elements and create a modern looking site. However, the design is just one part of the process and I really need to keep the focus on usability issues.

My takeaway from this process is that you really need to get to know your users and keep usability in mind even if there is room to improve the design too. A complete redesing needs a lot of work and you must listen to the users. You have to keep what is right and change or add things that makes the site more intuitive and easier to use.

thanks for reading this case study!