Jeff Schram
Front-end engineer and strategic partner delivering digital experiences that are beautiful, accessible, and built to last.
20+ years of frontend development expertise spanning HTML, CSS, JavaScript, and web accessibility standards. Specializing in React/Next.js applications while bringing modern component-based design system principles to any platform. I combine deep technical foundation with AI-assisted workflows to deliver performant, accessible, and maintainable solutions.
I bridge design and technology with a human-centered focus, shaping interfaces where clarity, usability, and creative intent come first. Informed by my background as a musician and woodworker/sculptor, I approach digital work with an artist and craftsman's mindset. Alongside my wife, multimedia artist Holly Danger, I co-run the immersive video art space Danger Gallery, where we blend storytelling, visual design, and technology into experiential projects built to engage and inspire.
- Human-centered & accessible interface designCreating clear, usable digital experiences grounded in inclusive design and accessibility best practices
- UX/UI strategy & design systemsTranslating complex ideas into cohesive, intuitive systems that scale across platforms
- Accessibility leadership (IAAP)Professional Member of the International Association of Accessibility Professionals, applying standards-driven, real-world accessibility to modern interfaces
- Creative & experiential technologyIntegrating motion, video, and immersive visual elements to bring digital experiences to life
Selected Work
3D Configurator for a Growing Product Line
With Crush & Lovely, I served as Lead Front-End Developer and team manager for the Rooms To Go Configurator—a Next.js and React web app that lets customers and in-store associates design modular sectional sofas in real time. I built the interface and custom connection-logic system from scratch, integrated store-specific inventory and pricing via the company's internal API, and collaborated on UX to ensure a seamless, responsive experience. The success of the initial launch led to a master Configurator platform supporting multiple modular product lines and driving a significant boost in sales.
Design System Refresh for AHA
I was a front-end developer on the American Heart Association's Well-being Works Better site, redesigning and rebuilding it within their existing Sitecore CMS. Our team created new React and SCSS components and refreshed legacy ones to modernize the design system. I also built an internal React tool that generated dynamic stylesheets, allowing legacy components to adopt the new look while supporting scalable, custom components for future updates.
AnswerQuest
I led front-end development for the AnswerQuest.ai marketing site and AI chat interface. AnswerQuest helps schools and communities improve communication through conversational AI. I built responsive, high-performance React interfaces for both the public site and chat experience—handling UI design, interaction logic, and integration with backend services—so users could explore and engage with the product seamlessly across devices.
Crush & Lovely
During my tenure at Crush & Lovely, I provided design and UX consulting while leading front-end development for the agency’s flagship site and internal products. I built the front-end in Next.js and integrated with the Prismic CMS to power dynamic, content-driven pages. I also designed and implemented custom animated interactions and transitions, ensuring the site felt lively and polished. The result is a site that feels dynamic and intentional—where responsive layouts and motion design work together to enhance the overall experience.
Skills & Focus Areas
Core Front-End Development
- Front-End Development
- Responsive Design
- Progressive Enhancement
- Cross-Browser Compatibility
- Component Architecture
- State Management
- Client-Side Rendering
- Server-Side Rendering (SSR)
- Static Site Generation (SSG)
- API Integration (REST/GraphQL)
- Performance Optimization
UX, UI & Accessibility
- UX/UI Consulting
- Design Systems
- Atomic Design
- Wireframing & Prototyping
- Design Collaboration
- Usability Testing
- Information Architecture
- Interaction Design
- Accessibility QA (WCAG/ARIA)
- Mobile-First Development
Tools, Frameworks & Practices
- React.js / Next.js
- TypeScript
- JavaScript (ES6+)
- HTML5 & Semantic Markup
- CSS3 & Advanced Layout (Flexbox/Grid)
- Styled Components / CSS-in-JS
- Tailwind CSS
- Package Management (npm/yarn/pnpm)
- Agile & Scrum Collaboration
- Cloud & Deployment Platforms (Vercel/Netlify)
Performance & QA
- Performance Optimization
- Web Vitals Tuning
- Code Review & QA
- Automated Testing (Unit/Integration/E2E)
- Debugging & Troubleshooting
- Continuous Integration / Deployment (CI/CD)
- Version Control (Git)
- Security Best Practices
- SEO-Friendly Development
- Documentation & Knowledge Sharing
Leadership & Collaboration
- Team Leadership & Mentorship
- Project Planning & Scoping
- Technical Architecture Oversight
- Cross-Disciplinary Collaboration (Design/Dev)
- Client Communication & Presentation
- Codebase Standards & Best Practices
- Process Improvement & Workflow Optimization
- Hiring & Onboarding Support
- Stakeholder Alignment
- Agile Sprint Leadership
Creative Technology & Interactive Media
- UX-Driven Animation & Motion Design
- Creative Coding (WebGL/Canvas)
- Interactive Installations & Projection Mapping
- Generative Art & Data Visualization
- Real-Time Rendering Pipelines
- Video Integration (Web & Mobile)
- Hardware/Software Integration (Sensors, MIDI, OSC)
- AI & Chat Interface Prototyping
- 3D/AR/VR Web Experiences
- Experimental Web Concepts & Storytelling