Frontend Engineer & Product Designer

Jesse J.
Anderson

Solving problems and crafting thoughtful user experiences backed by 20 years of design expertise and modern frontend development skills.

Portfolio

Selected Work

A selection of projects showcasing frontend development, iterative design, and UX research across consumer products, SaaS platforms, and digital experiences.

2025-2026Developer & Designer

Flux for Bluesky

Flux is an iOS client for Bluesky built with React Native, Expo, TypeScript, and Tailwind/Uniwind. I designed and developed it as a solo project to create a visually polished, customizable, and powerful third-party Bluesky client.

The app uses a liquid glass interface with translucent navigation bars and elements. I implemented extensive customization options: users can choose from multiple theme colors which are reflected throughout the app, select custom app icons, reposition the navigation bar and action buttons, and choose from multiple layout options.

Performance was a key focus. I used FlashList for virtualized scrolling to handle long timelines efficiently, and spent time optimizing rendering to keep scrolling smooth even with complex post layouts including images, videos, link previews, and quoted posts.

The app includes full direct messaging support using Bluesky's chat API. The composer supports images, GIFs, alt text support, and syntax highlighting.

Flux launched on the App Store in January 2026 after a successful TestFlight beta with over 100 users.

Details

Built native iOS app with React Native and Expo, integrating the AT Protocol for Bluesky connectivity

Designed custom liquid glass interface elements for navigation

Created extensive customization options: theme colors, custom app icons, flexible navigation positioning, and swipeable feeds

Optimized performance with FlashList virtualization for smooth scrolling through thousands of posts

Conducted beta testing with 100+ TestFlight users to refine UX and identify issues before public launch

Mobile DevelopmentReact NativeUX Design
2025-2026Cofounder and Head of Product/Design

Wavepal

Wavepal is a social CRM designed to help people maintain meaningful relationships without guilt or pressure.

Before building anything, we ran a comprehensive survey that confirmed people universally struggle with staying connected, and existing tools were failing them. User interviews revealed that most relationship apps feel like work and get abandoned quickly.

It also highlighted users' largest pain points:

  • forgetting to reach out
  • forgetting important details about people's lives
  • not knowing what to say when they do reach out

We started by building a minimal MVP focused solely on helping people remember to reach out and making that effortless. Our design approach was intentionally minimal to allow for rapid iteration and pivoting when needed.

I designed both web and mobile MVPs and conducted several UX interviews with early users to see how they use the MVP and further refine the product to better suit user needs.

Details

Ran a comprehensive survey to validate user pain points and research insights for feature development

Conducted user interviews to better understand user needs and expectations when using the MVP

Designed and developed the web app frontend with Phoenix LiveView and Tailwind CSS

Designed and developed the iOS app with React Native

BrandingFrontend DevelopmentMobile DesignUX ResearchWeb Design
2024-2025Principal Engineer

Symbolic.ai Editor

My challenge for this project was to rebuild the Symbolic.ai editor from scratch using React/TypeScript with TipTap/ProseMirror and updating the design to be more user-friendly, while maintaining all existing functionality and continuing to ship new AI features.

The project required custom implementations for nearly everything: AI text generation, fact auditing, spell checking, collaborative highlights, author vs. AI tracking, and version control.

For this project, we needed to maintain backwards compatibility with existing documents, provide a smooth migration path, and keep shipping AI features during the rebuild. Rather than attempting one large rewrite, I designed a four-phase rollout strategy to balance technical risk with user value.

Each phase was carefully scoped to deliver meaningful improvements that we could ship while maintaining stability. I worked closely with our product team to prioritize features based on user feedback and technical dependencies.

I was the project lead and collaborated with other engineers on the backend technical implementation while I primarily focused on frontend and UX design.

The result was a reliable, feature-rich editor that significantly improved the product's core value proposition while establishing patterns for future collaborative features.

Details

Phase 1: Rebuild editor foundation in React/TypeScript with TipTap/ProseMirror, implement core formatting and basic undo/redo, establish test suite for behavior validation

Phase 2: Enable auto-save, track word/character count, refine keyboard shortcuts and accessibility

Phase 3: Design and implement AI menu interface for content generation, create floating inline formatting menus, add real-time collaboration with multiple cursors, implement AI vs. author text tracking system

Phase 4: Build commenting system with threaded discussions, create version history with visual diff view, implement command menu for keyboard-first workflows, develop additional AI auditing features

Frontend DevelopmentProject LeadWeb Design
2023Designer (and Author)

Extra Focus: Book and Marketing Website

I wrote Extra Focus: The Quick Start Guide to Adult ADHD for adults with ADHD seeking practical, actionable strategies that work with their unique brain. Beyond authoring the book, I designed the visual identity across multiple formats: cover design, interior layout in Adobe InDesign, and marketing website. I also collaborated with illustrator Nate Kadlac for book illustrations to visualize concepts.

