Krakow Tour Guide Site
The interface uses a clean, organized layout with strong visual hierarchy, including well-placed calls to action and engaging images. However, improvements can be made in text contrast for readability and more consistent spacing between elements to enhance overall user experience.
Public
Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
3
Color & Contrast3
Content Readability & Clarity3
Visual Consistency, Imagery & Media1
Navigation & Structure1
Conversion & Actions2
Tone, Friendliness & Delight1
Accessibility & Input Ergonomics3
Efficiency & Cognitive Load2
Flow & States Completeness3
Strategic DesignRecommended Fixes by Impact
0Critical
5Major
15Moderate
3Minor
Low contrast of white text on image background
Major
Color & Contrast
The Problem
The white text overlaying the background photo in the hero section has insufficient contrast against the detailed image behind it, likely below WCAG AA ratio of 4.5:1 for normal text.
Why it Matters
Users with visual impairments or in bright environments will find this text difficult to read, reducing content comprehension and user engagement.
How to Fix
Add a semi-transparent dark overlay behind the text or use a solid background panel to increase contrast; alternatively, darken the background image locally or adjust text color for better contrast.
Issue Highlights
Buttons labeled 'Ceny już od 350 zl.' and 'Zamów wycieczkę' too close
Major
Accessibility & Input Ergonomics
The Problem
The two orange buttons near the top center of the page have small horizontal spacing between them, likely less than the recommended minimum of 8-10mm touch target spacing.
Why it Matters
Users with motor impairments or using touch devices may accidentally tap the wrong button due to insufficient spacing.
How to Fix
Increase the horizontal spacing between these two buttons to meet accessible touch target spacing guidelines.
Issue Highlights
Primary CTA lacks clarity on next steps
Major
Conversion & Actions
The Problem
The main call-to-action buttons 'Ceny już od 350 zł.' and 'Zamów wycieczkę' are somewhat vague. 'Ceny już od 350 zł.' does not clearly indicate what action the user will take, and 'Zamów wycieczkę' while clearer could benefit from a stronger action verb or additional context.
Why it Matters
Users might hesitate or be confused about what will happen when clicking these buttons, reducing conversion rates.
How to Fix
Use more descriptive CTAs that clearly explain the action and benefit, e.g. 'View Tour Prices from 350 zł' or 'Book Your Guided Tour Now'.
Issue Highlights
Hero section lacks a distinctive, memorable visual or interactive element
Major
Strategic Design
The Problem
The hero area uses a background image with overlay text and buttons but does not include any unique or engaging visual features (e.g., dynamic content, distinctive illustration) to create a memorable impact above the fold.
Why it Matters
Users may not be immediately engaged or inspired by the main banner, reducing the chance they will explore further or feel motivated to act on the calls to action.
How to Fix
Introduce a more compelling hero element, such as a unique focal graphic, an engaging animation, or a personalized interactive feature to create an impactful first impression.
Issue Highlights
No visible call to action or next step after 'Sprawdź nasze referencje' button
Major
Flow & States Completeness
The Problem
Below the section highlighting client references and contact details, there is a single button 'Sprawdź nasze referencje' but no indication of what follows after clicking or how to proceed if user wants to continue planning a tour or contact.
Why it Matters
Users might reach this point and not know what to do next if they want to take further actions, causing stalled engagement or exiting the page.
How to Fix
Add clear navigation, next step options, or a contact form close by, or signal what the button triggers to ensure flow continuation.
Issue Highlights
Contact icons lack labels or tooltips
Moderate
Visual Consistency, Imagery & Media
The Problem
The phone and email icons next to the contact details are used without textual labels explaining their function, which might be ambiguous for some users.
Why it Matters
Users unfamiliar with icon meanings might be confused, increasing cognitive load and potentially missing contact options.
How to Fix
Add aria-labels, tooltips, or short text labels to clarify the meaning of the icons.
Issue Highlights
Medium gray descriptive text low contrast
Moderate
Color & Contrast
The Problem
The gray paragraph text describing the guide under the main heading is a lighter gray on a photo background, causing low contrast and difficulty reading.
Why it Matters
Reduced readability especially for users with low vision or in bright environments can hinder understanding important information.
How to Fix
Use a darker text color or add a solid/semi-transparent overlay behind the text for better contrast.
Issue Highlights
Body text size and section headings lack differentiation
Moderate
Content Readability & Clarity
The Problem
Paragraph body text and section headings such as 'Przewodnik Kraków - najpopularniejsze trasy' and descriptions under images use similar or only slightly larger font sizes, making it difficult to distinguish headings from body text at a glance.
Why it Matters
Users may struggle to quickly scan and navigate content sections, reducing comprehension and engagement.
How to Fix
Increase the size or weight of section headings relative to body text, and add more spacing between headings and paragraphs for better readability and hierarchy.
Issue Highlights
Top contact info and email misaligned horizontally
Moderate
Visual Consistency, Imagery & Media
The Problem
The phone number, email, and top text are arranged in a row but do not align consistently along the vertical axis, causing visual imbalance.
Why it Matters
Misalignment in the header reduces visual harmony and can detract from a professional appearance.
How to Fix
Align the phone number, email, and header text uniformly using consistent vertical spacing or grid alignment.
Issue Highlights
Missing clear page location or role indicator
Moderate
Orientation Missing (Environment/Role/Location)
The Problem
The navigation bar provides links but lacks an explicit active state or breadcrumb to show the current page or section. Users cannot easily determine where they are within the site hierarchy.
Why it Matters
Without clear orientation cues, users may feel lost or unsure about their current location, leading to confusion and reduced engagement.
How to Fix
Add a clear active state highlight on the current menu item or include a breadcrumb trail indicating the current page and hierarchy.
Issue Highlights
Lack of clear trust reassurance near booking and price buttons
Moderate
Tone, Friendliness & Delight
The Problem
The call-to-action buttons 'Ceny już od 350 zł.' and 'Zamów wycieczkę' prompt users to initiate booking or purchase without visible trust signals such as payment security, refund policy, or satisfaction guarantee.
Why it Matters
Users might hesitate to proceed without reassurance about transaction safety or cancellation options, potentially reducing conversions or increasing anxiety.
How to Fix
Add brief trust indicators near these buttons, such as secure payment icons, clear cancellation or refund policies, or customer satisfaction statements.
Issue Highlights
Logo cloud with multiple client logos creates visual clutter
Moderate
Efficiency & Cognitive Load
The Problem
The section displaying multiple client logos (intel, HSBC, ING, etc.) is visually dense and distinct from actionable content, increasing clutter on the page without interactive options.
Why it Matters
Visual clutter can distract users from key actions and increase cognitive load when scanning the page for relevant information or next steps.
How to Fix
Reduce the prominence of the logo cloud, potentially integrate it in a more subtle carousel or separate page section, or limit the number of logos shown.
Issue Highlights
Dense grid of guide routes adds visual complexity
Moderate
Efficiency & Cognitive Load
The Problem
The very detailed grid with 9 separate guide route options, each with image and text, presents a high density of visual information that may overwhelm the user.
Why it Matters
Excessive options visible at once can increase cognitive load and make it harder for users to scan and decide among routes or learn important details easily.
How to Fix
Group related routes, show fewer options initially with expand/collapse controls, or use progressive disclosure techniques.
Issue Highlights
Unclear progression after 'Zamów wycieczkę' and 'Ceny już od 350 zł.' buttons
Moderate
Flow & States Completeness
The Problem
Two prominent buttons 'Ceny już od 350 zł.' and 'Zamów wycieczkę' are visible, but there is no visible indication what happens when clicked or what the next step is after selecting either option.
Why it Matters
Users may be unsure how to proceed after clicking or what to expect next, which could cause confusion or hesitation.
How to Fix
Add tooltips, progress indicators, or contextual hints near the buttons to clarify the next steps and what users should do after clicking.
Issue Highlights
Low contrast of icon in contact info line
Moderate
Color & Contrast
The Problem
The phone and email icons at the top right header area have low contrast against the white background, blending and making them harder to distinguish.
Why it Matters
Users with poor vision or color perception may struggle to identify important contact icons quickly.
How to Fix
Use darker or more saturated icon colors to improve distinction or add subtle backgrounds behind icons.
Issue Highlights
Body text in descriptions appears too small
Moderate
Content Readability & Clarity
The Problem
The paragraph body text used in the description blocks under the route titles appears quite small and tightly spaced, which likely reduces readability especially for longer paragraphs.
Why it Matters
Small body text can cause eye strain and difficulty reading, especially on larger screens or for users with visual impairments.
How to Fix
Increase body text font size by at least 1-2px or relative em units and ensure adequate line spacing for easier reading.
Issue Highlights
Dense layout of clickable content cards without visual grouping
Moderate
Navigation & Structure
The Problem
The 'Przewodnik Kraków - najpopularniejsze trasy' section includes nine closely spaced cards with images and text links. The uniform layout and similar styling create many competing click targets making it visually dense.
Why it Matters
Users may struggle to scan or distinguish between individual options, which increases the cognitive load and reduces usability.
How to Fix
Increase spacing between content cards and add visual grouping or headings to better separate sections or categories.
Issue Highlights
Multiple similarly styled links and buttons present competing action points
Moderate
Efficiency & Cognitive Load
The Problem
The top banner and immediately following sections include several similarly styled orange call-to-action buttons ('Ceny już od 350 zł.', 'Zamów wycieczkę', 'Sprawdź nasze referencje') alongside multiple textual links that invite clicks, creating multiple small decisions.
Why it Matters
Users face multiple distinct decisions without clear priority, increasing mental effort to choose a next step and potentially slowing task completion.
How to Fix
Prioritize and reduce visible calls to action by consolidating related options or visually distinguishing primary from secondary actions.
Issue Highlights
Client logos section lacks clear purpose and calls to action
Moderate
Strategic Design
The Problem
The section showing client logos and a link to other companies and institutes does not clearly connect to a user goal or provide a motivating next step, making its value unclear.
Why it Matters
Visitors may overlook or misunderstand the value of the logos and not proceed to testimonials or trust-building content.
How to Fix
Add clearer explanatory text, or a prominent call to action guiding users to reviews, case studies, or success stories related to these clients.
Issue Highlights
Multiple CTAs look too similar, creating choice friction
Moderate
Strategic Design
The Problem
Two CTAs in the hero section ('Ceny już od 350 zł.' and 'Zamów wycieczkę') use similar styling and placement, which can cause confusion or hesitation about which action to take first.
Why it Matters
Users unfamiliar with the brand might hesitate or feel uncertain about the primary action, lowering conversion potential.
How to Fix
Differentiate the CTAs clearly by using distinct styles or hierarchy cues, such as emphasizing the primary action button more strongly and visually deemphasizing secondary options.
Issue Highlights
Action buttons lacking distinct labeling hierarchy
Minor
Content Readability & Clarity
The Problem
Call to action buttons 'Ceny już od 350 zl.' and 'Zamów wycieczkę' and below 'Sprawdź nasze referencje' appear visually similar with little hierarchical distinction between primary and secondary actions.
Why it Matters
Users may hesitate or be confused about which action is the most important to take.
How to Fix
Use distinct styling for primary vs secondary buttons and add descriptive labels if needed to clarify purpose.
Issue Highlights
Inconsistent vertical spacing between cards in guide section
Minor
Visual Consistency, Imagery & Media
The Problem
The spacing between images and text blocks in the grid of popular routes varies, causing uneven white space vertically.
Why it Matters
Inconsistent spacing increases cognitive load and decreases perceived polish of the layout.
How to Fix
Use consistent vertical padding or margin for all cards in the grid to unify spacing.
Issue Highlights
Use of smiley emoji next to formal guide introduction creates tone inconsistency
Minor
Tone, Friendliness & Delight
The Problem
The text describing the guide's experience ends with a smiley face emoji '🙂', which contrasts with the otherwise professional and serious tone of the introduction and the website’s visual style.
Why it Matters
This slight tone mismatch can confuse users regarding the website’s intended formality and professionalism, potentially undermining perceived trustworthiness.
How to Fix
Replace the emoji with a more formal closing phrase or omit it to maintain a consistent professional tone.
Issue Highlights