Brand Portfolio Showcase

The design effectively uses large, bold typography with image masks to create strong visual interest and highlight featured brand work. However, the considerable whitespace and minimal contextual information may hinder user engagement and clarity about the purpose or next actions.
Analyzed design
Fixes by Category
  • 3
    Color & Contrast
  • 2
    Content Readability & Clarity
  • 2
    Visual Consistency, Imagery & Media
  • 0
    Navigation & Structure
  • 0
    Conversion & Actions
  • 0
    Tone, Friendliness & Delight
  • 0
    Accessibility & Input Ergonomics
  • 2
    Efficiency & Cognitive Load
  • 1
    Flow & States Completeness
  • 1
    Strategic Design
  • Recommended Fixes by Impact
    0Critical
    4Major
    7Moderate
    1Minor

    Low readability of 'APPLE' text due to image fill

    Major
    Color & Contrast
    The Problem
    'APPLE' text uses an image fill with varying dark and medium tones, causing some letters to blend with the background and reducing readability significantly.
    Why it Matters
    Users may struggle to quickly read or recognize the 'APPLE' text, impacting comprehension and user experience.
    How to Fix
    Add a solid or semi-transparent background behind the text or use a solid color with sufficient contrast to improve legibility.
    Issue Highlights
    Finding region

    Low readability of 'PAPAJOHN'S' text due to complex image fill

    Major
    Color & Contrast
    The Problem
    'PAPAJOHN'S' text uses a complex, multicolored image fill that reduces letter shape definition and blends with the white background, impairing text recognition.
    Why it Matters
    Text with poor readability impedes quick identification and can negatively affect user engagement on brand labels.
    How to Fix
    Apply a solid or semi-transparent background behind the text or use a solid, high-contrast color to improve legibility.
    Issue Highlights
    Finding region

    No clear location or role indication in navigation

    Major
    Orientation Missing (Environment/Role/Location)
    The Problem
    The page shows featured work items with large text but lacks any visible navigation elements or breadcrumbs that indicate the user's current location or role within the site structure.
    Why it Matters
    Users may get lost or unsure about where they are on the site, leading to confusion and frustration when trying to navigate or understand context.
    How to Fix
    Add clear navigation elements such as a breadcrumb, page title header, or a highlighted active navigation item that orients the user to their current location and role in the content structure.
    Issue Highlights
    Finding region

    No clear interactive elements or navigation cues

    Major
    Flow & States Completeness
    The Problem
    The screen shows large branded text and project titles but lacks any visible buttons, links, or cues to indicate how to proceed or explore featured work.
    Why it Matters
    Users may be confused about what to do next, increasing the risk they will leave the screen without engaging further.
    How to Fix
    Add clear calls to action or interactive elements such as buttons, links, or hover states that guide users to more details or deeper navigation.
    Issue Highlights
    Finding region

    Low readability of 'NIKE' text due to image fill

    Moderate
    Color & Contrast
    The Problem
    'NIKE' text is filled with a light image that blends with the white background, causing lower contrast and making the text harder to read at a glance.
    Why it Matters
    Reduced text clarity can hinder quick identification and cause user frustration or confusion.
    How to Fix
    Add a contrasting background or outline to the text or replace the fill with a color that meets WCAG contrast standards.
    Issue Highlights
    Finding region

    Weak hierarchy between company names and project descriptors

    Moderate
    Content Readability & Clarity
    The Problem
    The company names (APPLE, NIKE, PAPAJOHN'S) dominate the layout with very large letters, while the project descriptors underneath are small and less distinct, causing an unclear relationship and hierarchy between the two text elements.
    Why it Matters
    Users may struggle to immediately understand the connection between the company names and their corresponding project details, reducing clarity and comprehension.
    How to Fix
    Increase the font size or weight of the project descriptor text and add spacing or visual separation to clearly distinguish and link the project details to their respective companies.
    Issue Highlights
    Finding region

    Inconsistent horizontal alignment of featured work titles

    Moderate
    Visual Consistency, Imagery & Media
    The Problem
    The three featured work titles (APPLE, NIKE, PAPAJOHN'S) do not align horizontally with each other or their corresponding subtitles, breaking visual consistency across the section.
    Why it Matters
    Misalignment can confuse users and reduce the professional appearance of the design, making it harder to scan the content efficiently.
    How to Fix
    Adjust the horizontal positions of the titles and subtitles to share a consistent left margin or alignment grid.
    Issue Highlights
    Finding region

    Project descriptions lack clear labeling or explanatory context

    Moderate
    Content Readability & Clarity
    The Problem
    The text strings such as '/ INTRODUCING IPHONE 16 PRO', '/ JUST DO IT: MEXICO', and 'FEAT BIG BOI / BETTER GET YOU SOME' are presented without labels explaining what these descriptors represent (e.g., campaign name, tagline, or project title).
    Why it Matters
    Users may be uncertain whether these are project titles, slogans, or additional information, which can lead to confusion or misinterpretation of the content.
    How to Fix
    Add clear labels or prefatory text describing what these lines represent, for example 'Project:', 'Campaign:', or 'Tagline:' before the description.
    Issue Highlights
    Finding region

    Brand names lack clear click targets or interaction cues

    Moderate
    Efficiency & Cognitive Load
    The Problem
    The large brand names (APPLE, NIKE, PAPAJOHN'S) appear as decorative text with no visible buttons or links, forcing users to remember which brand to interact with or how to proceed.
    Why it Matters
    Users may be unsure how to interact with the content or navigate to more details, increasing cognitive load and potential confusion.
    How to Fix
    Add clear clickable areas or buttons with hover/active states, and consider adding instruction or contextual UI to guide interaction.
    Issue Highlights
    Finding region

    Lack of Clear Visual Focus or Hierarchy in Featured Work

    Moderate
    Strategic Design
    The Problem
    The featured logos (APPLE, NIKE, PAPAJOHN'S) use a cutout photo fill style with minimal text description below each, but the overall composition feels sparse with uneven spacing and no clear call to action or visual hierarchy. The top "FEATURED WORK" label is small and does not stand out.
    Why it Matters
    Users may not quickly understand the purpose of this section or feel drawn to engage with the featured work, reducing user satisfaction and perceived professionalism.
    How to Fix
    Increase the size and prominence of the section header, maintain consistent and balanced spacing between items, add clearer calls to action or interaction affordances, and possibly introduce supporting text or details that help frame the featured work's importance.
    Issue Highlights
    Finding region

    Multiple separate brand elements require multiple decisions

    Moderate
    Efficiency & Cognitive Load
    The Problem
    The screen presents three different brand sections, each requiring users to decide whether to further explore them, causing several individual micro-decisions.
    Why it Matters
    Users have to mentally evaluate multiple discrete options before taking action, which can slow decision-making and cause mental fatigue.
    How to Fix
    Group similar brand options or offer a unified, streamlined interface that reduces the number of separate steps or decisions.
    Issue Highlights
    Finding region

    Variable letter spacing and style among featured brand titles

    Minor
    Visual Consistency, Imagery & Media
    The Problem
    The featured brand titles use a similar but not identical style in letter spacing and internal image crop style, leading to a inconsistent look among them.
    Why it Matters
    Style inconsistencies distract users and can undermine the visual cohesion of the featured work section.
    How to Fix
    Standardize letter spacing values and establish uniform cropping/placement rules for images inside the letter fills.
    Issue Highlights
    Finding region