The cover design needed to stand out in Amazon thumbnails while conveying professionalism and hope. I chose a bold, orange color palette and typography to stand out among other ADHD books which typically used muted colors and clinical fonts. The interior layout prioritized ADHD-friendly formatting with generous white space, short paragraphs, and visual breaks to prevent overwhelm for ADHD readers.

For the marketing website, I built a single-page site using Next.js that showcased the book and made it easy to purchase from all retailers. The site includes book overview, praise from notable figures, interior previews, testimonials, author bio, and media kit.

Details

Designed book cover optimized for Amazon thumbnail visibility with striking orange color palette

Created interior layout in Adobe InDesign with ADHD-friendly formatting, collaborating with Nate Kadlac for custom illustrations

Built responsive marketing website with Next.js, React, and Tailwind CSS featuring book overview, testimonials, and purchase links

Created media kit for press inquiries and coordinated multi-format publishing (paperback, ebook, audiobook)

Wrote the book!

BrandingFrontend DevelopmentPrint DesignWeb DesignWriting
2016-2022Front End Designer

Planning Center Calendar

Planning Center Resources (as it was originally called) began as a basic facilities management tool for tracking equipment, rooms, and their availability. Over six years, I led design in the product evolution that transformed it into Planning Center Calendar, a comprehensive church-wide event calendar with full event management functionality, conflict resolution, and cross-product integrations. This wasn't a single redesign but a thoughtful progression of improvements that fundamentally shifted how churches manage their events.

We started by modernizing the Rooms and Resources interface, borrowing design patterns from Planning Center Services (Planning Center's flagship product), to introduce inline editing with automatic saving. We also added crucial tracking fields churches needed: photo uploads for equipment condition, location tracking, and asset management features.

A major redesign consolidated event management onto a single page. As a product team, we established a guiding principle to remove steps rather than add them, making all common actions visible or one click away. We designed a tabbed interface (Overview for scheduling, Activity for audit trails, Details for additional event context and settings) with an inline search-based booking interface and color-coded approval statuses. This became the foundation for future feature development of event management.

We also designed a conflict resolution system that maintained transparency while giving staff flexibility to share rooms with other events in certain cases. We introduced a designated permissions role for members who could resolve conflicts by choosing which event had priority.

Following this, we designed a brand new calendar view with advanced filtering and tagging capabilities. Previously, the calendar was a minor, non-interactive sidebar element used to view events. We repositioned it front-and-center, making it the primary interface for event management and making it fully featured and interactive. We also replaced rigid folders with flexible tag groups, and added advanced filtering by rooms, resources, departments, approval status, and more. We also added the ability to create event templates for commonly recurring events.

Throughout these iterations, I collaborated closely with our product manager on design decisions and worked with our development team to ensure everything integrated smoothly with Planning Center's broader system. The frontend was built primarily in React with CSS-in-JS styled components on a Ruby on Rails backend.

Details

Modernized rooms and resources interface with inline editing and automatic saves

Redesigned event page consolidating all management onto single page with tabbed system

Designed conflict resolution system allowing designated staff to resolve booking conflicts

Repositioned calendar from sidebar to primary interface with advanced filtering capabilities

Replaced rigid folder structure with flexible tag groups for multi-dimensional filtering

Integrated with other Planning Center products for cross-product event management

Contributed to Planning Center's shared design system, establishing reusable patterns across 10 web apps

Design SystemsFrontend DevelopmentWeb Design
2013-2016Front End Designer

Planning Center Check-Ins

Planning Center Check-Ins helps churches track attendance and print name labels for children and volunteers. When I joined the project, the app was barely a year old and the primary screen was a single-page dashboard. This worked great at launch but began to feel more and more constrained as we iterated on the product and added more features. I led an events page redesign to give us more space to growing the app and to make information easier to scan at a glance. We moved from a single dashboard view to a full-page view with dedicated side navigation giving us room to add features and further evolve the product.

I also created a set of progressive icons as part of the dashboard refresh with a more fun, illustrated vibe as we worked to make Check-Ins feel more vibrant and playful—appropriate for a kid check-in app. I also led design for the headcounts feature, which let churches track attendance without individual check-ins. The frontend was built with HTML, CSS/Sass, CoffeeScript, and vanilla JavaScript on a Ruby on Rails backend.

Details

Redesigned events page from compact dashboard to full-page navigation with dedicated tabs

Focused on making data scannable at a glance for busy staff

Designed headcounts feature for tracking attendance without individual check-ins

Designed progressive icon set with fun, illustrated style to match kid-focused brand direction

Design SystemsFrontend DevelopmentIllustrationWeb Design
Contact

Let’s work
together

Send me an email to get in touch.