Pehchaan Media Website Audit

    vs. Awwwards 2025 Winners

    A brutally honest, comprehensive analysis comparing your portfolio against the top 5 Awwwards 2025 winners

    Overall Score
    42/100
    Significant Gaps
    Top 5 Gaps vs. Awwwards Winners
    • 1No asymmetric or masonry layouts - everything is uniform grids which feels template-based
    • 2Lack of sophisticated animations and micro-interactions (no scroll reveals, hover effects are basic)
    • 3Typography lacks impact - headlines too small (should be 72-96px), weak visual hierarchy
    • 4No full-bleed video or cinematic imagery in hero section - missed opportunity to show creative work
    • 5Testimonials presented in repetitive carousel format instead of curated editorial layout
    Your Strengths
    • ✓Strong portfolio of actual client work - impressive brands and real case studies
    • ✓Clear service offerings and value proposition - messaging is on point
    • ✓Good mobile responsiveness fundamentals and basic accessibility
    • ✓Professional copywriting and brand messaging throughout
    • ✓Comprehensive case studies with real metrics (3.2× noticeability, 92% retention, etc.)

    Scoring Breakdown

    Your site evaluated across 8 critical dimensions

    Visual Design
    Overall aesthetic quality, visual hierarchy, and design sophistication
    5/10

    Key Issues:

    • •Generic three-column service grid lacks visual interest
    • •Inconsistent spacing and typography hierarchy
    Typography
    Font choices, hierarchy, readability, and typographic rhythm
    4/10

    Key Issues:

    • •Weak headline hierarchy - lacks impact and scale
    • •Inconsistent font sizing across sections
    Animations & Interactions
    Micro-interactions, transitions, and motion design quality
    3/10

    Key Issues:

    • •No meaningful scroll animations or reveals
    • •Basic hover states with no personality
    User Experience
    Navigation flow, accessibility, and overall usability
    6/10

    Key Issues:

    • •Navigation could be more minimal
    • •Portfolio lacks filtering/categorization
    Technical Performance
    Page speed, optimization, and technical implementation
    6/10

    Key Issues:

    • •Some images could be better optimized
    • •Missing lazy loading on portfolio items
    Content Strategy
    Content quality, messaging clarity, and storytelling
    7/10

    Key Issues:

    • •Too many testimonials - overwhelming
    • •Service descriptions could be more concise
    Brand Storytelling
    How well the brand story is communicated visually
    5/10

    Key Issues:

    • •No video background showing creative process
    • •Showreel section could be more prominent
    Innovation & Uniqueness
    Originality and memorable design elements
    3/10

    Key Issues:

    • •Layout feels template-based
    • •No unique interactive elements

    Section-by-Section Analysis

    Detailed breakdown of each page section compared to Awwwards winners

    Hero
    Current State Analysis

    What You Have:

    Text-based hero with headline 'We make brands unforgettable' and a CTA button on solid background

    Issues Identified

    • ✗No full-bleed video or cinematic imagery - just text on solid color
    • ✗Headline is decent but lacks animated reveal on load
    • ✗Missing scroll indicator for downward navigation
    • ✗No visual storytelling - purely text-driven
    • ✗Static and corporate feeling - doesn't showcase creative work

    Awwwards Comparison

    Olha Lazarieva uses full-width creative imagery with elegant typography overlays and subtle animations. Form&Fun features auto-playing video backgrounds with bold, oversized headlines and interactive elements. Your hero feels static and template-based by comparison.

    💡 Recommendations

    • ✓Add full-bleed video background showing creative process (film set, design studio, brand campaigns in action)
    • ✓Implement fade-up animation (0.8s ease-out) for headline on page load
    • ✓Add animated scroll indicator with bounce animation
    • ✓Consider asymmetric layout: large video left, minimal text overlay right
    • ✓Use 80vh minimum height for premium feel

    Actionable Recommendations

    Prioritized improvements organized by effort and impact

    Upgrade Typography System Immediately
    Quick Win

    Implement a bold, modern type hierarchy with larger headlines (72-96px), clear type scale, and better line-height for body text. This is a quick win that dramatically improves visual sophistication.

    Impact

    High - Immediate visual upgrade

    Effort

    2-3 hours

    Examples from Award Winners:

    • Olha Lazarieva: 72-96px headlines with 1.1 line-height for maximum impact
    • Form&Fun: Space Grotesk at massive scale creates immediate premium feel
    Add Scroll-Based Reveal Animations
    Quick Win

    Implement subtle fade-in and stagger animations as users scroll through content. This adds polish and makes the site feel modern and sophisticated.

    Impact

    Medium-High - Adds polish and delight

    Effort

    3-4 hours

    Examples from Award Winners:

    • Portfolio items fade in with 100ms stagger delay between each
    • Statistics counter animation on scroll into view
    • Section headlines fade up on reveal
    Curate and Redesign Testimonials Section
    Quick Win

    Reduce to 6-8 best testimonials only and present them in a 2-column staggered editorial layout instead of carousel.

    Impact

    Medium - Increases credibility and reduces clutter

    Effort

    1-2 hours

    Examples from Award Winners:

    • Large quote typography (28-32px) without heavy card styling
    • Client avatar + name + company in minimal format
    • Vertical stagger creates visual rhythm
    Implement Consistent Spacing System
    Quick Win

    Establish and apply consistent spacing units (4/8/12/16/24/32px) throughout the site for professional polish.

    Impact

    Medium - Creates premium cohesive feel

    Effort

    2-3 hours

    Examples from Award Winners:

    • Section padding: py-32 (desktop), py-20 (tablet), py-12 (mobile)
    • Component gaps: gap-8 to gap-16 consistently
    • Card padding: p-6 or p-8 consistently

    Awwwards 2025 Winners Reference

    Top portfolios setting the standard for excellence

    Olha Lazarieva
    Portfolio Honors Sep 2025

    Key Design Features:

    • •Minimal, elegant layouts with refined typography
    • •Asymmetric grid systems with visual hierarchy
    • •Sophisticated scroll-based reveals
    • •Premium whitespace usage
    Form&Fun Studio
    Portfolio Honors Aug 2025

    Key Design Features:

    • •Video backgrounds with ambient motion
    • •Interactive 3D elements and immersive experiences
    • •Bold typography with strong visual impact
    • •Experimental UI blending art and technology

    Note: These sites represent the cutting edge of web design in 2025. They combine technical excellence with creative storytelling, minimal aesthetics with bold visual impact, and functional design with emotional resonance. Your goal should be to match this level of sophistication while maintaining Pehchaan Media's unique brand identity.

    This audit was generated to help Pehchaan Media understand gaps and opportunities.
    Focus on quick wins first, then tackle medium effort improvements before major overhauls.