WEB + UI/UX DESIGNER

Designing clear
digital experiences
from idea to live.

I work across UX, visual design, responsive systems and implementation, turning complicated requirements into websites people can actually use.

WORK

Three sides of
how I build.

DEEPEST EXPERIENCE
PUBLIC-SECTOR WEB DESIGN

Municipal
Websites

Websites for towns and cities across the U.S., designed around accessibility, findability and the everyday work of local government.

Explore municipal work ↗
CLIENT WORK
COMMERCIAL / B2B

Commercial
Websites

Custom web experiences for businesses and service brands, from structure and wireframes through final responsive UI.

Explore commercial work ↗
DESIGN → LIVE
AI-ASSISTED DEVELOPMENT

AI-Built
Websites

Designed experiences I take beyond the handoff, using AI-assisted development to build, refine and publish the interaction myself.

Explore AI-built work ↗
Athar website hero
BEYOND WEBSITES

Still a designer
when the canvas changes.

PRODUCT UX/UI + BRAND SYSTEMS

There is more behind the websites.

Product flows, interaction systems and identity work live in their own space rather than competing with the website work on this homepage.

Explore selected design work ↗
ABOUT

I don't stop
at the mockup.

I'm Esraa, a Web and UI/UX Designer with 5+ years of professional experience across municipal, commercial and product work.

My work can start with discovery and information architecture, move through wireframes and responsive UI, and continue into accessibility, design systems, developer collaboration, staging, QA and implementation support. I’m also comfortable close to the build: practical HTML and CSS, GitHub, Vercel, staging and deployment, plus Claude and other AI-assisted workflows that let me prototype, edit and publish selected experiences quickly without treating implementation as a black box.

UX / UIResponsive DesignInformation ArchitectureAccessibilityDesign SystemsInteractionFigmaHTML / CSSGitHubVercelAI-Assisted DevelopmentClaude
HOW I WORK

Design is only one part of getting a website live.

CLIENTS + WHAT THEY NEED

Start with the real job of the website.

I begin by understanding what the client wants the site to accomplish, what their users need to find quickly, what is not working today, and what should feel different in the new experience. For municipal clients, that often means balancing resident self-service, public information, accessibility and a visual identity the community can recognize as its own.

MY ROLE

Ownership from discovery to handoff.

My role often spans onboarding and discovery, information architecture, UX, visual direction, responsive UI, design systems, client reveals, revisions, accessibility, QA and implementation support. On many projects I am the sole designer, so I am responsible for keeping the experience coherent from the first conversation through the final screens.

CLIENT FEEDBACK

Feedback is part of the design process.

I present the reasoning behind a direction, listen for what the client is reacting to, and turn that feedback into focused revisions rather than disconnected visual changes. Projects like Dalton moved through multiple concepts and client input before the strongest ideas were combined into one final direction.

DEVELOPERS + IMPLEMENTATION

The handoff is not where I disappear.

I work closely with developers and project managers to make sure responsive behavior, spacing, typography, components, hover and focus states survive implementation. I review staging, troubleshoot design issues and help translate the intended system into something that works in the browser.

CODE + AI

Close enough to the build to solve problems.

I use practical HTML and CSS, staging tools, GitHub and Vercel, plus AI-assisted development with tools such as Claude. That lets me prototype interactions, make controlled front-end adjustments, troubleshoot implementation issues and, for selected projects, take a design all the way to a live build myself.

ACCESSIBILITY

Accessibility is part of the interface, not a final checklist.

Especially in municipal work, accessibility shapes decisions from the beginning: readable hierarchy and contrast, keyboard and focus behavior, predictable navigation, responsive content and components that remain usable across different ways of accessing the site. I carry those considerations through design, developer collaboration and QA.

TESTIMONIALS

Nice things people have said after the work.

Feedback from clients, municipal teams and people I have worked with directly.

“
The committee is very pleased with the home page and department page designs and voted to approve them.
Town of Dalton projectMunicipal client · Committee feedback
“
This, so far, this is right on with what I was envisioning.
Municipal website projectClient feedback during reveal
“
You did a really nice job of capturing all of that that we asked you to do.
Town of Cedarburg projectClient feedback during reveal
“
Esraa was a true pleasure to work with! She showed incredible initiative from the start and approached the work with a spirit of genuine enthusiasm and professional rigor.
Upwork clientLanding page redesign · Framer
“
Esraa is my go-to developer for all Framer projects. She’s fast, highly responsive, and very pleasant to communicate with.
Upwork clientWebsite design · Framer
CONTACT

Have something
complicated?

Those are usually the interesting ones.

esraasalah4242@gmail.com ↗WhatsApp · +20 110 247 6011 ↗