Icon

Anthony Brady Portfolio

A modern, performant portfolio website showcasing design work through clean aesthetics and strategic UX

View Live SiteRead case study

Project Overview

A complete redesign and rebuild of Anthony Brady's digital presence as a graphic designer, creating a platform that effectively showcases his work while demonstrating modern web design principles and technical excellence.

Anthony Brady portfolio desktop view showing clean hero section and navigation
Anthony Brady portfolio iPad view optimized for tablet browsing
Anthony Brady portfolio mobile view with responsive design
Visit Live Site

Timeline

1 week (June 2025)

Role

Solo Designer & Developer

Technologies

Astro, TailwindCSS, TypeScript, MDX

The Challenge

Anthony Brady, a talented graphic designer based in Ireland, needed a portfolio that would effectively showcase his diverse work while providing an optimal experience across all devices and demonstrating his creative capabilities to potential clients.

Key Research Insights

Analysis of successful designer portfolios and user behavior patterns revealed critical factors for effective portfolio presentation.

Most successful portfolios lead with work, not lengthy bios. Visual impact drives engagement.

Many clients will first discover Anthony's work on mobile devices, requiring mobile-first design.

White space is crucial for letting work speak for itself without visual competition.

Design Process

The design process focused on creating a minimal but purposeful experience where every element serves Anthony's work and business goals.

Design & Technical Challenges

How do you showcase diverse work beautifully, without sacrificing speed or usability?

Loading positions...

Key Solutions

Drag the cards to explore ideas!

Visual Design System

The design system reflects Anthony's aesthetic while maintaining focus on his work through thoughtful typography, color, and layout decisions.

Typography System

Font Families: Montserrat (headings) + Inter (body)
The quick brown fox
Heading 1
3rem / 700
Montserrat
Page titles
The quick brown fox
Heading 2
2rem / 600
Montserrat
Section headers
The quick brown fox
Heading 3
1.5rem / 600
Montserrat
Subsections
The quick brown fox
Body
1rem / 400
Inter
Main content
The quick brown fox
Caption
0.875rem / 400
Inter
Supporting text

Color Palette

Primary

#768E83

Sage Green - Calming, sophisticated accent

Background

#FFFFFF

Clean white for content focus

Muted

#F8F9FA

Warm gray for subtle sections

Text

#1F2937

High contrast for readability

Muted Text

#6B7280

Secondary text content

Layout Principles

Masonry Grid

Accommodates varied aspect ratios while maintaining visual rhythm

White Space

Generous spacing lets Anthony's work speak for itself

Hierarchy

Clear content priorities guide attention to strongest pieces

Tech stack

Built with Astro for optimal performance, the technical architecture prioritizes speed, maintainability, and excellent developer experience.

🚀

Astro

🎨

TailwindCSS

📝

TypeScript

📄

MDX

✨

Motion

🔧

Lucide Icons
✨
✨
✨
✨
✨
✨AI Enhanced

This project strategically incorporated AI assistance throughout development, demonstrating how modern designers can leverage these tools effectively while maintaining creative control.

Strategy & Vision

Define goals, requirements, UX decisions

Human Led

Code Generation

Generate components, utilities, boilerplate

AI Assisted

Review & Refine

Customize, test, ensure quality

Human Led

Results

The new portfolio delivered significant improvements in performance, user experience, and business impact for Anthony's design practice.

Case Study Screens

Key screens designed to showcase Anthony Brady's work.

anthonyb.net
Project gallery grid layout displaying Anthony's diverse design work

Project Gallery

Masonry grid layout effectively displays diverse portfolio pieces while maintaining visual consistency and easy navigation.

anthonyb.net
Individual project page hero section showing detailed case study presentation

Project Details

Each project features a dedicated case study page with comprehensive project information and clear visual storytelling.

UI Components & Features

Strategic interface elements that enhance user experience and drive client engagement.

anthonyb.net
Contact page with clean form design and clear call-to-action

Contact Experience

Streamlined contact process with clear call-to-action and professional presentation that converts visitors to inquiries.

anthonyb.net
Skills section showing Anthony's design capabilities and expertise areas

Skills Showcase

Clear presentation of Anthony's design capabilities with modern iconography and thoughtful information architecture.

anthonyb.net
Call-to-action section encouraging potential clients to get in touch

Strategic CTAs

Well-placed call-to-action elements throughout the site guide potential clients toward making contact at key decision points.

Reflection

This project reinforced the importance of understanding client goals beyond aesthetics, while demonstrating how AI can enhance the design process without replacing human creativity.

Let's Connect

Interested in discussing this project or potential opportunities? I'd love to hear from you.