# Software Engineer, Frontend, Growth
**Company:** [Ramp](https://scaleengineer.com/companies/ramp)
Frontend Engineer, Growth at Ramp is a senior-level position focused on building and optimizing Ramp.com as the gold standard for brand and product marketing. You'll lead complex frontend projects implementing React and Next.js, partner with designers to create engaging interactive experiences, and conduct A/B testing for growth initiatives. This role requires 5+ years of frontend engineering expertise, strong proficiency with modern web technologies, and a demonstrated portfolio showcasing design-to-code excellence.
**Role:** Frontend Engineer
**Seniority:** Senior
**Locations:** New York, NY (HQ)
**Salary:** 200000–310000 USD
[Apply](https://jobs.ashbyhq.com/ramp/7cd46077-05fe-4cd7-816f-5528638342f1)
Canonical: https://scaleengineer.com/jobs/ramp/software-engineer-frontend-growth
---
## Responsibilities

- Lead Complex Frontend Projects: Own end-to-end implementation of sophisticated frontend initiatives that establish Ramp.com as the gold standard for brand and product marketing experiences. Drive project scope definition, technical architecture decisions, and delivery timelines while ensuring exceptional code quality and user experience.
- Maintain Brand Design System and Component Library: Collaborate with design and engineering teams to develop, maintain, and enhance Ramp's comprehensive brand design system and reusable component library. Ensure pixel-perfect consistency across the marketing site, establish component best practices, and document design patterns for scalability.
- Create Interactive Marketing Experiences: Partner with designers to translate high-fidelity mockups into performant, engaging interactive experiences that drive site engagement and conversion. Implement advanced animations, micro-interactions, and responsive layouts that elevate the user experience and support conversion optimization.
- Self-Direct Design When Resources Are Constrained: Take ownership of design implementation decisions when design resources are limited, translating design principles into clean, maintainable code. Demonstrate design thinking skills and make thoughtful aesthetic and functional decisions that maintain brand integrity.
- Conduct A/B Testing and Growth Optimization: Work closely with paid advertising and growth teams to design and execute rigorous A/B testing experiments on landing pages and marketing materials. Analyze performance metrics, implement variations, and iterate based on data-driven insights to optimize multi-channel lead generation and conversion rates.
- Cross-Functional Collaboration: Communicate effectively with designers, product managers, growth specialists, and backend engineers to align on technical requirements, design workflows, and project priorities. Provide technical feasibility input and collaborate on solutions that balance aesthetic excellence with engineering pragmatism.

## Requirements

### education

- {"name":"Computer Science or Related Field Preferred","description":"Bachelor's degree in Computer Science, Software Engineering, Web Development, or equivalent practical engineering experience. Self-taught engineers with strong portfolios are encouraged to apply given Ramp's focus on what you've built over where you trained."}

### technical

- {"name":"React Proficiency","description":"Expert-level knowledge of React including component architecture, state management patterns, hooks, performance optimization, and best practices for building scalable applications."}
- {"name":"CSS and Styling","description":"Deep expertise in CSS including modern features like CSS Grid, Flexbox, CSS-in-JS, and CSS preprocessors. Proficiency with Tailwind CSS for utility-first styling workflows and rapid component development."}
- {"name":"Next.js Framework","description":"Strong command of Next.js including server-side rendering (SSR), static site generation (SSG), API routes, image optimization, and performance considerations. Experience with App Router or Pages Router architecture."}
- {"name":"Responsive Design Implementation","description":"Expert understanding of responsive web design principles, mobile-first approaches, and cross-browser compatibility. Proficiency with viewport meta tags, media queries, and testing across devices and screen sizes."}
- {"name":"Performance Optimization","description":"Practical knowledge of frontend performance metrics (Core Web Vitals, FCP, LCP, CLS), optimization techniques, code splitting, lazy loading, and tools for measuring and improving site speed."}
- {"name":"Version Control and Git","description":"Solid command of Git workflows, collaborative development practices, code review processes, and ability to work effectively in team-based development environments with CI/CD pipelines."}

### experience

- {"name":"5+ Years Frontend Engineering","description":"Minimum 5 years of professional frontend development experience, with demonstrated expertise in building production-grade applications and preferably marketing/e-commerce focused websites at scale."}
- {"name":"Marketing Site Experience","description":"Proven track record working on marketing-focused projects, sales sites, or customer-facing platforms where performance, aesthetics, and conversion optimization directly impact business metrics."}
- {"name":"Design System Development","description":"Hands-on experience building, maintaining, and scaling reusable component libraries and design systems. Demonstrated ability to establish standards, document APIs, and enable team-wide adoption of shared components."}
- {"name":"Cross-Functional Teamwork","description":"Proven ability to work effectively in fast-paced environments alongside designers, product managers, and growth teams. History of clear communication, collaborative problem-solving, and delivering under pressure."}

## Skills

### required

- {"name":"React","description":"Advanced proficiency with React including component design patterns, lifecycle management, hooks, and performance optimization"}
- {"name":"CSS","description":"Expert-level CSS knowledge including modern layouts, animations, responsive design, and Tailwind CSS"}
- {"name":"Next.js","description":"Strong experience with Next.js for server-side rendering, static generation, and full-stack capabilities"}
- {"name":"Responsive Web Design","description":"Deep understanding of mobile-first design, viewport optimization, and cross-device compatibility"}
- {"name":"Design-to-Code Workflow","description":"Ability to translate design mockups and Figma files into production-quality component code with pixel accuracy"}
- {"name":"Component Library Development","description":"Experience building, documenting, and maintaining reusable component libraries at scale"}
- {"name":"Portfolio Presentation","description":"Demonstrated ability to present work through a professional portfolio site showcasing frontend projects and technical expertise"}

### preferred

- {"name":"Web Animations","description":"Experience with animation libraries such as GSAP, Framer Motion, React Spring, or Motion to create engaging interactive experiences"}
- {"name":"3D Web Graphics","description":"Knowledge of 3D libraries like Three.js, Babylon.js, or WebGL for immersive visual experiences"}
- {"name":"Interactive Storytelling","description":"Experience creating compelling interactive narratives, scroll-triggered animations, and immersive storytelling techniques on the web"}
- {"name":"CMS Integration","description":"Hands-on experience integrating with headless CMS platforms such as Sanity, Contentful, or Strapi for dynamic content management"}
- {"name":"SEO Best Practices","description":"Working knowledge of SEO principles including meta tags, structured data, Core Web Vitals, and implementing SEO-friendly frontend architectures"}
- {"name":"A/B Testing Frameworks","description":"Experience with experimentation platforms like Optimizely, VWO, or analytics-driven testing to optimize conversion rates"}
- {"name":"Figma Collaboration","description":"Proficiency working directly with Figma designs, component specifications, and design-engineer handoff workflows"}

## Tech stack

### tools

- {"name":"Tailwind CSS","description":"Utility-first CSS framework for rapid component styling and consistent design system implementation across Ramp.com"}
- {"name":"Git/GitHub","description":"Version control system for collaborative development, code review, and CI/CD pipeline integration"}
- {"name":"Figma","description":"Design collaboration tool for working directly with designers, viewing mockups, and maintaining design specifications"}
- {"name":"Browser DevTools","description":"Chrome/Firefox developer tools for debugging, performance profiling, and responsive design testing"}
- {"name":"npm/yarn","description":"Package managers for JavaScript dependency management and project scaffolding"}

### others

- {"name":"Component-Driven Architecture","description":"Pattern for building scalable, maintainable design systems through modular, reusable components"}
- {"name":"Web Performance Optimization","description":"Techniques including code splitting, lazy loading, image optimization, and Core Web Vitals monitoring"}
- {"name":"Responsive Design Patterns","description":"Mobile-first design approach and implementation of adaptive layouts for all screen sizes"}

### databases

### languages

- {"name":"JavaScript/TypeScript","description":"Primary language for frontend development with strong command of both JavaScript ES6+ and TypeScript for type-safe applications"}
- {"name":"HTML5","description":"Expert knowledge of semantic HTML5 markup, accessibility attributes, and best practices for SEO-friendly page structure"}

### frameworks

- {"name":"React","description":"Core frontend library for building component-based user interfaces with functional components and hooks architecture"}
- {"name":"Next.js","description":"Full-stack React framework for optimized performance through server-side rendering, static generation, and automatic code splitting"}

## Benefits

### benefits

- {"name":"Comprehensive Health Coverage","description":"100% medical, dental, and vision insurance coverage for you, with partial coverage for dependents. Includes One Medical annual membership for preventative care and telehealth access."}
- {"name":"Generous Parental Leave","description":"Up to 16 weeks of 100% paid parental leave for birthing and bonding, or 8 weeks for bonding only. Additional leave available at reduced pay for extended family situations."}
- {"name":"Fertility Support","description":"Fertility Health Reimbursement Account (HRA) up to $10,000 per year in the US, and fertility drug coverage up to $4,000 lifetime in Canada, supporting diverse family planning needs."}
- {"name":"Retirement Planning","description":"401(k) with employer match in the US, RRSP and DPSP with employer match in Canada, and workplace pension through Penfold with salary sacrifice options in the UK."}
- {"name":"Flexible Time Off","description":"Flexible paid time off (PTO) policy allowing you to manage work-life balance with unlimited vacation days within company norms and business needs."}
- {"name":"Home Office Equipment","description":"Centralized ordering system for home office equipment and ergonomic setup, supporting productive remote work for distributed teams."}
- {"name":"Health and Wellness","description":"Annual health and wellness stipend for fitness, mental health services, gym memberships, meditation apps, or other wellness initiatives of your choice."}
- {"name":"Pet Insurance","description":"Comprehensive pet insurance coverage available for employees and their pets, supporting overall family wellbeing."}
- {"name":"In-Office Perks","description":"Complimentary lunch, snacks, beverages, and drinks at Ramp offices, plus weekly coffee stipends for remote employees and collaborative in-office team environments."}
- {"name":"Relocation Support","description":"Full relocation expense coverage available for candidates relocating to Ramp's primary hubs in New York City or San Francisco."}
- {"name":"Intra-Office Travel Budget","description":"Dedicated budget for internal travel to facilitate collaboration between distributed office locations and team gatherings."}
- {"name":"Employee Assistance Program","description":"Comprehensive employee assistance programs including mental health support, counseling services, and virtual care access through partners like Lumino Health in Canada."}

## Compensation

- **max:** 225000
- **min:** 165000
- **currency:** USD
- **stockOptions:** true

## Interview process

### steps

- {"name":"Initial Portfolio and Resume Review","description":"Ramp's hiring team reviews your resume and portfolio site to assess frontend engineering skills, design sensibility, and quality of previous work. Ensure your portfolio clearly demonstrates React projects, component libraries, and responsive design implementations."}
- {"name":"Technical Screening Call","description":"A 30-45 minute conversation with a senior engineer covering your experience with React, Next.js, CSS frameworks, and your approach to complex frontend challenges. Be prepared to discuss specific projects from your portfolio."}
- {"name":"Take-Home Design-to-Code Challenge","description":"A practical assignment where you'll convert design mockups into functional React components using Next.js and Tailwind CSS. This typically takes 2-4 hours and demonstrates your design-to-code workflow, code quality, and attention to detail."}
- {"name":"Cross-Functional Interview","description":"Meet with a designer and product/growth team member to discuss how you collaborate across disciplines, approach design systems, and contribute to growth-oriented projects. Conversation includes questions about your experience with A/B testing and performance optimization."}
- {"name":"Engineering Deep Dive","description":"Extended technical conversation with a senior or staff engineer covering advanced topics like component architecture, performance optimization, state management patterns, and how you approach maintaining large-scale design systems."}
- {"name":"Hiring Manager Final Round","description":"Meet with the engineering manager overseeing the Frontend Growth team to discuss role expectations, your career goals, and how you approach ownership and continuous learning in fast-paced environments."}

## Full description
# **About Ramp**

Ramp is building the smart infrastructure for finance teams, embedded in the transaction flow of every dollar a business spends. We automate how over $200B in annualized spend flows in and out of 70,000+ companies: authorizing payments, flagging risk, categorizing spend, and closing books.

The problems are high-stakes, data-dense, and unforgiving.

We hire people with high agency and high urgency. We look for slope over intercept. We care less about where you trained and more about what you’ve built. At Ramp, everyone is a builder who owns problems end to end and makes consequential decisions that shape the outcome.

The median Ramp customer saves 5% and grows revenue 16% in their first year – far in excess of businesses operating without Ramp. We believe every ambitious company deserves the same.

If you want to build systems that directly shape how companies move and manage billions, Ramp is the place to do it.

## What you’ll do

* Lead implementation of complex projects to establish [Ramp.com](http://Ramp.com) as the gold standard for brand and product marketing
* Work with designers and engineers to maintain and enhance Ramp's brand design system and component library, ensuring consistency across the site
* Partner with designers to create interactive experiences that drive site engagement
* Design and unblock yourself when design resources are constrained
* Work closely with the paid ads and growth teams to conduct A/B testing on landing pages for multi-channel lead generation

## What you need

* Minimum 5 years of experience as a front-end or design engineer, ideally on a marketing site
* Strong skills in React, CSS and modern frameworks (we use Next.js and Tailwind)
* A portfolio site that demonstrates your previous work
* Deep understanding of responsive design and design-to-code workflows.
* Experience maintaining a reusable component library and sweating the design details in code
* Stellar communication skills with a proven ability to work effectively in cross-functional teams
* Desire to work in a fast-paced environment, continuously grow, and master your craft

## Nice to Have

* Knowledge of SEO principles and best practices
* Experience with web animations (e.g., GSAP, Motion), 3D libraries, or interactive storytelling
* Experience working with a CMS (e.g., Sanity)

## **Benefits available to all full-time Ramp employees (Global)**

* Flexible PTO
* Centralized home-office equipment ordering
* Health and wellness stipend
* Budget for intra-office travel
* Weekly coffee stipend

## **United States**

* 100% medical, dental & vision insurance coverage for you, with partial coverage for dependents
* One Medical annual membership
* 401(k), including employer match on contributions made while employed by Ramp
* Fertility HRA (up to $10,000 per year)
* Parental leave: up to 16 weeks (birthing + bonding) or 8 weeks (bonding only) at 100% pay
* Pet insurance
* In-office perks: lunch, snacks, drinks, and more
* Relocation expense coverage to NYC or SF (if needed)

## **Canada**

* Group medical, dental, and vision coverage through Sun Life
* Life, AD&D, and disability coverage
* Fertility drug coverage (up to $4,000 lifetime)
* Group Retirement Plan with employer match (RRSP + DPSP)
* Parental leave: up to 16 weeks (birthing + bonding) or 8 weeks (bonding only) at 100% pay, with additional time available at reduced pay
* Employee Assistance Program and virtual care through Lumino Health

## **United Kingdom**

* Private medical insurance through Freedom Elite
* Virtual GP and at-home care via eMed x Livi
* Workplace pension through Penfold, with salary sacrifice option
* Parental leave: up to 16 weeks (birthing + bonding) or 8 weeks (bonding only) at 100% pay with additional time available at reduced pay

## **Referral Instructions**

If you are being referred for the role, please contact that person to apply on your behalf.

## **Other notices**

Pursuant to the San Francisco Fair Chance Ordinance, we will consider for employment qualified applicants with arrest and conviction records.

_Beware of recruiting scams: Ramp will only contact you through official @_[_Ramp.com_](http://Ramp.com) _email addresses and will never ask for payment or sensitive personal information during the hiring process._

[Ramp Applicant Privacy Notice](https://ramp.com/legal/applicant-privacy-notice)