Amanda is available for hire
Hire AmandaAmanda Vilela
Verified Expert in Engineering
Pixel Perfect Developer
Sorocaba - State of São Paulo, Brazil
Toptal member since June 1, 2018
Bio
Amanda is a web performance, accessibility, and technical SEO consultant with 14+ years of front-end engineering experience. She transforms digital products into fast, inclusive, and search-optimized experiences that convert. Combining technical architecture with business strategy, she bridges the gap between engineering execution, SEO growth, and WCAG compliance to deliver measurable impact.
Portfolio
Amandavilela.me
Core Web Vitals, Web Performance Optimization (WPO), Accessibility...
ConsumerAffairs.com
Team Development, Web Project Management, Web Performance Optimization (WPO)...
ConsumerAffairs.com
Web Performance Optimization (WPO), Web Accessibility, JavaScript...
Experience
- Pixel Perfect - 14 years
- JavaScript - 14 years
- Responsive UI - 12 years
- Mobile First - 10 years
- Core Web Vitals - 6 years
- Progressive Web Applications (PWAs) - 5 years
- Responsive Email Templates - 5 years
- Web Performance Optimization (WPO) - 5 years
Preferred Environment
Node Version Manager, Slack, Docker, Git, Bun, Zed, Claude Code
The most amazing...
...technical challenge I've had optimizing all ConsumerAffairs URLs and moving them from 'Poor' to 'Good' on Google Search Console Core Web Vitals.
Work Experience
Independent Consultant
2025 - PRESENT
Amandavilela.me
- Diagnosed and improved Core Web Vitals, identifying bottlenecks in JavaScript, rendering, and third-party scripts, and delivering prioritized plans that boost loading speed, stability, and responsiveness for measurable business impact.
- Evaluated products against WCAG standards, surfacing critical usability issues and risks, and providing clear, actionable guidance to make products more inclusive and standards-aligned.
- Reviewed codebases and architecture, defining standards and best practices, supporting design systems and rendering strategies, and guiding technical decision-making.
Technologies: Core Web Vitals, Web Performance Optimization (WPO), Accessibility, Front-end Development
Engineering Manager
2021 - 2025
ConsumerAffairs.com
- Led a front-end team, fostering a culture of collaboration and innovation. Provided feedback and consistent 1:1s, conducted performance reviews, and identified growth opportunities to empower team members for excellence, aligning with company goals.
- Contributed to the end-to-end management of technical projects, holding the team accountable from initiation through to delivery, ensuring projects were completed within scope, on schedule, and following quality standards.
- Translated technical concepts into easily understandable language for non-technical stakeholders, facilitating productive discussions and decision-making.
- Promoted communication and collaboration across cross-functional teams, aligning technical and business goals. Proactively addressed intricate technical challenges, ensuring project flow and risk mitigation.
- Formed success squads strategically, carefully assembled to amplify productivity and enhance project outcomes.
- Leveraged deep technical expertise in web performance, SEO, and accessibility to guide the team and make informed decisions.
Technologies: Team Development, Web Project Management, Web Performance Optimization (WPO), Web Accessibility, JavaScript, CSS, CSS3, HTML5, Search Engine Optimization (SEO), Responsive Web Design (RWD), Figma, Claude Code, Site Speed Optimization, Technical SEO, Front-end, Responsive UI, Sass, Core Web Vitals, Chrome Extensions, Front-end Architecture, Lighthouse, PageSpeed Insights, Chrome DevTools
Team Lead
2020 - 2021
ConsumerAffairs.com
- Achieved significant improvements in page load times and user experience, moving all the consumeraffairs.com URLs from "poor" or "needs improvement" to "good" on the Google Core Web Vitals metrics.
- Conducted comprehensive accessibility audits, established automated compliance pipelines, and remediated front-end architectures to achieve 100% WCAG Level AA compliance across the domain.
- Spearheaded technical decision-making, ensuring the adoption of cutting-edge technologies and best practices in front-end development.
- Collaborated seamlessly with cross-functional teams, including designers, product managers, and back-end developers, to align technical and business objectives.
- Took a proactive role in optimizing web page performance, employing a data-driven approach to identify bottlenecks and implement performance enhancements.
Technologies: Web Performance Optimization (WPO), Web Accessibility, JavaScript, Front-end Architecture, CSS3, HTML5, Search Engine Optimization (SEO), Responsive Web Design (RWD), Figma, Site Speed Optimization, Technical SEO, Front-end, Responsive UI, CSS, Sass, Core Web Vitals, Chrome Extensions, Lighthouse, PageSpeed Insights, Chrome DevTools
Senior JavaScript Developer
2018 - 2021
ConsumerAffairs.com (via Toptal)
- Implemented responsive, pixel-perfect, and cross-browser UIs through mobile-first and BEM methodologies.
- Re-engineered style guide components for speed, maintainability, and accessibility.
- Led performance optimization efforts by employing a data-driven approach to identify and address performance bottlenecks, minimize HTTP requests, and implement lazy loading techniques.
- Conducted regular accessibility audits, identified and addressed issues, and promoted inclusive design principles within the development team.
- Created a user tracking and analytics system on the client side.
Technologies: Webpack, Sass, CSS, HTML, JavaScript, Jest, Chrome Extensions, Pixel Perfect, Mobile First, CSS3, HTML5, Search Engine Optimization (SEO), Responsive Web Design (RWD), Figma, Site Speed Optimization, Technical SEO, Front-end, Responsive UI, Core Web Vitals, Web Performance Optimization (WPO), Web Accessibility, Front-end Architecture, Lighthouse, PageSpeed Insights, Chrome DevTools
HTML Email Coder
2019 - 2019
MarketBridge (via Toptal)
- Coded responsive and pixel-perfect email templates.
- Tested coded emails across all major email clients, such as AOL, Office 365, Gmail, Outlook, and Yahoo.
- Handled quality control, such as final proofreading, link testing, and rendering.
Technologies: Email on Acid, CSS, HTML, Email Coding, Responsive Email Templates, Email Templates, CSS3, HTML5, Responsive Web Design (RWD), Front-end, Responsive UI
Email Template Developer
2018 - 2019
Razeware (via Toptal)
- Implemented responsive and pixel-perfect HTML email templates from designs.
- Ran the email templates on testing tools to ensure cross-platform support.
- Uploaded and tested the templates on the email automation tool.
Technologies: Drip Email, Email on Acid, CSS, HTML, Email Coding, HTML Email, Responsive Email Templates, Email Templates, CSS3, HTML5, Responsive Web Design (RWD), Front-end, Responsive UI
Senior Front-end Developer
2016 - 2018
IBM
- Created high-quality mockups and prototypes translating customer needs into functional and appealing interactive applications.
- Created prototypes and developed and maintained web applications using AngularJS and Angular.
- Helped other developers with coding and troubleshooting.
- Planned, reviewed, and brainstormed applications alongside the development team.
- Improved the front-end performance of a client application by 30%, reducing the time users took to perform the tasks and consequently increasing the delivery and billing.
- Contributed as a back-end developer using Python and Django to create an API.
- Mentored and trained people in front-end development and Git flows.
Technologies: Django REST Framework, Python, Sass, JavaScript, CSS, HTML, CSS3, HTML5, Responsive Web Design (RWD), Front-end, Responsive UI, Web Accessibility, Lighthouse, PageSpeed Insights, Chrome DevTools
Front-end Developer
2013 - 2018
Freelance
- Translated designs into pixel-perfect UIs optimized for a wide range of devices and browsers.
- Created, developed, and upheld efficient, reusable, and dependable JavaScript code.
- Developed and customized WordPress themes using HTML, CSS, and PHP.
Technologies: PHP, WordPress, JavaScript, CSS, HTML, CSS3, HTML5, Search Engine Optimization (SEO), Responsive Web Design (RWD), Technical SEO, Front-end, Responsive UI, PWA, Sass, Web Accessibility, Lighthouse, PageSpeed Insights, Chrome DevTools, WordPress Themes
Front-end Developer
2012 - 2016
Well Internet
- Created quality mockups and prototypes for websites and validated them with clients. Produced, modified, and maintained websites. Customized and developed themes for WordPress.
- Boosted organic eCommerce traffic by 15% by optimizing SEO and page-load speeds, directly improving search engine crawl efficiency and user retention.
- Redesigned the layout of an eCommerce site that generated an increase of 20% in sales.
- Implemented rigorous process for cross-browser testing in IE, Mozilla, and Chrome, which corrected layout issues in an eCommerce site.
- Created HTML email templates and newsletters for email marketing campaigns.
Technologies: WordPress, PHP, Adobe Photoshop, Sass, JavaScript, CSS, HTML, CSS3, HTML5, Search Engine Optimization (SEO), Responsive Web Design (RWD), Technical SEO, Front-end, Responsive UI, Web Accessibility, Lighthouse, PageSpeed Insights, Chrome DevTools, WordPress Themes
Experience
Core Web Vitals Audit & Optimization
Led a domain-wide Core Web Vitals remediation across Consumeraffairs.com (around 20,000 URLs), targeting LCP, CLS, and INP regressions in legacy front-end code. Moved the full domain from "poor"/"needs improvement" to "good" in Google Search Console.
High-performance SPA Matching Tool Architecture Refactor
Spearheaded the architectural overhaul of a legacy single-page application (SPA) matching tool, migrating it to a highly scalable vanilla JavaScript architecture. The primary objective was to eliminate framework overhead, optimize the critical rendering path, and drastically reduce loading time and time to interactive for high-traffic user flows.
Front-office Application
I was part of the team responsible for creating a new version of a legacy front-office application for a big telecom company. Our challenge was to deliver a new experience and an overall product vision to the user. My role consisted of working closely with the design team to turn prototypes into functional code, using the latest techniques to build a rich, interactive, and modern web application, adhering to standards and best practices.
Technology Leadership Council App
At IBM, I participated in an internal volunteer project to create a web app to onboard new members to the Technology Leadership Council (TLC). In addition to contributing to the delivery of the front-end project features, I was also responsible for the ideation and development of a style guide with recommendations, approaches, and techniques to ensure CSS/Sass was maintainable, readable, and scalable.
Web Editor of Flat Files
I was responsible for designing the user interface and implementing the front-end of the web version of a legacy flat-file editor. I came across challenges such as performance, rendering, and usability, and delivered solutions applying my UI/UX and developer skills.
EducationOne: Online ERP for Schools
EducationOne is a web system for managing all areas of the school, including finance, administration, enrollment, and grades. I worked in a highly collaborative, agile environment, designing the user interface and implementing the front-end for all system modules, including the portal for teachers and students.
UI Experiments at CodePen
My CodePen features hands-on experiments with UI snippets, animations, and typography, built with HTML, CSS, and JavaScript, where I explore front-end techniques and refine the interaction details that make interfaces feel polished.
Tech Talks
https://speakerdeck.com/amandavilelaAs a big fan of knowledge sharing, I've facilitated tech talks at local communities and meetups, helping fellow developers grow on front-end topics while strengthening my own communication and presentation skills.
Education
2014 - 2017
Bachelor's Degree in Information Systems
Sao Paulo State Technological Colleges (FATEC) - Sorocaba, Sao Paulo, Brazil
Certifications
JUNE 2026 - PRESENT
Learn Accessibility
JUNE 2012 - PRESENT
IT Technician Focusing on Web Development
ETEC Fernando Prestes
Skills
Libraries/APIs
Flexbox, Node.js, HTML5 APIs
Tools
Git, Lighthouse, NPM, Adobe Photoshop, Atom, Figma, Claude Code, Sublime Text, ITerm, Slack, Node Version Manager, Email on Acid, Webpack, Zed
Languages
ES7, JavaScript, Sass, CSS, HTML, CSS3, HTML5, Markdown, Python, PHP, Python 3
Paradigms
Web Performance Optimization (WPO), Search Engine Optimization (SEO), Responsive Web Design (RWD), BEM, UI Design, Scrum, Agile, UX Design, Team Development
Frameworks
Bootstrap, Jasmine, Django REST Framework, Jest, Angular, AngularJS
Platforms
Linux, WordPress, Docker, Firebase
Storage
SQLite
Other
User Interface (UI), User Experience (UX), CSS Grid, Responsive UI, Mobile First, Organic SEO, Pixel Perfect, Progressive Web Applications (PWAs), PWA, Front-end Development, Core Web Vitals, Web Accessibility, Site Speed Optimization, Technical SEO, Front-end, PageSpeed Insights, SEO Tools, Responsive Email Templates, Email Templates, Chrome DevTools, Drip Email, Cerberus Security, Email Coding, HTML Email, Chrome Extensions, Front-end Architecture, Web Project Management, Bun, Software Engineering, System Architecture, Accessibility, WordPress Themes, Website Performance
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