| 👋

UX Engineer & Creative Developer

I bridge the gap between design and development, crafting user-centered digital experiences with a psychology-informed approach. From wireframes to production code, I turn innovative ideas into impactful, accessible solutions.

UX
DEV
Psychology-informed design meets clean code

Bridging Psychology & Technology

My journey into UX Engineering began with a fascination for human behavior and how people interact with digital products. With a background in psychology, I bring a unique perspective to every project — understanding not just what users do, but why they do it.

I specialize in translating complex user needs into elegant, functional interfaces. My approach combines user research insights with modern development practices, ensuring every pixel serves a purpose and every interaction feels natural.

When I'm not immersed in code or design, I'm probably reading about the latest web trends, sketching interface ideas in my notebook, or debugging personal projects that started as “quick experiments.” I'm always looking for new projects to apply my skills to and love the challenge of solving fresh problems.

Connect on LinkedIn

My Design Process

01

Discover

Research user needs, business goals, and technical constraints

02

Design

Create wireframes, prototypes, and design systems

03

Develop

Build responsive, accessible, and performant solutions

Capabilities & Tools

A curated toolkit spanning UX design, front-end development, and modern workflows

UX Design

User research, wireframing, prototyping, and design systems

FigmaAdobe XDMiroSketch

Front-End Development

Modern frameworks, responsive design, and performance optimization

ReactNext.jsTypeScriptTailwind CSS

Development Tools

Version control, project management, and collaboration

GitHubJiraSlackNotion

Featured Projects

A selection of projects that showcase my approach to user-centered design and development

Web Application & UX Engineering

PlantPal

A thoughtfully designed plant care tracker that transforms routine maintenance into a delightful daily ritual. Built with psychology-informed UX principles, featuring intuitive one-tap interactions, gentle reminders, and a warm, accessible interface that encourages sustainable plant care habits.

Key Highlights:

  • Designed cohesive UX system with warm, minimalist aesthetic and consistent design tokens
  • Implemented delightful one-tap watering interactions with droplet animations and feedback
  • Built scalable component architecture with accessibility and responsive design principles
  • Applied behavioral psychology to create habit-forming user experiences
4 Weeks
Development Time
Solo Project
Team Size
98 Lighthouse
Performance Score

Technologies Used:

Next.jsTypeScriptTailwind CSSFramer MotionReact Hook Form
View Live Project
Norfinch Eyecare project screenshot
View Project
Website Revamp & UX Engineering

Norfinch Eyecare

Complete website modernization for a local optometry practice, focusing on improved user experience, mobile responsiveness, and streamlined appointment booking flow. Transformed an outdated site into a modern, accessible healthcare platform.

Key Highlights:

  • Implemented mobile-first design approach improving engagement across devices
  • Enhanced booking flow clarity and accessibility standards
  • Modernized visual design while maintaining professional healthcare aesthetic
  • Optimized site performance and loading speeds
95% Improved
Mobile Performance
UX Engineer
Client Role
WCAG 2.1 AA
Accessibility

Technologies Used:

ReactTailwind CSSHTML/CSSResponsive DesignAccessibility
View Live Project
Full-Stack Development

PixelPath

A comprehensive gaming library platform inspired by GoodReads, built with React, MySQL, and the IGDB API. Features user authentication, game tracking, reviews, and personalized recommendations.

Key Highlights:

  • Implemented complex search and filtering system
  • Built responsive design with mobile-first approach
  • Integrated third-party API with custom data management
6 weeks
Development Time
Solo Project
Team Size
94 Lighthouse
Performance

Technologies Used:

ReactNext.jsMySQLIGDB APITailwind CSS
View Live Project
Nutri-Scan project screenshot
View Project
UX Design

Nutri-Scan

A comprehensive nutrition tracking app designed as my capstone project. Focused on user-centered design principles, accessibility, and behavioral psychology to encourage healthy eating habits.

Key Highlights:

  • Conducted extensive user research and persona development
  • Applied psychology principles to interface design
  • Created comprehensive design system and style guide
10+ Interviews
User Research
8 Versions
Design Iterations
6 Weeks
Project Duration

Technologies Used:

FigmaAdobe XDPrototypingUser ResearchUsability Testing
View Live Project

Let's Create Something Amazing Together

I'm always excited to work on meaningful projects that make a difference. Whether you need UX design, front-end development, or a complete digital solution, let's discuss how we can bring your vision to life.

Send Me an EmailConnect on LinkedIn
Follow my journey
Made with 💜 by Sarah Jahan © 2025