Branding & UX/UI Work

From brand identity systems to user-centered digital experiences, here is a curated selection of my work.

Jocelyn Escobar Patterson smiling at the camera while holding a camera in her hand, wearing casual attire.

Hi, I'm Jocelyn

Hi, I'm Jocelyn. I’m a designer passionate about creating brands and experiences that truly connect with people. From UX/UI to visual identity, my work centers on thoughtful design, collaboration, and clear communication.

Here you’ll find my full portfolio, featuring a range of UX/UI and branding projects from across my client and collaborative work.

Case Studies

User on a couch viewing the Hello Edu education website redesign on a laptop, next to a model wearing a branded Hello Edu sweatshirt.
Brand Designer, UX/UI Designer

Hello Edu | Logo & Website Redesign

Redesigned Hello Edu’s logo and website, focusing on user-centered branding, style exploration, and content organization to improve workflows and client collaboration.”

View Case Study
A responsive digital mockup displaying the travel creator's website on both a laptop and a mobile phone, emphasizing the clean layout and visual hierarchy across different screen sizes.
UX/UI Designer

Annie Toth | Travel Creator Website Design

Designed a fully responsive, scalable website for a content creator, leveraging wireframes and user-centered design for blogs, YouTube integration, and curated resources.

View Case Study
TasteVoyage mobile app mockups showing four screens, demonstrating cohesive visual language, typography, and color system across the app.
Visual Designer

Defining the Visual Language for TasteVoyage

Defined a cohesive visual language for TasteVoyage’s app, including color palettes, typography, and UI components, creating an inviting and intuitive culinary travel experience

View Case Study
TasteVoyage mobile app home screen mockup showing clean layout and visual branding for culinary travel experiences.
UX/UI Designer

Designing Culinary Journeys with Users in Mind

Led user-centered app design to enhance search and discovery of culinary experiences, including research, wireframes, usability testing, and high-fidelity prototypes for intuitive navigation.”

View Case Study

How I Work With Clients

My process keeps every project clear, collaborative, and aligned with your goals from start to finish.

1. Free Consultation

We begin with a friendly conversation about your brand, your goals, and the challenges you're trying to solve. This helps me understand where you are now and where you want to go.

A friendly illustration of a woman on a video call, sitting at a desk with a laptop and holding a mug, representing the relaxed and collaborative free consultation.
Illustration of a proposal document with a signature overlaying an open envelope, representing the proposal, contract, and onboarding process.

2. Proposal and Onboarding

After our call, you'll receive a detailed proposal that includes:

  • Recommended design packages or scope
  • Timeline and project milestones
  • Pricing and payment structure
  • Clear next steps

Once approves, you'll receive a contract and onboarding materials so we can get started.

3. Discovery & Strategy

I take time to understand your brand, audience, and digital needs . This may include:

  • Brand strategy and direction
  • UX flows, sitemaps, and content structure
  • User personas and journey mapping
  • Competitor and industry analysis
  • A design roadmap aligned with your goals

This groundwork ensures every design decision is intentional and user-focused.

Illustration of a woman presenting data on a large screen with bar charts and a pie chart, symbolizing discovery, research, and strategic planning.
Illustration of a computer screen displaying a web interface with gears, content blocks, and UI elements, representing the design and iteration phase.

4. Design & Iteration

Here's where ideas turn into visuals and interactive experiences. Depending on your project, this may include:

  • Concepts and moodboards
  • Wireframes and interface design
  • High-fidelity mockups
  • Interactive prototypes
  • User testing
  • Review and iterative refinements

You're part of the process throughout!

5. Delivery & Support

When the project is complete, you'll receive:

  • All final design assets
  • Brand or UI style guides
  • Organized export-ready file packages
  • Optional post-launch support or consultation

I'm available after delivery to ensure everything is implemented smoothly and effectively.

Illustration of a woman celebrating while riding a rocket upward, symbolizing project delivery, launch, and ongoing support.

Services

I partner with clients to create meaningful brands and user-friendly digital experiences through strategy, design, and collaboration.

Brand Identity

Visual identity development including logo design, color and typography systems, and brand guidelines.

UX/UI Design

Wireframes, user flows, high-fidelity interfaces, and responsive prototypes for digital experiences.

Website Design & Build

Custom multi-page websites with CMS setup, essential integrations, and basic blog and SEO preparation.

Digital Design

Web and landing page design, campaign visuals, and social media graphics and templates.

Photography

Brand and lifestyle photography sessions for select client projects.

Next Steps

If you're ready to move forward with a branding or UX project, let’s discuss your goals and explore how we can work together.

Book a Consultation

Let’s Collaborate

For creative partners, agencies, and recruiters looking to collaborate, I’d love to hear from you.

Reach Out Today

Experience you can trust

Clients trust me to not only bring their ideas to life with creativity and care but to deliver thoughtful high-quality results that exceed expectations and reflect each client's unique story.

Work With Me

"I enlisted Jocelyn's help to create logos for programming in our school district. She did a great job applying notes and feedback to progress the designs into the final product. In art and design, everyone has an expectation for the end result. The work of a good designer is when a product emerges that exceeds what you thought you wanted. I gave Jocelyn a note to simply make one design "untidy and unkempt" and she came back with a really impressive approach that exceeded my original vision and one that I'm very excited to present to our administrators. She'll be an asset to anyone aiming to employ her services."

Kevin P.

ePathways Facilitator, SCPS

"Jocelyn did an amazing job of understanding the functions I wanted in a website, and in selecting a hosting platform that had all the functionality I needed. I'm excited to see my business grow now that it has a brand new, functional home on the web!"

Annie T.

Average Girl Does Cool Things