Susana Prado Lopez, Developer in Sant Joan Despí, Spain
Susana is available for hire
Hire Susana

Susana Prado Lopez

Verified Expert  in Engineering

Software Engineer and Developer

Sant Joan Despí, Spain

Toptal member since October 22, 2024

Bio

Susana is a product-driven front-end engineer with a proven ability to lead impactful product initiatives. With a blend of technical expertise and strategic thinking, she ensures projects align with business goals and deliver results. She collaborates easily with cross-functional teams, engaging stakeholders to create scalable, user-focused solutions while clearly articulating technical concepts. Alongside her engineering experience, Susana demonstrates leadership and a strong drive for growth.

Portfolio

Toptal
React, TypeScript, GraphQL, Jest, Cypress, Storybook, Code Refactoring...
Toptal
JavaScript, React, Jest, A/B Testing, Unit Testing, Integration Testing...
MigraCode
HTML, CSS, JavaScript, React, Node.js, Express.js, CRUD, Web Development...

Experience

  • React - 4 years
  • Jest - 4 years
  • JavaScript - 4 years
  • Storybook - 4 years
  • Unit Testing - 4 years
  • Integration Testing - 4 years
  • Design Systems - 4 years
  • SCSS - 4 years

Availability

Full-time

Preferred Environment

React, JavaScript, GraphQL, Jest, Cypress, Storybook, TypeScript, A/B Testing, React Testing Library, Git

The most amazing...

...project I’ve led is the integration of an AI-powered CV evaluation tool into the front end, improving screening efficiency and providing personalized feedback.

Work Experience

Front-end Engineer | Product Platform Engineer

2023 - 2024
Toptal
  • Headed multiple key product initiatives, driving technical scoping, work division, and complex project analysis, contributing to the enhancement of functionality for a platform serving 25,000+ clients and 20,000+ talents across 140+ countries.
  • Oversaw the codebase migration to adopt an existing design system, which had not been utilized in the domain, enhancing UI consistency, maintainability, and streamlining development across the platform.
  • Ensured high code quality through rigorous unit testing and debugging using Jest and Cypress, reducing bugs and improving system reliability.
  • Created and maintained shared packages in a monorepo structure, streamlining development workflows and improving code reuse across teams.
Technologies: React, TypeScript, GraphQL, Jest, Cypress, Storybook, Code Refactoring, Design Systems, Jira, Confluence, CSS, HTML, Web Development, Front-end, Responsive Web Design (RWD), Chameleon, Scrum, Scrum Master, CSS3, HTML5, Figma, Visual Regression Testing, Manual Testing, Cross-browser Testing, Front-end Development, User Experience (UX), UI Development

Front-end Engineer | Growth Engineer

2021 - 2023
Toptal
  • Developed and enhanced public-facing pages, improving lead acquisition by optimizing user experience and conversion flows.
  • Spearheaded a project integrating front-end applications with artificial intelligence (AI)/machine learning (ML) microservices, adding new data-driven features to the product.
  • Managed A/B testing and feature flag rollouts, enabling data-driven decisions that improved conversion rates and user engagement.
  • Ensured accessibility compliance and performance optimization, leading to faster load times, improved cross-browser compatibility, and a seamless user experience.
  • Built a custom Stylelint package and developed ESLint and Stylelint rules, enforcing consistent coding standards across the team and improving overall code quality.
Technologies: JavaScript, React, Jest, A/B Testing, Unit Testing, Integration Testing, Storybook, Tailwind CSS, Sass, ESLint, Stylelint, Web Accessibility, GitHub, Git, Lazy Loading, Website Performance, Technical Documentation, Web Project Management, Strategic Initiatives, Leadership, Sentry, Stakeholder Management, Jira, Confluence, Landing Page Optimization, Landing Pages, Search Engine Optimization (SEO), CSS, HTML, Web Development, Front-end, Responsive Web Design (RWD), Google Analytics, Optimizely, Crazy Egg, Scrum, Scrum Master, CSS3, HTML5, Figma, Visual Regression Testing, Manual Testing, Cross-browser Testing, Front-end Development, User Experience (UX), Accessibility, Site Speed Optimization, Web Performance Optimization (WPO), UI Development

Supporting Teacher

2021 - 2022
MigraCode
  • Mentored students, explaining web development concepts, answering technical questions, and helping them build their coding skills in front- and back-end technologies.
  • Facilitated hands-on support in coding projects, guiding students through problem-solving and debugging to enable practical application of learned concepts in real-world tasks.
  • Collaborated with fellow instructors to develop and adapt course materials.
Technologies: HTML, CSS, JavaScript, React, Node.js, Express.js, CRUD, Web Development, Front-end, Responsive Web Design (RWD), Next.js, CSS3, HTML5, Manual Testing, Cross-browser Testing, Front-end Development, Material UI

Promoter Assistant, Booking

2017 - 2021
Live Nation Entertainment
  • Contributed to securing high-profile artists for festivals and tours.
  • Reviewed and managed legal contracts for both international and national artists.
  • Coordinated certificates of foreign taxes and duties.
  • Streamlined invoicing processes and managed payment followup.
Technologies: Invoicing, Booking, Event Planning

Operations Coordinator

2014 - 2015
BC TOURS & SHIPPING
  • Spearheaded a team of 10-20 hostesses, ensuring efficient and effective service delivery.
  • Coordinated passenger transfers between ports, airports, and hotels, resulting in smooth travel experiences for customers.
  • Trained and onboarded new recruits, ensuring seamless operations.
  • Monitored flights and managed last-minute service changes, minimizing disruptions to customer journeys.
  • Established and maintained strong relationships with service providers, enabling quick problem resolution.
  • Handled customer complaints and claims, maintaining high levels of customer satisfaction.
