Case Studies & Launches

Previous Work

Explore the collaborations, experiments, and client launches that have shaped my practice - each rooted in intentional design and thoughtful engineering.

In Progress

Work in Progress

Quick peeks at experiments on the bench - for fun and personal growth.

Skincare Brand Practice Site
A lightweight playground that stays intentionally superficial - ideal for testing layouts, hover states, and colour systems with zero production pressure.
Forge Fitness Tracker
Laying the groundwork for the Forge Fitness roadmap—progressive overload guidance, habit streak analytics, social challenges, and trainer dashboards (see GitHub plan).
Featured Build

Portfolio Site(You're exploring it now)

Role : Sole Designer & Developer

This site is my sandbox for pairing intentional art direction with engineering craft. Built on the Next.js App Router, it layers custom animation, reusable components, and polished narratives to showcase my client work and process.

Technology Used
  • Next.js 15 App Router
  • React 19
  • Node.js tooling
  • Tailwind CSS + DaisyUI
  • Font Awesome 7
Key Highlights
  • API-powered contact + download flows
  • Responsive, motion-rich storytelling
  • Accordion case studies with device-aware layouts
  • Accessible carousel + custom animation system
  • Instant CV preview & download links

Client Spotlight

Brandmark Agencies

Role: Sole Designer & Developer
Brandmark Agencies website screenshot
Project Description

Rebuilt the Brandmark Agencies marketing site on the Next.js App Router with a custom Tailwind design system, reusable brand pages, and storytelling that supports retailer outreach across Ireland.

Technology Used
  • Next.js 15 App Router
  • React 19
  • Tailwind CSS 4 with custom theme tokens
  • Next/Image for optimised media
  • Font Awesome 7 icon system
Key Features
  • Responsive layout tuned for mobile, tablet, and desktop
  • Hero carousel of lifestyle imagery with gradient overlays
  • Filterable portfolio and dedicated brand pages
  • Case-study section covering Secrid retail installations
  • Contact hub with obfuscated email/phone links and embedded Google Map
  • PWA metadata and structured data for richer sharing

Community Rebuild

Templeogue College Swim Pool

Role: Front End Developer, UI/UX Consultant
Templeogue College Swim Pool redesign preview
Project Description

This redesign modernises the Templeogue College Swim Pool website to improve wayfinding and accessibility. The refreshed experience makes it effortless for families to review class schedules, explore facility amenities, and register for sessions while staying inclusive for every visitor.

Technology Used
  • HTML
  • CSS
  • JavaScript
  • Python
  • Tailwind CSS
  • Django
  • SQLite (development)
  • MySQL (production)
Key Features
  • Responsive design for mobile and desktop
  • Improved navigation structure
  • Enhanced accessibility features
  • Modern visual design
  • Mobile friendly

Digital Storytelling Platform

Nomad Narratives

Role: Sole Developer
Nomad Narratives website screenshot
Project Description

Nomad Narratives is a storytelling platform for travellers to share their experiences, tag locations, and connect with fellow explorers. It enables immersive travel logs with rich media content, empowering the community to discover new destinations through curated narratives.

Technology Used
  • HTML
  • CSS
  • JavaScript
  • ReactJS
  • React Router
  • React Bootstrap
  • Python
  • Django
  • SQLite (development)
  • PostgreSQL (production)
Key Features
  • Interactive story creation with media uploads
  • Location-based story discovery
  • User networking and following system
  • Travel route planning and sharing
  • Mobile friendly

Restaurant Experience

La Luna

Role: Sole Developer
La Luna website screenshot
Project Description:

La Luna is a website for a fictional restaurant that allows users to browse the menu, make reservations, and learn about the restaurant's history. A sophisticated restaurant website featuring an elegant design that captures the ambiance of fine dining. The site includes interactive menu browsing, online reservation system, and rich storytelling about the restaurant's heritage and culinary philosophy.

Technology Used
  • HTML
  • CSS
  • JavaScript
  • Django
  • SQLite (development)
  • PostgreSQL (production)
Key Features
  • Interactive menu with detailed dish descriptions
  • Online reservation booking system
  • Photo gallery showcasing ambiance and cuisine
  • About section with restaurant history
  • Mobile friendly

Narrative Game

Echoes of the Abyss

Role: Sole Developer
Echoes of the Abyss website screenshot
Project Description

Echoes of the Abyss is a choose-your-own-adventure experience set inside a deserted research facility. Players traverse atmospheric environments, collecting clues and making choices that branch into multiple endings, each underscored by bespoke sound design and layered storytelling.

Technology Used
  • HTML
  • CSS
  • Python
  • JavaScript
Key Features
  • Branching storylines with multiple endings
  • Atmospheric sound design and visuals
  • Decision tracking and consequences
  • Immersive environmental storytelling
  • Mobile friendly

Retro Mini Game

Byte Battles

Role: Sole Developer
Byte Battles website screenshot
Project Description

Byte Battles is a retro-inspired tic-tac-toe experience with single-player and local multiplayer modes. Nostalgic pixel accents meet a minimal interface to keep gameplay intuitive for kids, casual gamers, and anyone looking for a quick challenge.

Technology Used
  • HTML
  • CSS
  • JavaScript
Key Features
  • Turn-based strategic gameplay
  • Multiple game shapes and variations
  • AI opponent with difficulty levels
  • Score tracking and game statistics
  • Mobile friendly

Wellness Landing Page

Peaceful Path

Role: Sole Developer
Peaceful Path website screenshot
Project Description

Peaceful Path introduces a mindfulness programme through a calming single-page experience. Soft gradients, measured typography, and guided storytelling invite visitors to learn about the benefits of meditation and take the first step toward a calmer routine.

Technology Used
  • HTML
  • CSS
Key Features
  • Calming and peaceful design aesthetic
  • Introductory landing page
  • Program information and benefits
  • Mobile friendly