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.
Public

Design Score
Polish Opportunities
Design Perspectives
0To Review
Recommended Fixes by Impact
0Total
Fixes by Category
3
Color & Contrast2
Content Readability & Clarity2
Visual Consistency, Imagery & Media0
Navigation & Structure0
Conversion & Actions0
Tone, Friendliness & Delight0
Accessibility & Input Ergonomics2
Efficiency & Cognitive Load1
Flow & States Completeness1
Strategic DesignRecommended 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
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
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
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
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
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
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
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
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
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
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
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