UI Designer + Frontend

I design polished interfaces and bring them to life in code.

UI designer with a software background: Figma-first workflows, then HTML, CSS, and JavaScript—with clear hierarchy, responsive layouts, and practical AI-assisted iteration where it helps.

Open to UI Designer + Frontend roles and freelance projects across products, marketing sites, and design-to-code handoff.

UI systems Responsive frontend Design to code

Selected work

Selected Work

Selected projects

Selected projects where I combined interface design, responsive frontend development, and visual problem-solving. Each one shows how I turn complex requirements into clear, usable, and polished digital experiences.

Live website

Website Design + Frontend Build

STARK Group

End-to-end company website for an AI-focused IT business. I was responsible for the interface design and frontend build, shaping a one-page experience that presents services, projects, clients, sponsorships, and team credibility in a clear and structured way.

Open Live Website

Figma HTML CSS JavaScript Responsive Snap-Scroll

Challenge

The site had to communicate a lot without feeling crowded. I organized many sections into one smooth experience while keeping the layout readable and snap-scroll reliable across devices.

Outcome

The result is a live one-page website with clearer storytelling, stronger credibility signals, and a more confident visual presence. It gives the company a clearer way to present itself to clients and partners.

Live website

Landing Page Design + Frontend

Keto-Fasten

Mobile-first landing page for a keto coaching program with a 10-step onboarding flow, long-form content, founder videos, and a partner program. I designed and built the page to support Instagram traffic and make trust, onboarding, and signup feel easier on small screens.

Open Live Website

Figma HTML CSS JavaScript Mobile-First Video

Challenge

The page had a lot of explanatory content, but most visitors arrived on mobile. I had to make it easy to scan, build trust early, and support signup without overwhelming users.

Outcome

The final landing page creates a clearer path to signup, surfaces trust signals earlier, and makes long-form content easier to read on mobile. The page is live and used for campaign traffic.

Live website

Bilingual Website Design + Frontend

VFTI

Bilingual website for an international expert network serving two different audiences: companies looking for support and experts considering joining the network. I designed and built the site so both groups could quickly understand where to go and what the network offers.

Open Live Website

Figma HTML CSS JavaScript DE/EN Responsive

Challenge

The homepage had to serve two different audiences in two languages. The challenge was to reduce confusion, guide visitors quickly, and keep the language switch seamless.

Outcome

The final site gives each audience a clearer entry point, supports an easy DE/EN experience, and gives the network a more professional public presence.

Live website

Website Redesign + Static Frontend

Square Capital Consulting

Redesign of a financial consulting website with multiple services, four founders, and high trust requirements, including an SEO-sensitive migration from WordPress to a static frontend implementation. I was responsible for the redesigned interface and the frontend build.

Open Live Website

Figma HTML CSS JavaScript SEO-Migration WordPress to Static

Challenge

The site needed a more modern, trustworthy interface without losing SEO visibility, service depth, or key content from the old WordPress setup.

Outcome

The redesign creates a calmer, more trustworthy site with clearer service communication, stronger founder visibility, and a cleaner static frontend foundation while respecting the project's SEO-sensitive structure.

Live website

Website Redesign + Frontend Rebuild

Team42

Complete redesign and rebuild of an outdated CMS website into a clean, responsive, performance-focused static site. I handled the redesign and frontend rebuild to create a clearer, faster experience.

Screens available in portfolio. Live link and additional details available on request.

Figma HTML CSS JavaScript Responsive CMS Migration

Challenge

The original CMS site had become cluttered, visually outdated, and difficult to use on mobile. The challenge was to simplify the content structure while improving responsiveness and performance.

Outcome

The rebuilt site is cleaner and easier to navigate across devices, with stronger hierarchy and a more current visual language that better reflects the team today.

UI Design

Interface redesigns

Alongside websites, I also work on product interfaces where screens need to become clearer, visual systems need to feel more consistent, and flows need to be easier to follow.

July 2024 - present

Product redesign

Praxisautomat

Redesign of a healthcare application for patients, including elderly users. I simplified crowded screens, improved accessibility, and helped move the interface into frontend implementation.

Open case study

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.

Confidential product work. Screens and further details available on request or during interview.

2023

Google certificate case study

Online Flower Ordering Application

Concept mobile app created as part of the Google UX Design Professional Certificate. It shows my understanding of the full UX process, from research and problem definition to prototypes, testing, and case-study storytelling.

Open case study

Capabilities

Skills and tools

I work at the intersection of interface design and frontend development. That allows me to shape the visual direction of a product and also build it to a high standard.

I do my best work where interface design and frontend execution stay closely connected from the start.

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

Google UX Design Professional Certificate View course case study View course

I also use AI tools such as Cursor and Codex to support research, speed up iteration, and help implement frontend work more efficiently.

Personal

About me

A short background on how I work and what I bring to teams.

Shahrzad Dargahi

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

My path

My background combines software engineering, Android development, and interface design. I started on the technical side, but over time I became increasingly interested in how screens, layout, hierarchy, and interaction shape the overall product experience. That shift led me toward UI design, where I can combine structured thinking with visual design and frontend execution. Today I work on websites and digital products that need both polished interfaces and someone who understands how they will be built. I also completed the Google UX Design Professional Certificate, which strengthened my process in research, prototyping, and usability testing. In my current workflow, I also use AI tools such as Cursor and Codex to support iteration, implementation, and speed when appropriate.

Why it matters

I enjoy working from early layout ideas through to final interface details and implementation. Because I understand both design and code, I can create interfaces that are visually strong, realistic to build, and consistent across breakpoints. Teams usually value me when they need a designer who can think carefully about the UI and also help make sure the final frontend matches the design.

After hours

Outside of work, I enjoy painting and cooking. Both give me a different kind of creative rhythm and help me return to digital work with fresh attention to detail.