Maya Portfolio

Client: Maya Role: Designer & Developer Year: 2026 Type: Portfolio
Ruby on Rails Tailwind CSS Hotwire Stimulus Turbo Frames

The Problem

Maya needed a professional portfolio site to showcase her client work and creative projects. The site needed to feel polished but personal, with an easy way for potential clients to get in touch. Key challenge was making the contact flow seamless without being intrusive.

The Approach

Built a Rails 8 portfolio with a data-driven client/project structure powered by a YAML config. Implemented a floating contact bubble that lazy-loads a form via Turbo Frames — appearing as a subtle floating button that expands into a full contact form without page navigation. The nav integrates with the bubble via custom Stimulus events.

Outcomes

Delivered a clean, fast portfolio with a frictionless contact flow. The YAML-driven project structure means Maya can update her portfolio by editing a config file — no CMS needed. The floating contact bubble increased engagement by making the contact action always one click away.

Projects
3:55:01 PM