Event Landing Page

The body text below the large 'KYBURG BACKYARD 6.7' heading uses similar font weight and size variations that are not distinct enough to create a clear content hierarchy, which makes it harder to quickly scan and interpret the information.

Users may find it difficult to understand the relative importance of key information and could miss important details.

Use clearer visual differentiation between heading, subheading, and body text by adjusting font size, weight, spacing, or color contrast.

The countdown timer indicates '98T 20h 08min 02s' until an event starting 'Nacht auf 1. Nov', but it does not specify the timezone or confirm exact date/time format clarity.

Users may misunderstand the event timing or countdown target, causing confusion or missed deadlines.

Add explicit labels indicating date, time, and timezone for the countdown and event start date.

The top navigation menu items (FORMAT, DER LOOP, STARTGELD, FAQ) lack any visible active state or highlight indicating which page the user is currently on.

Users may get confused about where they are in the website and have difficulty understanding their current context, making navigation less intuitive.

A vague CTA can confuse users, reducing conversion rates as users may be unsure if they are signing up, purchasing, or another action.

Make the CTA label more descriptive and action-oriented by specifying the exact action, e.g., 'Register for Race' or 'Reserve Your Spot'.

Increase the contrast by using a lighter color for the navigation text or increasing font weight.

Different font styles in one headline can confuse users and reduce the professional appearance of the page.

Use a consistent font style for the entire headline or ensure clear hierarchy with harmonized font families and weight.

Top navigation links such as 'FORMAT', 'DER LOOP', 'STARTGELD', and 'FAQ' have text-only tap areas that appear smaller than recommended minimum touch target size (approximately 24x24 dp). This can make precise tapping difficult on touch devices.

Smaller tap targets cause users to miss their intended link, leading to frustration and slower navigation.

Increase the tap target size by adding padding around the link text or use larger buttons to meet recommended minimum touch target sizes (at least 44x44 pixels).

Users may find it harder to quickly comprehend the headline, impacting their ability to efficiently understand what the page is about.

Simplify the headline typography to use a single style or reduce complexity by separating text styles distinctly.

The button labeled 'STARTPLATZ SICHERN' (Secure a starting place) is visible but it is not clear what happens after clicking it or what the immediate next step is.

Users might be uncertain about what will happen when they press the button, which can deter them from proceeding further.

Add a brief descriptive label or subtext near the button explaining the immediate action or outcome after clicking it, or ensure the flow leads the user intuitively to the next step.

Users may have difficulty quickly locating and interpreting the navigation menu, reducing ease of navigation and negatively impacting user satisfaction.

Increase font weight and size for navigation items and improve their color contrast against the background to improve legibility and focus.

The paragraph below the main heading is set in a small font size that may be difficult to read comfortably on typical screen sizes.

Small body text can cause eye strain and reduce the willingness of users to read important descriptions.

Inconsistent button styles can increase cognitive load as users may not clearly understand which actions are primary or secondary.

Harmonize button styles, using consistent fill and border treatments or clearly differentiate primary vs secondary buttons with clear style patterns.

The primary navigation uses small, tightly spaced, uppercase text in a thin font, which makes it less visible and harder to quickly scan or interact with.

Users may have trouble quickly finding and choosing navigation links, reducing the ease of exploring different sections of the site.

Increase font size and spacing of menu items, and consider using a more readable font weight or style to improve visibility.

Using red in this way can create unnecessary anxiety or confusion about the event status, potentially deterring participation or negatively affecting emotional engagement.

Small tap area increases the chance of missed taps, causing user frustration especially on smaller screens or for users with motor impairments.

Increase the vertical and horizontal padding of the login button to meet or exceed recommended minimum touch target size of 44x44 pixels.

Users may overlook or hesitate to interact with the primary call to action, reducing conversion opportunities and engagement.

Add distinctive styling to the button such as a border, shadow, or shape contrast. Ensure it visually pops relative to surrounding elements.

The navigation links 'FORMAT', 'DER LOOP', 'STARTGELD', and 'FAQ' appear unevenly spaced and slightly misaligned vertically in the header.

Misalignment in navigation can affect the visual balance and make the interface feel less polished.

Various lines of text in different colors and font styles below the headline provide descriptive info that might cause users to spend extra cognitive effort reading non-essential info before taking action.

Extra reading and color changes without clear prioritization may slow users down by adding unnecessary micro-steps in comprehending the content.

Condense or prioritize critical messages and limit colored/emphasized text to key info only to reduce reading effort.

The navigation menu includes multiple links (FORMAT, DER LOOP, STARTGELD, FAQ) without visual emphasis or distinction, requiring users to decide between several options at once.

This adds minimal distraction and slow decision-making on where to go first, increasing cognitive effort on an initial visit.

Prioritize the most important navigation items visually or reduce the number of options in the main navigation to reduce choice overload.