Nail Art & Courses Landing

The design excels with a clean, elegant layout and consistent use of typography and color that align well with the brand's premium positioning. However, there could be improvements in visual hierarchy for the CTA buttons and better responsiveness for various screen sizes to enhance accessibility and user engagement.
Analyzed design
Fixes by Category
  • 4
    Color & Contrast
  • 3
    Content Readability & Clarity
  • 4
    Visual Consistency, Imagery & Media
  • 1
    Navigation & Structure
  • 2
    Conversion & Actions
  • 3
    Tone, Friendliness & Delight
  • 3
    Accessibility & Input Ergonomics
  • 5
    Efficiency & Cognitive Load
  • 2
    Flow & States Completeness
  • 4
    Strategic Design
  • Recommended Fixes by Impact
    0Critical
    7Major
    20Moderate
    7Minor

    Insufficient contrast for small menu text

    Major
    Color & Contrast
    The Problem
    The navigation link texts ('Produse', 'Amme', 'Cursuri', 'Despre', 'Contact') are in a very light color on a dark background. Contrast may be borderline or failing WCAG AA for normal text due to the small font size and light shade.
    Why it Matters
    Difficulties in reading navigation links reduce ease of site use, especially for users with vision impairments.
    How to Fix
    Use a slightly brighter or more saturated text color or increase the font weight to improve text legibility against the dark background.
    Issue Highlights
    Finding region

    Inconsistent button styles in product cards

    Major
    Visual Consistency, Imagery & Media
    The Problem
    The first row of product cards have inconsistent styles for the call-to-action buttons. The leftmost button is purple with white text, while the others are a dark background with white text. This inconsistency is visually distracting.
    Why it Matters
    Inconsistent button styles confuse users and undermine UI cohesion, which can reduce trust and clarity.
    How to Fix
    Standardize button styles across all product cards, using a single consistent color scheme, shape, and typography.
    Issue Highlights
    Finding region

    Primary CTA Label is Vague

    Major
    Conversion & Actions
    The Problem
    The primary CTA button for course booking is labeled 'Rezervă-ți locul' which translates to 'Reserve your place', which is fairly clear but could be more action-specific by including course name or urgency. Other buttons like 'Vezi cursurile' and 'Vezi produsele' use 'Vezi' (See) which is somewhat vague and less action-focused.
    Why it Matters
    Users may hesitate or experience ambiguity about what actions exactly they are taking, reducing the likelihood of conversion or engagement.
    How to Fix
    Use more descriptive and action-oriented CTA text such as 'Reserve Your Spot for Beginners Course' or 'Explore Full Course List' to clarify the action and encourage clicks.
    Issue Highlights
    Finding region

    Small social icon tap targets in top right

    Major
    Accessibility & Input Ergonomics
    The Problem
    The four circular social icons in the top right corner appear to be smaller than recommended touch target size (less than 40x40px) and are close to each other.
    Why it Matters
    Small tap targets can increase the chance of user input errors and frustration, especially on touch devices.
    How to Fix
    Increase the size of each icon to at least 40x40px and add more spacing between them to reduce accidental taps.
    Issue Highlights
    Finding region

    Lack of clear affordance for horizontal scrolling in product carousel

    Major
    Strategic Design
    The Problem
    The product carousel shows multiple product cards horizontally but lacks visible scrolling arrows or clear visual cues indicating it is scrollable. The subtle horizontal scrollbar is not prominent or obvious.
    Why it Matters
    Users might miss additional product options beyond the visible cards, decreasing product discovery and conversion potential.
    How to Fix
    Add visible arrow buttons or distinct partial cut-off card edges to clearly indicate horizontal scrolling possibility, improving navigability.
    Issue Highlights
    Finding region

    Very low contrast for price text on course cards

    Major
    Color & Contrast
    The Problem
    The price texts (like '1.500 lei', '2.200 lei', etc.) on the right side course list have a thin font with light purple color on a white background, likely failing WCAG AA contrast standards.
    Why it Matters
    Important pricing information may be difficult for users with low vision to perceive quickly.
    How to Fix
    Use a darker font color or increase font weight to ensure at least 4.5:1 contrast ratio on white background.
    Issue Highlights
    Finding region

    Section mix lacks clear visual hierarchy between courses and products

    Major
    Strategic Design
    The Problem
    The products carousel and courses list appear visually similar in weight and style, causing user confusion about whether to focus on shopping products or enrolling in courses first. Both sections appear equally prominent without clear emphasis on primary user goals.
    Why it Matters
    Users may be unsure whether the site prioritizes product shopping or course enrollment, diluting the effectiveness of both and potentially increasing cognitive load.
    How to Fix
    Differentiate the visual hierarchy by prioritizing one goal per section with stronger headings, clearer CTAs, and distinct layout styles to communicate the main user goal clearly.
    Issue Highlights
    Finding region

    Low contrast for decorative cursive text

    Moderate
    Color & Contrast
    The Problem
    The cursive decorative words like 'iubești', 'profesie', 'grijă', and 'cursantele' use a light purple color on a pale background, resulting in low contrast likely below WCAG AA standards.
    Why it Matters
    Users with low vision or color blindness may find these words hard to read, reducing overall text legibility.
    How to Fix
    Increase the contrast by using a darker purple shade or a stronger color that meets at least 4.5:1 contrast ratio for normal text.
    Issue Highlights
    Finding region

    Misaligned navigation icons in header

    Moderate
    Visual Consistency, Imagery & Media
    The Problem
    The four circular icons in the header top right corner are not perfectly aligned horizontally and have inconsistent spacing between them.
    Why it Matters
    Misaligned icons create a perception of sloppiness and reduce the visual harmony of the interface, affecting the professional image.
    How to Fix
    Ensure consistent horizontal alignment and equal spacing between all header icons.
    Issue Highlights
    Finding region

    No visible active state for navigation menu

    Moderate
    Orientation Missing (Environment/Role/Location)
    The Problem
    The top navigation bar (Produse, Amme, Cursuri, Despre, Contact) is visible but no item is visually highlighted to indicate the current page or location in the site.
    Why it Matters
    Without an active state on the navigation items, users can feel lost about where they are on the site, which may reduce confidence and increase bounce risk.
    How to Fix
    Add a clear, distinct visual style (such as underline or color highlight) to the active navigation item that corresponds to the current page.
    Issue Highlights
    Finding region

    Small font size in course description details

    Moderate
    Content Readability & Clarity
    The Problem
    The descriptive text under each course title—such as '3 zile', 'kit inclus', and 'diplomă'—appears quite small and light in weight relative to the rest of the text.
    Why it Matters
    Smaller body text can be difficult to read, especially for users with impaired vision or on smaller screens, reducing content accessibility.
    How to Fix
    Increase font size slightly and consider using a darker or higher-contrast color for improved readability.
    Issue Highlights
    Finding region

    Course durations lack clear time unit distinction

    Moderate
    Ambiguous Date/Time/Timezone
    The Problem
    The course durations are displayed as '3 zile', '4 zile', '2 zile', and '1 zi' but the unit 'zile' is abbreviated and can be overlooked, reducing clarity on exact time commitment.
    Why it Matters
    Users may misunderstand the length of courses or miss the time details, affecting their scheduling or expectations.
    How to Fix
    Make the time unit ('zile') visually distinct or accompany the number with an icon or other clear signifiers of duration.
    Issue Highlights
    Finding region

    Price and feature text misalignment in course list

    Moderate
    Visual Consistency, Imagery & Media
    The Problem
    In the course section to the right, the prices and course feature text are not vertically aligned consistently across all entries. The spacing and baseline differ between price and descriptive text lines.
    Why it Matters
    Inconsistent text alignment decreases readability and creates visual imbalance, making it harder for users to compare course options.
    How to Fix
    Align all price and feature text on a consistent baseline and ensure equal vertical spacing for all course items.
    Issue Highlights
    Finding region

    Unlabeled icons in feature info cards

    Moderate
    Visual Consistency, Imagery & Media
    The Problem
    The icons in the four white info cards (Formule blânde, Calitate de salon, Suport real, Livrare rapidă) lack descriptive labels or tooltips that explain their meaning, which may confuse users.
    Why it Matters
    Without clear labels, users might misinterpret the icons’ meanings, increasing cognitive load and reducing clarity.
    How to Fix
    Add visible labels or hover tooltips to explain each icon’s meaning clearly.
    Issue Highlights
    Finding region

    Small 'Menu' tab tap target

    Moderate
    Accessibility & Input Ergonomics
    The Problem
    The vertical purple 'Menu' tab on the left side is narrow, likely smaller than recommended minimum touch size of 40px in width, which could require precise taps.
    Why it Matters
    Small narrow tap areas make it difficult for users to activate the menu, potentially causing frustration and reduced accessibility.
    How to Fix
    Increase the width and padding of the 'Menu' tab to meet recommended touch target sizes.
    Issue Highlights
    Finding region

    Detailed pricing and course comparison displayed simultaneously

    Moderate
    Efficiency & Cognitive Load
    The Problem
    Four course options each with detailed descriptions and prices are presented together with similar visual weight, requiring the user to parse and compare multiple options at once.
    Why it Matters
    Users face multiple seemingly equal choices which require mental effort to evaluate details and prices before making a decision.
    How to Fix
    Simplify by highlighting a recommended or popular option upfront, then provide detailed comparisons on demand.
    Issue Highlights
    Finding region

    Unclear action after selecting a training course

    Moderate
    Flow & States Completeness
    The Problem
    The training course list includes a 'Reservează-ți locul' button, but it is not clear what happens next (e.g., form, payment, confirmation) after clicking it.
    Why it Matters
    Users may be uncertain how to proceed after choosing a course, causing hesitation or drop-off.
    How to Fix
    Add visual cues or brief text explaining the next step after clicking 'Reservează-ți locul' and ensure the flow continues smoothly (such as a form or confirmation screen).
    Issue Highlights
    Finding region

    Hero section lacks strong visual focus and memorable differentiation

    Moderate
    Strategic Design
    The Problem
    The hero area with the headline, subtext, and three call-to-action buttons does not create a striking visual impact or a unique memorable moment. The background image is visually muted and the overlay dims the contrast, causing the headline and buttons to compete visually without a standout element.
    Why it Matters
    Users might not immediately grasp what is unique or compelling about the site offering, reducing overall interest and engagement at first glance.
    How to Fix
    Enhance the hero with a more distinctive central visual (e.g., a sharply focused product or model image), increase headline contrast, and provide a clearer primary call to action to create a stronger memorable moment.
    Issue Highlights
    Finding region

    Insufficient visual hierarchy in course list pricing section

    Moderate
    Content Readability & Clarity
    The Problem
    The course prices and descriptions appear in similar font sizes and weights, making it harder to quickly distinguish key information like price and course name. The text for descriptions and prices is quite close in style, reducing immediate clarity.
    Why it Matters
    Users may struggle to quickly scan and compare course options and prices, slowing decision-making.
    How to Fix
    Use larger and bolder text for course names and prices, with lighter or smaller text for descriptions. Introduce spacing or grouping to separate price from course description visually.
    Issue Highlights
    Finding region

    Secondary CTAs Use Generic 'Vezi' Labels

    Moderate
    Conversion & Actions
    The Problem
    Secondary CTA buttons under main categories use 'Vezi cursurile', 'Vezi produsele', 'Descoperă Amme' (See the courses, products, discover Amme) which are not highly action-oriented or specific to anticipated user goals.
    Why it Matters
    Non-specific CTA labels can reduce user motivation to engage with the categories, impacting navigation and eventual conversion.
    How to Fix
    Replace 'Vezi' with more engaging language such as 'Explore Courses', 'Shop Products', or 'Learn About Amme' to provide clearer pathways.
    Issue Highlights
    Finding region

    Lack of trust signals on course reservation

    Moderate
    Tone, Friendliness & Delight
    The Problem
    The 'Rezervă-ți locul' (Reserve your spot) button for courses does not include trust signals such as payment security, refund policy, or certification verification nearby.
    Why it Matters
    Users might hesitate to commit to payment or reservation without visible assurances, reducing conversion rates and trust.
    How to Fix
    Add clear trust signals or reassurances close to the booking button, such as secure payment icons, refund policy highlights, or certification validity.
    Issue Highlights
    Finding region

    Small spacing between top navigation links

    Moderate
    Accessibility & Input Ergonomics
    The Problem
    The text links in the top navigation bar appear spaced closely together, with minimal horizontal padding between 'Produse', 'Amme', 'Cursuri', 'Despre', and 'Contact'. This could lead to mis-taps on touch devices.
    Why it Matters
    Too closely spaced links increase the risk of accidental taps on the wrong item, reducing navigation efficiency and user satisfaction.
    How to Fix
    Add more horizontal padding or margins between navigation links to provide ample spacing for easy tapping.
    Issue Highlights
    Finding region

    Multiple separate call-to-action buttons for similar navigation paths

    Moderate
    Efficiency & Cognitive Load
    The Problem
    The top section contains three separate cards each with their own call-to-action buttons leading to different product or service categories. This creates multiple micro-steps early on without clear prioritization.
    Why it Matters
    Users may feel overwhelmed by multiple equally weighted options and have to decide which category to explore first, increasing cognitive load.
    How to Fix
    Consolidate navigation options into fewer, clearer choices or progressively reveal detailed options after an initial primary selection.
    Issue Highlights
    Finding region

    Low contrast on 'Open the magic, open the heart.' text overlay

    Moderate
    Color & Contrast
    The Problem
    The italicized text at the bottom-left of the photograph ('Open the magic, open the heart.') is white or very light on a light background with soft shadows, resulting in low contrast.
    Why it Matters
    This text is harder to read due to insufficient contrast, especially for users with low vision.
    How to Fix
    Add a solid or semi-transparent dark overlay behind the text or make the text color darker or bolder to improve contrast.
    Issue Highlights
    Finding region

    Unverified claims of product and course efficacy

    Moderate
    Tone, Friendliness & Delight
    The Problem
    Product and course descriptions include strong claims like 'pigment intens' (intense pigment), 'transformă pasiunea în carieră' (transform passion into career), and 'certificat recunoscut' (recognized certificate) without visible validation or disclaimers.
    Why it Matters
    Users may develop unrealistic expectations or mistrust if claims are perceived as exaggerated or unverified, affecting brand credibility.
    How to Fix
    Include disclaimers, proof, or certifications to substantiate these claims and use more measured language to avoid overpromising.
    Issue Highlights
    Finding region

    Multiple individual product cards with navigation and no clear focus

    Moderate
    Efficiency & Cognitive Load
    The Problem
    The product list section displays many individual gel product cards each with separate clickable areas, potentially encouraging micro-decisions on what to check next.
    Why it Matters
    Users must process many similar items and decide which to explore without guidance, increasing time and effort to select a product.
    How to Fix
    Provide filtering, sorting, or a featured product highlight to reduce browsing effort and guide user choices.
    Issue Highlights
    Finding region

    Course details and pricing list overwhelm with text density and equal emphasis

    Moderate
    Strategic Design
    The Problem
    The course list on the right side shows multiple courses with similar typography, dense text, and similar background shading for each row, making it hard to scan or compare courses at a glance.
    Why it Matters
    Users may have difficulty quickly understanding the differences between courses and their prices, leading to decision fatigue or disengagement.
    How to Fix
    Simplify the course list with clearer hierarchy (bolder course titles, distinct pricing styling), and reduce text by using icons or bullet points to improve scanning and comprehension.
    Issue Highlights
    Finding region

    Multiple similarly styled clickable buttons clustered

    Minor
    Navigation & Structure
    The Problem
    The three primary CTA cards below the main headline each contain multiple clickable elements (icons, text, and buttons) closely spaced horizontally, causing potential confusion about the clickable target.
    Why it Matters
    When many clickable targets are grouped tightly with similar styles, users may struggle to identify where to click, causing hesitation and slower navigation.
    How to Fix
    Increase spacing between clickable buttons or consolidate clickable areas under fewer distinct targets. Also consider stronger visual differentiation for CTAs.
    Issue Highlights
    Finding region

    No page section indicators or breadcrumbs

    Minor
    Orientation Missing (Environment/Role/Location)
    The Problem
    The page contains multiple sections (Products, Courses, About, Testimonials) with no clear visual or textual indication of the user's current section or hierarchy within the site.
    Why it Matters
    Users may feel unsure where they are as they scroll, reducing their understanding of content hierarchy and navigation flow.
    How to Fix
    Implement breadcrumbs or a sticky section indicator to better orient users in the page content structure.
    Issue Highlights
    Finding region

    Unclear button purpose in main call to action

    Minor
    Content Readability & Clarity
    The Problem
    The button 'Rezervă-ți locul' stands alone without an explicit accompanying label or context clarifying the booking or registration purpose.
    Why it Matters
    Some users might hesitate to click if they're unsure exactly what the button does.
    How to Fix
    Add a label or descriptive text near the button clarifying it's for course registration or booking.
    Issue Highlights
    Finding region

    No on-screen reminder for differences among course levels

    Minor
    Efficiency & Cognitive Load
    The Problem
    Course descriptions mention features like 'kit inclus,' 'diplomă,' and 'locuri limitate' but do not provide a quick summary or comparison table visible on the screen to aid recall.
    Why it Matters
    Users must remember or reread details to understand course differences, increasing mental effort and risk of confusion.
    How to Fix
    Add a concise on-screen comparison or highlight key differences clearly in one place for easy reference.
    Issue Highlights
    Finding region

    No prompt or indication after browsing product images

    Minor
    Flow & States Completeness
    The Problem
    The product section shows several product images, but there is no visible instruction or call-to-action beyond a small 'Vezi tot shopul' text link.
    Why it Matters
    Users may not be sure how to explore product details or purchase options, limiting engagement.
    How to Fix
    Add clearer calls to action or explicit next steps for viewing more details or purchasing from the product carousel.
    Issue Highlights
    Finding region

    Soft pastel colors may reduce sense of urgency or professionalism

    Minor
    Tone, Friendliness & Delight
    The Problem
    The overall color palette uses soft purples and pastels that convey a delicate, gentle tone which might undercut feelings of professionalism or urgency for booking courses or purchasing professional products.
    Why it Matters
    The emotional tone may not fully align with users looking for authoritative, professional education or products, possibly reducing confidence.
    How to Fix
    Consider integrating stronger accent colors or more assertive design elements around calls to action to better balance softness with professionalism.
    Issue Highlights
    Finding region

    Multiple decorative and non-essential visuals near actionable content

    Minor
    Efficiency & Cognitive Load
    The Problem
    The page includes large decorative images and background visuals (e.g., sponge with heart, product close-ups) that do not contribute directly to navigation or task completion.
    Why it Matters
    While aesthetic, these visuals can distract users from focusing on key actions and increase visual clutter.
    How to Fix
    Reduce the visual prominence of non-action elements or separate them from interactive areas to create clearer visual hierarchy.
    Issue Highlights
    Finding region