Schram Industries
I partner with organizations to craft digital experiences that are beautiful, accessible, and built to last.
Jeff Schram
Lead front-end developer and engineering team manager with 20+ years of professional experience creating beautiful, responsive, and accessible web and mobile experiences for artists, non-profits, startups, and global corporations.
I bridge design and technology to create fast, accessible, and human-centered interfaces. My work spans front-end development, accessibility, and UX/UI consulting—crafting solutions that balance precision, usability, and creativity.
As a musician and woodworker/sculptor, I bring hands-on artistry to digital work. Together with my wife, multimedia artist Holly Danger, I co-run an immersive video art gallery through Schram Industries, where we fuse storytelling, technology, and visual design into experiences built to inspire.
I blend solid engineering with thoughtful design, focusing on the craft of how things look, feel, and function. My work spans areas like:
- Front-end architecture in React, Next.js, and TypeScript, built for performance and accessibility
- UX/UI consulting and design systems that turn complex ideas into cohesive, intuitive interfaces
- CMS and API integration to connect dynamic content with responsive, maintainable layouts
- Creative technology that brings motion, video, and 3D elements to life in the browser
Open to contract and full-time opportunities.
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