Case study · Portfolio Website / Web Experience

Enrique Reyes Portfolio Website

Interactive personal portfolio

A Frutiger Aero-inspired personal portfolio that brings together project case studies, a photo gallery, an interactive minigame, and an ambient music player.

PERSONAL PROJECTWeb
Enrique Reyes portfolio website shown in a bright Frutiger Aero scene.
Role
Designer and Developer
Platform
Web
Team
1 Developer on the Team

Technologies

Next.jsTypeScriptReactCSSWeb Audio APIVercel

01

Overview

This portfolio is a personal web experience designed to present Enrique's work, academic path, interests, and interactive experiments in one cohesive place.

02

Problem & goal

Create a memorable portfolio that feels personal and playful while keeping projects, skills, education, and contact information clear and easy to browse.

03

Solution

The site combines a responsive Next.js interface with Frutiger Aero-inspired visuals, accessible navigation, a persistent progress overview, a curated media gallery, and small interactive details that invite exploration.

04

Key features

  • Responsive project case studies
  • Portfolio overview and browsing progress
  • Personal image gallery
  • Background music playlist with credits
  • Interactive Aero Liminal Runner minigame
  • Light, dark, and reduced-motion options

05

Enrique's contribution

  • Visual direction and interaction design
  • Next.js and TypeScript implementation
  • Responsive layout and accessibility work
  • Project, gallery, and music-player integration
  • Minigame design and implementation
  • Deployment configuration

06

Technical considerations

  • Keeping decorative animation optional and respecting reduced-motion preferences
  • Making audio controls work reliably across modern browsers
  • Maintaining clear navigation as interactive content grows

07

What was learned

Building the portfolio strengthened Enrique's ability to shape a full web experience from content structure and visual identity through interaction details, accessibility, and deployment.