--- title: "My UX Development & Design Systems Work" date: 2009-02-25 author: "Phillip Lovelace" categories: - name: "Uncategorized" url: "/blog/category/uncategorized.md" --- # My UX Development & Design Systems Work ## Featured Projects Design systems built at scale ![Pine Design System documentation website](/wp-content/uploads/2025/12/pine-welcome.png) ![Pine chip component documentation](/wp-content/uploads/2025/12/pine-chip.png) ### Pine Design System Kajabi Kajabi’s design system, built to keep product UI consistent. Pine includes custom web components, a token-based theming layer, an SVG icon library, and Storybook-driven docs. - UX Development - Web Components - React Components - Design Tokens - HTML/CSS/JS - Documentation - Developer Support - System Maintenance ![Sage Design System homepage](/wp-content/uploads/2023/11/sage-home-thumb.jpg) ![Sage Hero component documentation](/wp-content/uploads/2023/11/sage-internal-thumb.jpg) ### Sage Design System Kajabi The design system that came before Pine. Sage had reusable Rails ViewComponents and React components, an SCSS architecture with design tokens, layout primitives, and utility helpers. - UX Development - Rails Components - React Components - HTML/CSS/JS - Documentation - Developer Support - System Maintenance ## Professional Work Product teams & startups ![Touchpoint dashboard interface](/wp-content/uploads/2019/10/tp-dashboard.jpg)### Touchpoint Education Elements Project management tool for school districts. Built the AngularJS frontend, handled UI design from wireframes to production, and led user research. - User Research - Visual Design - Prototyping - HTML/CSS - Angular JS ![Touchpoint Mobile app interface](/wp-content/uploads/2019/10/tp-mobile.jpg)### Touchpoint Mobile Education Elements Cross-platform mobile app on Ionic and AngularJS. Designed the UI and themed components to match Touchpoint’s existing design language. - Visual Design - Prototyping - HTML/CSS - Angular JS - Ionic Theming ![Touchpoint style guide documentation](/wp-content/uploads/2019/10/ee-styleguide.jpg)### Touchpoint Style Guide Education Elements Living style guide with live code examples in AngularJS. Built so the team could reference and reuse UI patterns across the product. - Prototyping - HTML/CSS - Angular JS ![Touchpoint concept prototype](/wp-content/uploads/2019/10/tp-concept.jpg)### Touchpoint Concept Education Elements Functional prototype built after user research revealed UX gaps in Touchpoint. AngularJS and Ionic, testing new patterns before production. - User Research - UI Design - Prototyping - HTML/CSS - Angular JS - Ionic ![Fixya product support platform](/wp-content/uploads/2019/10/fixya.jpg)### Fixya Fixya Inc. Product support community with 30M+ monthly visitors. Owned the frontend, built responsive layouts, and prototyped features across a high-traffic codebase. - Prototyping - HTML/CSS - Frontend Development - Project Management ![Fixya mobile website](/wp-content/uploads/2019/10/fixya-mobile.jpg)### Mobile Website Fixya Inc. Fixya’s first mobile web experience, built after analytics showed rising mobile traffic. Led frontend architecture, prototyping, and project management. - Project Lead - Prototyping - HTML/CSS - Frontend Development ![6ya website](/wp-content/uploads/2019/10/6ya.jpg)### 6ya Website 6ya Responsive marketing site for a voice and video repair startup. Built the frontend mobile-first with clean, semantic markup. - Prototyping - Frontend Development - HTML/CSS - Responsive Design ![6ya web application](/wp-content/uploads/2019/10/6ya-mobile.jpg)### 6ya Web Application 6ya Client-facing web app for 6ya’s voice and video repair service. Built the responsive frontend and prototyped the call flow UI. - Prototyping - Frontend Development - HTML/CSS - Responsive Design ## Freelance & Side Projects Client work & personal builds ![stockpile package manager dashboard](/wp-content/uploads/2026/03/product-image.png)### stockpile [Visit site](https://stockpile.pixelflips.com) Open source Mac tool that scans every package manager and opens a browser dossier of your entire arsenal. One bash script, no server, nothing leaves your machine. - Bash - HTML/CSS/JS - Open Source - macOS ![Superior Diamond Coating website](/wp-content/uploads/2024/03/superior.jpg)### Superior Diamond Coating Custom PHP site for a concrete coating company. Responsive layout, semantic markup, lightweight codebase with no framework overhead. - PHP - Frontend Development - HTML/CSS - Responsive Design ![Excellent TC website](/wp-content/uploads/2023/03/excellent-tc.jpg)### Excellent TC [Visit site](https://excellent-tc.com/) PHP-based site for a real estate transaction coordinator. Responsive frontend build with custom layouts and form handling. - PHP - Frontend Development - HTML/CSS - Responsive Design ![Willows Day Spa website](/wp-content/uploads/2019/10/willows-spa.jpg)### Willows Day Spa WordPress site designed and built mobile-first for an award-winning spa. Custom theme, clean responsive CSS, no page builders. - UI Design - Mobile-First Development - WordPress > “We love our new website by Phillip and highly recommend him…” — Heather Fuller, Owner ![Fort Morgan Mardi Gras Parade website](/wp-content/uploads/2023/11/ft-morgan-mardi-gras-thumb.jpg)### Fort Morgan Mardi Gras Parade Annual event site with photo galleries, schedules, and registration forms. Built on custom PHP with hand-written HTML, CSS, and JS. - UI Design - PHP - HTML/CSS - JavaScript ![Lovelady Creations website](/wp-content/uploads/2015/03/lc-shot.jpg)### Lovelady Creations Responsive WordPress theme for an artist’s portfolio and online shop. - Responsive Design - WordPress > “Phillip is genius at understanding my product and website needs…” — Amy Strickland, Studio Owner Earlier Client Work ▼ ![Southern Fishing News website](/wp-content/uploads/2015/03/sfn-shot.jpg)### Southern Fishing News Custom WordPress theme and layout for a fishing industry publication. - Visual Design - WordPress > “Phillip designed and built an all-new Southern Fishing News website…” — Ronnie McDonald, Publisher ![Postcards from Berlin website](/wp-content/uploads/2009/02/pfb-screenshot.png)### Postcards from Berlin - HTML/CSS - Frontend Development > “Phillip has a great passion for pixel-perfect style sheets…” — Gabriel Shalom ![10k VacatRentals website](/wp-content/uploads/2009/02/10k-screenshot.png)### 10k Vacation Rentals - Visual Design - HTML/CSS - JavaScript > “Phillip designed and coded an all-new design for our website…” — 10k Owner ![TruPro Painting website](/wp-content/uploads/2009/02/trupro-screenshot.png)### TruPro Painting Co. - Visual Design - HTML/CSS - JavaScript > “I had no idea how to explain the concept I had for our site…” — TruPro Owner ![NeighborCity real estate platform](/wp-content/uploads/2009/02/nc-screenshot.png)### NeighborCity Frontend build for a real estate startup. Custom UI, semantic HTML, and hand-written CSS. - Visual Design - HTML/CSS - JavaScript > “Phillip lead the creative design, front-end coding, and flew all the way from Germany…” — NeighborCity CEO ![Hummingbird Lane art gallery website](/wp-content/uploads/2009/02/hummingbird-screenshot.png)### Hummingbird Lane CMS-driven site for an art gallery with custom layouts for exhibitions and events. - Visual Design - HTML/CSS - CMS > “As an art gallery, we had special needs to promote our business…” — Gallery Owner ![Dahlonega Merchants Association website](/wp-content/uploads/2009/02/dma-screenshot.png)### Dahlonega Merchants Custom design and frontend build for a downtown merchants association site. - Visual Design - HTML/CSS - CMS > “When working on the redesign of our site, I was concerned…” — DMA President ![Dahlonega Weddings website](/wp-content/uploads/2009/02/dw-screenshot.png)### Dahlonega Weddings - Visual Design - HTML/CSS - CMS > “Our idea was a concept that was extremely difficult to define…” — DW Owner ![Eats.com website](/wp-content/uploads/2009/02/eats-screenshot.png)### Eats.com - Visual Design - HTML/CSS > “Phillip is a creative designer that has made a major impact…” — Eats.com CEO