Jessica Colton / Creative Director

I turn ideas into products people care about.

I bring brand, product, and creative direction together to tell stories through experiences. I've spent more than 20 years shaping creative strategy, leading teams, and getting hands-on with the work, from the earliest concept through design, development, and launch.

work for smarteredbalanced companySmartered Platform Design — view case studyJoynt Branding & Product Design — view case studyFairway Technologies website, with a blue hero reading Technology Experts and sections for work, services, and getting help.Fairway Technologies — view case studyUCOP Course SubmissionUC Office of the President, Course System — view case studyCoastal Life Brand and Website Design — view case studywork for sempra companySempra Energy Mobile, Web and Alexa — view case studyTopcoder RebrandTopcoder Platform Design & Strategy — view case studyAccenture UX leadership and product design workAccenture UX Leadership — view case study
Canto Branding & Product Design — view case studyNon profit event clinic companyCouncil of Community Clinics — view case studyInsulindependence Site Redesign — view case studywork for hireright companyHireright Design Leadership — view case studyCinepolis Site and KioskCinepolis Site and Kiosk Design — view case studyMicropower Site and Event MaterialsMicropower Site and Event Materials — view case study

Where I fit in.

I work where creative thinking, business goals, and users come together. Sometimes that means setting the vision and leading a team. Sometimes it means getting into the research, shaping the experience, or working alongside designers and engineers to bring it to life. And, sometimes it's a little of everything.

  • Creative Direction & Strategy
  • Product Strategy & UX
  • Brand Identity & Storytelling
  • Creative Team Leadership
  • Client & Stakeholder Collaboration
  • UI Design & Rapid Prototyping
  • Web & App Experiences
  • Campaigns & Growth Marketing
  • User Research & Testing
  • Frontend Design & Development

Behind the scenes.

A little insight into this portfolio. I designed it in Figma, created hand-drawn visuals using FigJam and Illustrator, and built the site with React and Tailwind, with responsive layouts and accessibility in mind. The repo lives on GitHub, the site is hosted on Cloudflare Pages, and the contact form is powered by Resend.

I used AI through Cursor IDE throughout development to explore ideas, review and refine code, troubleshoot problems, and experiment with interactions.

Tool box.

  • Figma
  • FigJam
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe Premiere Pro
  • React
  • Tailwind CSS
  • GitHub
  • Cloudflare Pages
  • Resend API
  • Cursor + AI
  • Responsive Design
  • Accessibility
  • SVG Animation