HomeWorkAboutContact

Built with Next.js 16 · TypeScript · Supabase · Vercel AI SDK

© 2026 Jordan Oakes. All rights reserved.

Case Studies

The work, and the thinking behind it.

AI product design and full-stack delivery — from live SaaS with production AI pipelines to complex multi-role platforms designed around cognitive load and user trust.

What brings you here?

Select an audience above to see how the work speaks to you.

SermonAI

SermonAI

Web Development

Full-stack AI SaaS that turns a single sermon into five ministry-ready content formats — owned from UX research through production deployment.

Next.jsHTML & CSS
View case study
Swyvvl Real Estate Platform

Swyvvl Real Estate Platform

Web DevelopmentUI/UX Design

Complex multi-role real estate platform — buyers, sellers, agents, and investors — with live MLS integration, a real-time share auction system, and gated membership. Full product ownership from information architecture through full-stack delivery.

FigmaWebflowJavaScriptHTML & CSS
View case study
Kosei Performance Partners

Kosei Performance Partners

Crafted a vibrant brand and website for Kosei Performance Partners, empowering a mentorship agency for professional athletes. Partnering with a former Olympic athlete, I shaped a Kanji-inspired logo and a CMS-driven platform with dynamic athlete profiles, leading the client from vision to launch with bold UX and seamless functionality.

FigmaWebflowAdobe
View case study
Off The Leash Lifestyle

Off The Leash Lifestyle

E-commerce and membership hub for a niche paintball lifestyle brand — merchandise, gated coaching content, and training resources unified in one platform.

WebflowAdobeJavaScriptHTML & CSS
View case study
Aletheia Digital Media

Aletheia Digital Media

Redesigned the website for Aletheia Digital Media as my first project as an employee, crafting a vibrant, user-centered platform with interactive prototypes and custom visuals—kickstarting a lasting partnership.

FigmaWebflowAdobeJavaScript+1
View case study
Happy Bundles

Happy Bundles

Nonprofit platform connecting gift donors with families of children with cancer — designed for clarity and trust under significant emotional load.

FigmaWebflowAdobeJavaScript+1
View case study
NW Prime Real Estate

NW Prime Real Estate

Web Development

Designed and developed a sleek, location-focused website for NW Prime Real Estate, showcasing luxury properties across the Pacific Northwest. Featuring a custom SVG Seattle skyline hero, interactive map-based listings, animated broker bios, and lead-capturing forms, the site reinforces the firm’s expertise in prime waterfront and urban homes.

WebflowAdobeHTML & CSS
View case study
Flourish

Flourish

I designed and developed a responsive website for Flourish, a women's growth cohort built on the Townsend Leadership Program (TLP) framework. Starting with a personal coaching site for Natalie Dillow, I evolved it into a comprehensive platform for a team of three coaches, showcasing their expertise, the 10-month program, and a streamlined sign-up process.

FigmaWebflowJavaScript
View case study
Precision Mercedes

Precision Mercedes

Premium auto repair shop website designed around mobile-first service discovery and booking conversion for a specialty Mercedes-Benz clinic in Santa Cruz.

AdobeJavaScriptHTML & CSS
View case study
River City Travel Ball

River City Travel Ball

BrandingCMS

Transformed River City Travel Ball’s brand and digital presence over three years, building a CMS-powered website to manage baseball tournaments and team sign-ups. I designed a sleek logo and over 20 tournament logos for events, continuously updating the site with cohesive graphics, blending my graphic design expertise with a user-friendly platform that drives engagement.

WebflowAdobeJavaScript
View case study
Schmitt Automotive

Schmitt Automotive

Designed and developed a modern, cohesive brand identity and website for Schmitt Automotive—a specialized German car repair shop—boosting engagement and establishing trust through user-focused design and streamlined functionality.

FigmaWebflowAdobeJavaScript
View case study
Chiropractic Healthcare

Chiropractic Healthcare

I was tasked with creating a website for a chiropractic clinic that had previously only had a presence on Google Business. Through research and iteration on the design, I was able to create a website that matched the clinic's brand identity and provided users with clear, concise information about the services offered at the clinic.

FigmaWebflowAdobe
View case study
UCSC Transfer Admissions

UCSC Transfer Admissions

In collaboration with a team of five undergraduate transfer students, we embarked on a mission to redesign the UCSC Transfer Admissions website. Our goal was to create a high-fidelity prototype that would later be transformed into a user-centric website. Through extensive research, interviews, usability testing, and wireframing, we identified pain-points and user needs, ultimately delivering four webpages that empowered transfer students with critical information.

Figma
View case study
Trenchless Pros

Trenchless Pros

Trenchless Pros required a clean and informative website to showcase their expertise in trenchless sewer solutions. The project successfully delivered a visually appealing logo, vector graphics, and motion graphics, creating an engaging and user-friendly website that effectively communicated their services and benefits.

FigmaWebflowAdobe
View case study
Modern Day Sniper

Modern Day Sniper

E-commerceUI/UX Design

Collaborated on a modern ecommerce frontend and later designed a membership dashboard for Modern Day Sniper (MDS), enhancing their platform with user-focused design and AI-driven features to boost engagement and learning.

Next.jsJavaScriptHTML & CSS
View case study
Grandville's BBQ

Grandville's BBQ

Public site for founder Steve Gerst's Grandville's Original Gourmet BBQ Catering: weddings, corporate events, and festivals across the Northwest, plus a sauce shop for retail. Visitors get catering positioning (arrive early, customizable menus, full cleanup), an FAQ that answers timing and booking cadence, heritage storytelling for the Grandville sauce line (Kentucky roots, thick-and-chunky differentiation), and strong social proof—including municipal and corporate references. Typography, imagery, and layout foreground warmth and pit-to-table craft while keeping planner paths and checkout separate but cohesive.

View case study