Before presenting concepts, I conducted extensive research into agency websites and award-winning storytelling experiences. I analyzed what made certain sites memorable and how agencies successfully communicated their creative approach through digital experience.

Key Insights:

Most Agency Sites Look Identical: Clean, minimal layouts with case study grids. The opportunity was to stand out by showing our creative process, not just polished outcomes.

Story and Movement Create Engagement: Award-winning sites used animation and progressive disclosure to guide users through narratives rather than presenting static information dumps. Movement communicates energy and intentionality.

Authenticity Beats Perfection: The most compelling agency sites felt human and approachable—showing the messy middle of creative work, not just final presentations. This aligned perfectly with 1558's collaborative, accessible approach to client relationships.

Visual Metaphor Opportunity: One of our designers had created icons with a sketched, hand-drawn aesthetic. This style could become a visual metaphor for the entire site—creative work as an evolving sketch, always iterating, never precious.

Core Idea: Design the website to feel like a living creative artifact—loose, energetic, showing the brainstorming and thinking process rather than just polished final work.

Visual Strategy:

• Hand-Drawn Aesthetic: Incorporated the team's sketched icons throughout, establishing a cohesive visual language that felt approachable and creative

• Movement as Storytelling: Used animation to guide users through content progressively, creating narrative flow rather than information overload

• Directional Elements: Arrows lead users to prominent CTAs, mimicking the way designers annotate sketches and guide thinking

• Work-in-Progress Energy: Loose, sketch-like layouts that feel dynamic rather than rigid, suggesting creative process over corporate polish

• Playful Iconography: Custom illustrations appear throughout to add personality and visual interest while supporting content hierarchy

Technical Approach:

• Designed in Figma, creating a design system and component library

• Developed mood boards to establish visual direction and get stakeholder alignment early

• Created detailed interaction specifications for animations and transitions

• Collaborated closely with developer to ensure animations enhanced rather than distracted from content

Why Movement and Animation: Static layouts suggest finished thinking. Animation suggests active, ongoing creativity—which is exactly what clients hire agencies for. Strategic animation also guides user attention, creating a curated experience through content rather than forcing users to parse dense information independently.

Why the Hand-Drawn Aesthetic: Polished vector icons feel corporate and impersonal. Hand-drawn elements feel human, approachable, and creative. This visual style immediately communicates "we think creatively" before users read a single word. It also differentiates us from competitors using identical minimalist aesthetics.

Why Arrows and Directional Elements: Arrows serve dual purpose: they're wayfinding tools (functional) and visual metaphors for strategic thinking (conceptual). Clients hire us to guide their brand strategy—arrows literally show us doing that through the site experience.

Why "Loose" Rather Than "Tight" Layouts: Perfect grid systems and rigid alignment feel safe but uninspired. Slightly loose, asymmetric layouts with intentional imperfection suggest confidence and creative risk-taking. We're not afraid to break rules when it serves the experience.

This project offered unusual creative latitude compared to typical client work, where brand guidelines and stakeholder opinions often constrain exploration. However, the freedom came with responsibility: the website needed to represent our entire team's capabilities, not just my personal aesthetic preferences.

The Balance:

• Freedom to explore bold, unconventional design approaches

• Constraint of representing diverse team members' work and personalities authentically

• Freedom to use animation and interaction more liberally than risk-averse clients typically allow

• Constraint of maintaining usability and accessibility standards while pushing creative boundaries

The Result: A site that feels distinctively creative while remaining functional and accessible—demonstrating that good design doesn't sacrifice usability for aesthetics.

While we haven't tracked formal metrics like conversion rates or lead generation (common limitation for small agency internal projects), the qualitative feedback has been consistently positive.

Client and Professional Feedback: The team has shared praise from clients and professional connections who commented on the site's creativity and energy. For a brand agency, this perception of creative capability directly influences client confidence and project acquisition.

Internal Impact: The website serves as a reference point in client conversations—we can point to our own site as evidence of our approach to brand storytelling, visual identity, and user experience. It's easier to sell capabilities when you can demonstrate them on your own properties.

Design Leadership: The project positioned me as the creative lead for digital experiences within the agency, establishing trust that led to more complex client projects with greater creative autonomy.