Tripsdrill Redesign

Tripsdrill is one of the oldest amusement parks in Germany and is well-known in the Schwabenländle region. However, their website falls short in user-friendliness when it comes to purchasing tickets. From overloaded content to confusing navigation and hidden, unclear information, there is still much work to be done.

This semester, our goal is to redesign Tripsdrill to make it more inviting, explorative, exciting and modern.

Observations

The outdated design of the website caught our attention, creating a less-than-optimal user experience. The abundance of click options and difficulty in navigating compounded the issues. The navigation bar, though present, didn’t provide a clear overview, leading to confusion. Additionally, the aggressive illumination of the ticket button was distracting. A modernized design, clearer navigation, and a subtle button presence are essential for an improved user experience.

User Profiles

To understand our audience better, we conducted in-depth surveys and interviews, engaging directly with individuals to uncover insights into their experiences and expectations.

User Feedbacks

We have gathered key insights from interviews and an online survey regarding the issues with the website.

How Might We Questions

To turn our findings into action, we used the “How Might We” technique, framing statements as opportunities for creative solutions. By combining surveys, interviews, user profiles, and these statements, we established a solid foundation for a user-centric design approach, aligning with the genuine needs and preferences of our audience.

Structure

We designed the navigation structure and information hierarchy. We carefully placed each element to improve precision, a notable improvement from the current website. This approach gave us a fresh perspective and focused our attention on specific website sections. It was hard to handle ticketing because Tripsdrill has two parks and many different passes.

Navigationstructure

Informationstructure

Styleguide

Icons

We aimed for a consistent and appealing design with rounded shapes and thin lines. Icons replace text for quick information, guiding users to attractions and event details, simplifying the design and enhancing user understanding.

Colors

After trying various color options, we settled on a beige color scheme for clarity. We use light beige for the background, dark beige for a neutral outline, and black text for readability. White accents maintain a balanced color harmony. Clean white is reserved for interactive text fields, setting them apart from the overall theme. The deliberate choice of darker beige for reviews and additional offers provides a clear visual contrast with the lighter beige, enhancing readability and differentiation.

We employ three distinct shades of red and green. The red variants serve different purposes: inactive, active when hovered over, and activated when clicked. The same three variations apply to the green shades as well.

Fonts

We choose Chewy font for headlines and subheadlines, aiming to convey the adventurous and inviting atmosphere of the park. Chewy’s playful mood adds interest to the website’s design, complementing our rounded shapes and thin lines. We incorporate three different font sizes for Chewy to enhance visual hierarchy and impact.

for the main text content, we chose Quicksand to strike a harmonious balance between playful aesthetics and clear readability. This ensures a user-friendly experience that aligns seamlessly with Tripsdrill’s identity. Using a medium font weight for general text content and bold for highlighting important information emphasizes clarity and establishes a clear visual hierarchy.

Buttons

Furthermore, we have three button categories: primary, secondary, and tertiary. The red color shades only appear when users are in the amusement park, and the green color shades only in the wildlife park. Primary buttons are used for purchasing tickets and accessing the park plan. Secondary buttons provide more information about Tripsdrill‘s offerings or promotions. Tertiary buttons are for subscribing to the newsletter, and the underline button is used for password and quick options.

Illustrations

To give Tripsdrill a lively and modern feel, we’ve added sleek vector illustrations with smooth transitions. On the landing page, a tile offers details about the park or wildlife sanctuary, allowing direct ticket purchase. The color scheme dynamically shifts between red and green, enhancing the visual experience.

The website also have illustrations in the footer, with the color scheme changing to red or green based on whether the user is in the amusement park or wildlife park. To symbolize the integration of both parks, we have included images such as a windmill, deer, and treehouse.

Website

App