Technologies: Team Leadership, Team Management, Training, Onboarding, Customer Success, Problem Management, Creative Problem Solving, Logistics, Operational Planning

Experience

AI-powered CV Evaluation Integration for Front-end Application

Spearheaded the integration of an AI-powered microservice into the front end of an application designed to evaluate user CVs and provide scores and feedback. The tool streamlined the candidate screening process by offering immediate, actionable insights for users.

I collaborated with back-end engineers and ML experts to understand the AI model's functionality. Then, I translated complex technical concepts for product managers and marketing strategists, ensuring alignment with business goals. I also created an engineering implementation plan, estimated tasks, and developed a detailed roadmap with blockers and risks. Finally, I split the work among team members, facilitated discussions on architectural challenges, and ensured smooth cross-team communication throughout the project.

Search Engine Optimization Focused Growth-driven Public Pages with Interactive Content

Headed the development of a portfolio of growth-driven public pages, each designed with a strong focus on search engine optimization (SEO) and user engagement. The landing pages featured an interactive wheel of cards that users could scroll through and click to explore articles in more detail, improving UX and content visibility. A key objective was performance optimization to ensure fast loading and smooth user interactions, which is crucial for SEO rankings.

In this project, I handled the technical planning, creating an engineering implementation plan, estimating tasks, and developing a roadmap identifying potential blockers and risks. I collaborated closely with cross-functional teams to align technical execution with strategic goals, addressing architectural challenges while ensuring the pages performed exceptionally well.

Refactoring for Design System Adoption

Refactored the team's domain to adopt a new design system, ensuring consistency, improved maintainability, and streamlined development processes. In addition to executing the refactor, I played a key role in planning the project. This included creating a detailed roadmap, estimating the effort required for various components, identifying potential blockers, and mapping dependencies to ensure a smooth transition.

I updated the codebase to integrate reusable components from the design system, resolved compatibility issues, and optimized existing styles and layouts for cross-browser performance. This refactor reduced technical debt, improved UI/UX consistency, and enabled faster iteration, making the system more scalable for future development.

Revamp of Contracts Module for Legal Agreement Management

Oversaw the revamp of the Contracts module within the client's company application, a vital product where clients manage and sign legal agreements. The project involved adding new contract types and redesigning the interface to improve user experience and align with updated design standards. Given the product's key role in client workflows, we addressed several dependencies to ensure a smooth transition without affecting operations.

As part of the initiative, I developed the implementation plan, identified potential blockers, and coordinated with other teams to manage dependencies. We also integrated Sentry for better error monitoring and debugging, ensuring the reliability and stability of the new system.

Hiring Flow for Marketplace

Headed the development and implementation of a hiring flow for a B2B talent marketplace platform. The wizard guided users through an intuitive step-by-step process, improving the user experience and ensuring that the correct data was captured at each stage. This solution was crucial for simplifying the hiring process and increasing conversion rates.

I handled the implementation of multiple entry points across the platform, making it easier for users to access the Hiring Wizard from different parts of the application. I also created the technical plan, outlined the roadmap, and identified dependencies and potential blockers. Additionally, I collaborated with stakeholders to ensure seamless integration with back-end services and optimized performance across devices.

Education

2015 - 2017

Master of Business Administration (MBA) in Cultural Management

Barcelona University - Barcelona, Spain

2010 - 2014

Bachelor's Degree in Art History

Pompeu Fabra University - Barcelona, Spain

Certifications

MARCH 2023 - PRESENT

Professional Scrum Master I (PSM I)

Scrum.org

Skills

Libraries/APIs

React, React Testing Library, Node.js

Tools

GitHub, Git, Stylelint, Lighthouse, Optimizely, Sentry, Jira, Confluence, Notion, Google Analytics, Figma

Languages

JavaScript, TypeScript, SCSS, HTML, CSS, CSS3, HTML5, GraphQL, Sass, Semantic HTML

Paradigms

Unit Testing, Scrum, Responsive Web Design (RWD), Manual Testing, Code Refactoring, Search Engine Optimization (SEO), Component-based Development, CRUD, Web Performance Optimization (WPO)

Frameworks

Jest, Tailwind CSS, Cypress, Express.js, Next.js, Material UI

Industry Expertise

Project Management

Other

Storybook, Scrum Master, Front-end Development, Web Development, Front-end, Visual Regression Testing, Cross-browser Testing, UI Development, A/B Testing, Integration Testing, ESLint, Technical Documentation, Stakeholder Management, Core Web Vitals, User Interface (UI), Google SEO, Landing Page Optimization, Landing Pages, User Experience (UX), Web Accessibility, Lazy Loading, Website Performance, Web Project Management, Strategic Initiatives, Leadership, Design Systems, Machine Learning, AI Integration, SEO Tools, Web Analytics, Cross-browser Compatibility, Page Speed Optimization, Estimations, Dependency Analysis, Monitoring, Project Planning, Project Leadership, Critical Thinking, Interdisciplinary Knowledge, Cultural Management, Research & Analysis, Research, Business, Critical Analysis, Economic Analysis, Culture, B2C Marketing, Business Law, History, Art History, Invoicing, Booking, Event Planning, Team Leadership, Team Management, Training, Onboarding, Customer Success, Problem Management, Creative Problem Solving, Logistics, Operational Planning, Artificial Intelligence (AI), Chameleon, Crazy Egg, Accessibility, Site Speed Optimization

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring