Web Designer & Developer

AdFox Media; Mumbai; On-site; INR 800,000 - 1,400,000; Full time

Benefits offered by this job

Portfolio credit

Two senior reviewers

Performance data access

Software paid for

Job summary

AdFox Media in Mumbai is seeking a capable designer-developer to own both the design and implementation of websites. You will design in Figma and hand-code HTML, CSS and JavaScript (with jQuery) into live pages, with a mobile-first, responsive approach.

You will work from Figma to production, ensuring accessibility, performance, and clean markup. Join a collaborative team, contribute to client projects, and own sites from concept to launch.

Qualifications

• 2-5 years designing and building websites with live site portfolio.
• Figma to a working professional standard with auto layout and responsive frames.
• Semantic HTML5 and CSS3 written by you; Flexbox, Grid, media queries.
• JavaScript (ES6+) and jQuery for DOM work and simple AJAX.
• Typography and spacing you can explain clearly.
• Cross-browser and real-device testing as a habit.
• Git, staging site and deploying your own work.

Responsibilities

• Design websites and landing pages in Figma with responsive frames.
• Implement designs in HTML, CSS, JavaScript, and jQuery.
• Code interactions: menus, sliders, tabs, modals and forms.
• Ensure pages are responsive and mobile-first.
• Optimize markup and images for fast loading and SEO.
• Connect lead forms and GA4/GTM tracking.
• Redesign client sites without breaking URLs or rankings.
• Present designs in client calls and incorporate feedback.

Skills

Web design

Frontend development

HTML5

CSS3

JavaScript

jQuery

Responsive design

Figma

Git

Tools

Figma

jQuery

WordPress

Bootstrap

Tailwind

Sass

GSAP

Lottie

Astro

Job description

Design the page in Figma, then build it yourself in HTML, CSS, JavaScript and jQuery — one person from the first frame to the live site.

Full-time, on-site in Mumbai. Experience: 2-5 yrs.

01 / Why this role exists

Most of our web work moves through a handover. Devika designs it, a developer builds it, and somewhere between the Figma file and the browser a spacing decision gets lost, a hover state never gets designed, and the phone layout is worked out by whoever happens to be holding the code.

On a large build that split is worth it. On the landing page that needs to be live by Friday, or the eight-page site for a clinic, a coaching institute or a restaurant, it is two people and a round of back-and-forth doing one person’s job.

This seat is that one person. You’d design the page and then build it, so the decisions made in Figma are the ones that ship. Devika sets the visual bar and reviews your designs; Ayaz reviews your code. Between those two reviews, the site is yours.

02 / What you’ll do

• Design websites and landing pages in Figma: layout, type, spacing, components, and the desktop, tablet and phone frames, not just the desktop one
• Build what you designed in hand-written HTML, CSS and JavaScript, with jQuery where a site already runs on it or a plugin needs it
• Code the interactions you designed — menus, sliders, tabs, accordions, modals, form validation — and make them work with a keyboard as well as a mouse
• Make every page responsive and mobile-first; most of our clients’ visitors arrive on a phone
• Build with search in mind: one H1, sensible headings, compressed images, clean markup and pages that load fast, because the SEO team is ranking what you ship
• Wire up the lead forms and the GA4 and GTM tracking that tell the client whether the site is earning its keep
• Redesign tired client sites without breaking their URLs, their forms or their rankings
• Present your design on the client call, take the feedback, and know which notes to push back on

03 / What we need

Must have

• 2-5 years designing and building websites, with live sites in your portfolio that you both designed and coded
• Figma to a working professional standard: auto layout, components, styles, and responsive frames
• Semantic HTML5 and CSS3 you write yourself — Flexbox, Grid, custom properties, media queries — without a page builder doing it for you
• JavaScript (ES6+) and jQuery: DOM work, events, simple AJAX, and the judgement to know when plain JavaScript is enough
• Typography, hierarchy and spacing you can explain, not just pick from a template
• Cross-browser and real-device testing as a habit, not a launch-day panic
• Comfortable with git, a staging site and deploying your own work

Nice to have

• WordPress theme customisation, or Elementor done tidily enough that a client can still edit it
• Bootstrap, Tailwind or Sass
• Motion: CSS transitions, GSAP or Lottie, used with restraint
• A static-site framework such as Astro, and hosting on Cloudflare or similar
• Core Web Vitals work you can point at, with before-and-after numbers
• Accessibility to WCAG 2.2 AA: contrast, focus states, alt text, labelled forms

04 / What’s hard about it

You’ll be judged twice on the same page. The design has to hold up in Devika’s review, and the code has to hold up in Ayaz’s, and the second review will not accept that something was hard to build as a reason it looks different from the mockup.

You also have to referee yourself. The designer in you will want the extra animation and the developer in you will know what it costs on a three-year-old Android phone, and nobody else is in that argument.

The range is wide. A dental clinic one week and a B2B landing page the next, a client brand you love and one you have to work inside respectfully, and feedback that arrives after the build has started.

05 / What you get

• Whole sites with your name on both the design and the code, which is a rarer portfolio than either one alone
• Two senior reviewers — a design lead and a developer-founder — instead of one generalist sign-off
• Performance and search data on the pages you shipped, so you can see whether a design decision worked
• Software paid for, and real say in how a build is approached, including when a site shouldn’t be on WordPress