JenniferAdams

Software Engineer · Design Systems & UX

Jennifer Adams

Hi, I'm Jennifer.

I'm a software engineer who designs. Before moving into engineering, I spent over a decade as a photographer and a college instructor teaching digital photography and Photoshop. That background still shapes how I think about visual hierarchy, clarity, and how people learn an interface.

My work often sits at the intersection of engineering, design, content, and marketing. I design layouts and user flows in Figma, build them in Vue and Nuxt, and create the design systems and reusable components that keep web experiences polished, practical, and aligned with real business goals.

When I'm not coding, you'll find me hanging out with my family, puttering in the garden, or slowly converting my lawn into a native plant haven.

Skills & Technologies

  • Design: Figma, design systems, component libraries, Adobe Creative Suite (Photoshop, Illustrator, Lightroom), user flows, wireframing, prototyping, usability testing, interaction design, data visualization
  • Frontend: Vue, Nuxt, React, TypeScript, JavaScript, Tailwind CSS, HTML/CSS, component APIs, accessibility (WCAG), performance
  • Backend & Data: C#, SQL, ColdFusion, REST APIs, Sanity CMS
  • Tooling & Workflow: Git, Playwright, CI/CD, analytics (PostHog, GA), technical SEO, AI-assisted development (Claude, Codex) and AI-ready component guidelines

Work Projects

Design System and Component Library

  • Challenge

    New product and eLearning experiences needed a shared set of interface patterns. Without one, pages drifted visually and new components were built one-off, making the product harder to maintain and less intuitive for learners and internal teams.

  • Actions

    Designed components, layouts, and user flows in Figma, then built them as reusable Vue/Nuxt components with Tailwind CSS. Created a living style guide in the codebase showing every building block in code, from colors, type, and buttons in every state to form controls, icons, and modals. Wrote llms.txt guidance so AI tools reuse existing components first and only create new ones when nothing fits.

  • Impact

    Gave designers, developers, and AI tools one shared reference for building any page or lesson. Improved consistency and usability, reduced one-off components, and created patterns that scale across the entire app.

Dynamic Landing Page System

  • Challenge

    Marketing needed a faster way to publish targeted, SEO-focused landing pages for campaigns, long-tail keywords, gated downloads, and audience-specific offers without creating one-off development requests for every page.

  • Actions

    Built a Vue/Nuxt + Sanity landing-page system with a dynamic [...slug].vue route and reusable CMS-driven components, including hero sections, FAQs, comparison tables, CTAs, testimonials, forms, and gated download options. Integrated forms with internal support workflows and Salesforce.

  • Impact

    Enabled marketing to launch targeted pages quickly within a consistent design system, reducing developer dependency while supporting SEO, A/B testing, campaign launches, and lead capture.

Custom Client Portals

  • Challenge

    Legacy ColdFusion portals and an outdated cart required custom code for each new client portal, making launches slow, repetitive, and difficult to maintain.

  • Actions

    Rebuilt the portal experience with Vue/Nuxt, modern cart and authentication flows, database integrations, and Sanity-powered configuration for branding, pricing, and product selection.

  • Impact

    Created scalable portals used by enterprise clients and reduced portal creation time from days to minutes.

Reports Home - Project Tracking Software

  • Challenge

    Users struggled to find and manage reports in a legacy Reports Home experience that was outdated, difficult to navigate, and missing core functionality such as search, filtering, sorting, and pinning.

  • Actions

    Built a new Vue/Nuxt front end integrated with ColdFusion and SQL. Added search, filtering, sorting, pinning, pagination, permission handling, and a more intuitive information architecture.

  • Impact

    Delivered a modern reporting hub that made reports easier to locate, organize, and manage while improving the overall user experience.

SEO Research and Implementation

  • Challenge

    Core course and product pages needed stronger search visibility, clearer content structure, and more consistent technical SEO foundations.

  • Actions

    Ran keyword research, rewrote metadata, added structured data, improved internal linking, optimized layouts, refreshed outdated content, and helped build pillar content around strategic topics.

  • Impact

    Strengthened organic search foundations for key product and course pages while improving content quality, discoverability, and site structure.

ISSISSIPPI Microsite

  • Challenge

    A legacy April Fools microsite was broken, outdated, difficult to update, and built in an older ColdFusion implementation.

  • Actions

    Rebuilt the microsite end to end in a modern front-end stack, recreating interactive gadgets, playful content, and branded UI patterns with a rapid turnaround.

  • Impact

    Delivered a refreshed interactive experience that preserved the humor of the original site while improving maintainability, usability, and brand personality.