Harsh RathodFront-End Designer

Interfaces drawn with intention, coded with care, and given a pulse of their own.

Visual design
Front-end
Interaction
Motion

01About

A quiet start, a steady climb.

I’m Harsh Rathod, a Front-End Designer with 4 years 1 month of professional work behind me. I care about how an interface looks, how it feels under the hand, and how it moves in the browser.

My first step into tech was curiosity: an online ethical hacking workshop in 2020. A year later I was a trainee PHP developer, learning how a whole web project fits together. At Hashtechy I stayed on as a front-end developer, owning client websites from wireframe to launch.

What I enjoy most is the handover between design and code: taking a Figma file and making it feel right on a real phone. Reusable components, clear hierarchy and quick pages. And I work with AI tools every day to explore, prototype and debug faster, while the decisions, testing and taste stay mine.

Diploma in Information Technology, RC Technical Institute, Ahmedabad. Graduated May 2022.

Visual design
Hierarchy, colour, type and rhythm. Layouts that feel considered before anyone reads a word.
Front-end development
React, Next.js and clean CSS. Pixel-faithful, fast and accessible on real devices.
Interaction design
Hover, focus, feedback and flow. Every control should answer back in a way that feels natural.
Motion
Easing, timing and choreography that guide the eye and make a page feel alive, never busy.

What I bring to a team

From clean code and tested hand-offs to e-commerce, analytics and AI-assisted workflows.

Build

Interfaces that work on every screen, written so the next person can read them.

HTML5, CSS3, JavaScript (ES6+)
React.js and Next.js
Tailwind CSS, SCSS, Bootstrap, Material UI
Reusable component libraries
REST API integration (fetch, axios)
AI-assisted developmentClaude and Cursor

Design support

Closing the gap between a design file and a working page.

Figma and Adobe XD to pixel-perfect code
Navigation clarity and visual hierarchy
Responsive layouts, mobile first
Design systems and UX thinking

Test

Finding the problem before someone else does.

Manual testing across screen sizes
Cross-browser and cross-device checks
Debugging
Clear, tested hand-offs to QA

Improve

Making what exists faster, clearer and easier to use.

Performance optimisation
Progressive Web App features
Accessibility and Lighthouse audits
A/B testing and analytics-led UI changesMixpanel, Google Analytics

Commerce and growth

Pages that sell, sign people up and measure what happens next.

Shopify storefronts and theme work
E-commerce sites and admin panels
Meta Pixel and payment gateway flows
Conversion-minded copywriting

Support

Being useful to designers, developers and teammates around me.

Working with design and back-end teams
Git and GitLab, branch-merging strategies
Ownership, planning and team coordination
Content-related technical tasks

AI-assisted, human-checked

I keep learning the best tools as they appear, and I write prompts that get accurate answers on the first pass, which saves credits and time.

Several options before one decision

I ask for alternatives (layouts, structures, wording) and then pick with my own judgment. AI widens the table. I still decide what goes on it.

Think and code

Claude
Architecture, careful refactors, debugging and long-context code review.
ChatGPT
Brainstorming, copy, quick explanations and a second opinion on an approach.
Gemini
Research, long documents and image checks, like comparing a screenshot with a design.
Google Antigravity
An agent-first IDE for multi-step build tasks, always with a review step before anything is kept.
Cursor
In-editor pairing: targeted edits, codebase questions and fast completions.

Design

Google Stitch
Turns a prompt or sketch into UI screens quickly, as a starting point to refine in Figma.
Figma Make and AI
Quick interactive prototypes and layout ideas inside the design file.
v0 by Vercel
Component and layout drafts that I adapt into the real codebase.
Midjourney
Mood, imagery and illustration direction for hero art and backgrounds.

02Journey

One path, five stops, still going.

4 years 1 month of front-end work across 5 companies, starting with an internship in 2021. Like a tree, each role wrapped around the one before it.

Scroll to grow the path. Open any stop to see what I did, what it taught me and what I carry forward.

- Supported PHP-based web projects during an internship.
How the full-stack workflow fits together, which still shapes how I talk to back-end teams.
Carries forwardKnowing how the back end thinks helps me build front ends that plug cleanly into APIs, checkout and payment flows.
- PHP
- Full-stack workflow
- Owned front-end development of client websites, from wireframe to deployed page.
- Built responsive design systems with Tailwind CSS, SCSS, Bootstrap and Material UI.
- Turned Figma and Adobe XD specs into production-ready code.
- Worked in Git and GitLab, including branch-merging strategies for team work.
- Built reusable component libraries that cut development time on later projects.
Owning a site end to end teaches you that a design is only finished when it works on every screen.
Carries forwardShipping whole client sites taught me to own a brand's website start to finish: design, build, launch and fix.
- Tailwind CSS
- SCSS
- Bootstrap
- Material UI
- Figma
- Adobe XD
- Git / GitLab
- Redesigned existing pages to improve navigation clarity and visual hierarchy.
- Built interactive UIs with HTML, CSS, React, Next.js and JavaScript.
- Worked closely with the back-end team; kept markup clean and standards-compliant.
Design feedback is a skill of its own. Clarity and hierarchy often matter more than new features.
Carries forwardClear hierarchy is what turns visitors into readers and readers into customers. I carry that into every page.
- React
- Next.js
- JavaScript
- HTML
- CSS
- Worked closely with the design team to turn Figma wireframes into pixel-perfect UI.
- Integrated REST APIs and showed dynamic data using fetch and axios.
- Managed UI behaviour with React Hooks: useState, useEffect and useContext.
- Manually tested every screen on multiple screen sizes before handing off to QA.
Testing my own work first makes the whole team faster, and designers happier.
Carries forwardLive data, API integration and testing my own work means screens that are ready for analytics and real users.
- React
- REST APIs
- axios
- React Hooks
- Figma
- Manual testing
- Build responsive, mobile-friendly interfaces with HTML, CSS, Bootstrap and JavaScript.
- Build and maintain Progressive Web App (PWA) features for a smoother user experience.
- Convert Figma designs into pixel-perfect responsive layouts.
- Optimise performance, responsiveness and cross-browser compatibility.
PWAs and performance work taught me to care about how a page feels on a slow phone, not only how it looks.
Carries forwardPWA and performance work means fast, app-like experiences on any phone, which is where most audiences are.
- HTML
- CSS
- Bootstrap
- JavaScript
- PWA
- Figma
Next
A team where design, code and care meet
Ready for a team where design, development, testing and AI-assisted work come together. I bring front-end craft, Shopify and e-commerce know-how, analytics-minded improvements and a calm, steady way of working.

03Works

Live work, designed and built.

Websites, marketplaces and web apps, all live. Open any of them in a new tab and see the work running for real.

E-commerceDesign and front-end development

Archioo

A product discovery platform for architecture and design: furniture, lighting, brands and categories, with newsletter and brand tools.

Visit live site

E-commerceDesign and front-end development

Wogom

A B2B electronics marketplace connecting retailers with authorised distributors: marketing pages plus retailer and seller sign-up journeys.

Visit live site