Digital Design

HTML • CSS • JavaScript • Cloudinary • Curator.io

• End-to-end development: design, copywriting, hand-coded implementation
• Integrated Cloudinary CDN and custom lightbox for performant image galleries
• CSS animation sequences reflecting over-the-top experiential brand identity
• Achieved 98 performance / 100 accessibility with optimized assets and semantic code

HTML • CSS • JavaScript • Calendly

• Architected scalable showcase platform for multi-discipline event production company with client self-service capabilities
• Implemented SquareSpace for integrated booking calendar, team access, and industry-standard presentation within budget
• Reimagined SquareSpace blog posts to meet client's portfolio display requirement, with integrated tag navigation
• Developed tag navigation matrix filtering 20+ case studies by workflow capability beyond platform defaults

HTML • CSS • Fluid Engine

• Challenge: Develop a Tag-Based Portfolio Site For Prospect Presentation
• Solution: Combined native blog posts and tag cloud system to create high-volume capability filtering
• Leveraged undocumented tag architecture enabling dynamic navigation across 27 workflow-specific categories
• Structured projects with multiple tags for cross-referenced access beyond standard collection templates

HTML • CSS • JavaScript

• Sequential CSS Animation: Coordinated page-load sequence with staggered navigation reveals, logo transitions, and falling hearts
• Javascript Driven Transformation: Orchestrates section loads through class additions and precise timing delays
• Performance-Optimized Animation Control: SessionStorage prevents animation replay on subsequent page loads within session
• Bento Grid Layout: CSS Grid asymmetric layout maintained across breakpoints using discrete media queries

HTML • CSS • JavaScript

• Sequential CSS Animation: Coordinated page-load sequence with staggered navigation reveals, logo transitions, and falling hearts
• Javascript Driven Transformation: Orchestrates section loads through class additions and precise timing delays
• Performance-Optimized Animation Control: SessionStorage prevents animation replay on subsequent page loads within session
• Bento Grid Layout: CSS Grid asymmetric layout maintained across breakpoints using discrete media queries

HTML • CSS • JavaScript

• Challenge: Embedded player from generic music sites did not meet clients artistic aesthetic
• Solution: Bespoke HTML5 player
• Branded Audio Interface: Features client's theme
• Interactive Playlist System: JavaScript-powered album and track selection, UI updates, and active playback controls