Shahrzad

Product Designer (UI/UX) with Frontend Development Background

I design thoughtful product interfaces and bring them to life in code.

I work across UX structure, product flows, and UI design in Figma, and translate them into responsive interfaces using HTML, CSS, and JavaScript. My focus is on clarity, strong hierarchy, and creating experiences that feel intuitive and visually consistent across devices.

I’ve worked on product app redesigns, design systems, and marketing websites, moving between user needs, design decisions, and implementation to keep everything aligned from concept to final product.

Open to Product Design, UI/UX, and Frontend roles where design and development come together in a practical, collaborative way.

Product design UI systems Responsive frontend Design to code
Selected Work

Selected projects

More UI Design Work

Additional interface work

Beyond the projects above, I have also worked on product interfaces inside existing design systems and end to end UX exercises. These items round out the picture of how I work across product, design system and concept levels.

Nov. 2024
Design system rollout

Metabo and Hikoki

Applied updated design guidelines across existing product screens while protecting usability, improving consistency, and keeping established workflows familiar for users.

The work included an in product assistant concept (HiBOT and MetaBot) for the HiKOKI and Metabo HPT product pages, designed across both brand themes.

Further details available on request or during interview.

HiKOKI and Metabo HPT product page assistant concept screens (HiBOT and MetaBot) across light and dark brand themes
Capabilities

Skills and tools

Best results come when interface design and frontend execution stay closely connected from the start.
Certificate

Google UX Design Professional Certificate

Figma / Design
UI Design / Design
Prototyping / Design
Design Systems / UI
Interaction Design / UI
Wireframing / UX
HTML and CSS / Frontend
JavaScript / Frontend
Responsive Design / Frontend
Frontend Handoff / Workflow
Cursor / AI Workflow
Codex / AI Workflow
AI-Assisted Iteration / Workflow
Git / Tools
Photoshop / Creative
Illustrator / Creative
Personal

About me

Shahrzad Dargahi

Shahrzad Dargahi

Location
Stuttgart region, Germany
Focus
UI design, frontend, interaction
Stack
Figma, HTML, CSS, JS, AI tools
Links
Email LinkedIn CV

My path

When I was young, I knew two things very well. I loved coding, and I was drawn to design, but I did not know how to bring them together. So I started with coding.

My journey began in software engineering, first with pure coding in the robotics field and later in Android development, where I looked for a more visual product experience.

Over time, I began to notice how much user experience shapes a product, and how often it is overlooked. That was a turning point for me. I realized design is not just visual, but a deeper way of thinking.

Around the same time, I completed my master's degree in Electronic Commerce, which helped me better understand users and their needs. I then took a UI and UX design course and started focusing more seriously on this path.

Since 2024, I have been working in UI, UX, and frontend development. Today, I design and build digital experiences from early ideas to final implementation. Looking back, each step led me here.

Why it matters

I like working across the full process, from UX structure and visual direction to frontend implementation.

My design and development background helps me make practical decisions and build interfaces that feel intuitive to use.

After hours

Outside of work, painting and cooking keep my creative thinking practical. Both train attention to detail, balance, and iteration, the same mindset I bring to interface work.