Resume · v.2026

Krissie Shelley.Senior UX/UI Engineer & Design Technologist

Senior UX/UI Engineer & Design Technologist

Summary

Multidisciplinary UX/UI Engineer and Design Technologist with 12+ years of hands-on experience designing, prototyping, and engineering complex business web applications, and over 25 years of overall digital product experience. Expert in bridging the gap between design strategy and production frontend code. Specializes in converting complex UI/UX wireframes and mockups into pixel-perfect, accessible, and reusable frontend components. Highly proficient in React, MUI, Tailwind, SASS, TypeScript, and modern build pipelines. Passionate about staying up-to-date with the latest frontend technologies, and a proven collaborator in Agile/Scrum environments using Git-based version control.

Technical skills & expertise

UX/UI Engineering (8+ Years)
End-to-end UX/UI design · Complex wireframes · High-fidelity mockups · User research · Usability testing · Information architecture · Interaction design · Accessibility (WCAG) · Scalable design systems
Design & Prototyping Tools (8+ Years)
Figma · Adobe XD · Miro · Adobe Creative Suite (Photoshop, Illustrator, InDesign) · Framer · Affinity Designer
Frontend Development (8+ Years)
React (8+ years) · MUI / Material UI (8+ years) · HTML5 & CSS3 (8+ years) · SASS & Tailwind CSS (8+ years) · JavaScript & TypeScript (6+ years) · Semantic HTML · API integrations
Build Tools & CI/CD Pipelines
Webpack · Babel · NPM · Yarn · Git-based version control · CI/CD pipelines
Methodologies & Culture
Agile · Scrum · Cross-functional collaboration · Active communication · User behavior tracking · Conversion optimization

Professional experience

  1. Naturally Human DesignsSenior UX/UI Engineer & Consultant

    Oct 2023 — Present · West Valley City, UT

    AI-Native Design Studio and Product Consultancy specializing in business web applications and rapid prototyping.

    • Frontend Engineering: Architect and ship production-ready business web applications using React, TypeScript, MUI, SASS, and Tailwind CSS.
    • Build & Deployment Pipelines: Extensive experience utilizing NPM, managing modern frontend build pipelines, and configuring Git-based version control with automated CI/CD pipelines.
    • Design-to-Component Conversion: Convert complex UI/UX designs and layouts directly into clean, optimized frontend components, reducing client time-to-market.
    • Complex Wireframing & Prototyping: Leverage Figma and Adobe XD to design interactive dashboards, data visualizations, and high-fidelity mockups for clients, including a complete digital ecosystem for Vet-Ray by Sedecal (integrated with Supabase, Google Analytics and SalesForce).
    • Agile Collaboration: Facilitate discovery workshops and sprint planning with cross-functional stakeholders in Agile/Scrum environments to validate user flows and system architecture.
  2. SalesRabbitSenior UX/UI Engineer (Product Designer)

    May 2022 — Oct 2023 · Lehi, UT

    B2B SaaS sales engagement platform serving thousands of field sales reps.

    • Architecture Migration: Served as the critical bridge between product and engineering to lead the transition of the enterprise platform from legacy structures to a modern, responsive React and MUI-based architecture.
    • Component Development: Successfully converted highly complex design systems and mockups into scalable, reusable frontend components utilizing HTML, CSS, SASS, and React.
    • Complex Prototyping: Designed complex wireframes, interactive user flows, and mockups in Figma to streamline B2B pipeline management and partner integrations.
    • Agile/Scrum Teamwork: Collaborated daily in an Agile/Scrum environment with product managers, QA, and frontend developers to ensure technical feasibility, performance, and WCAG accessibility compliance.
  3. Freelance UX DesignUX/UI Engineer & Consultant

    Oct 2021 — May 2022 · Salt Lake City, UT

    Partnered with early-stage startups to design and prototype complex, data-heavy business web applications.

    • SaaS Data Overhaul: Designed complex wireframes and interactive mockups for Blubrry Podcast Services, translating raw creator metrics into intuitive, decision-driving visual dashboards.
    • Frontend Prototyping: Converted visual designs into semantic HTML/CSS and SASS layouts, prototyping core workflows for startups (e.g., FarmRaise's agricultural grant application flows).
  4. SuralinkUX/UI Engineer

    May 2019 — Jun 2021 · Salt Lake City, UT

    B2B SaaS audit request management platform for accounting firms and their clients.

    • Design System Ownership: Established Suralink's first unified design system in Figma, creating a scalable component library. Hand-coded and converted UI/UX designs into robust React components using SASS.
    • Secure Business Applications: Designed complex, secure file-sharing workflows and audit tracking dashboards that maintained strict regulatory and HIPAA compliance.
    • Git & CI/CD Pipelines: Managed frontend assets using Git-based version control and collaborated with dev teams to build and deploy web application updates.
    • Agile Methodologies: Actively participated in Scrum ceremonies, sprint planning, and backlog grooming to deliver features on a tight product roadmap.
  5. Nav TechnologiesSenior UX/UI Engineer (Product Designer)

    Jan 2014 — Jan 2019 · Salt Lake City, UT

    Fintech platform helping small business owners understand and build their business credit.

    • Business Web Applications: Designed interactive dashboards, financial calculators, and credit-monitoring tools, converting complex financial structures into intuitive visual mockups using Adobe XD, Sketch & InVision.
    • Component Translation: Collaborated directly with frontend engineering squads to convert high-fidelity designs into responsive, cross-browser compatible frontend components using HTML, CSS, SASS, and JavaScript/TypeScript.
  6. VariousWeb Developer & Designer

    1998 — 2014

    Foundational years — hand-coded HTML/CSS websites that shaped a lifelong sense of how code constraints shape UX.

    • Hand-Coding Foundation: Started as an HTML programmer in 1998, hand-coding websites using semantic HTML, SASS, and JavaScript before modern frameworks existed—developing a native, deep-seated mastery of the web.