Amanda is available for hire
Hire AmandaAmanda Vilela
Verified Expert in Engineering
Responsive UI Developer
Sorocaba - State of São Paulo, Brazil
Toptal member since June 1, 2018
Bio
Amanda is a front-end specialist with 11+ years of expertise in modular and cross-browser CSS, web performance, SEO, accessibility, and crafting UIs from mock-ups to pixel-perfection. She is proficient in managing technical projects, providing technical guidance, and mentoring teams. Amanda is widely experienced working with various clients, from startups to enterprise companies like AT&T, IBM, and Sprint.
Portfolio
ConsumerAffairs.com
Team Development, Web Project Management, Web Performance Optimization (WPO)...
ConsumerAffairs.com
Web Performance Optimization (WPO), Web Accessibility, JavaScript...
ConsumerAffairs.com (via Toptal)
Webpack, Sass, CSS, HTML, JavaScript, Jest, Chrome Extensions, Pixel Perfect...
Experience
- Pixel Perfect - 9 years
- Responsive UI - 9 years
- JavaScript - 9 years
- Mobile First - 7 years
- Responsive Email Templates - 5 years
- Web Performance Optimization (WPO) - 5 years
- Progressive Web Applications (PWAs) - 5 years
- Core Web Vitals - 1 year
Availability
Full-time
Preferred Environment
Node Version Manager, Slack, Docker, Webpack, ITerm, Git, Sublime Text
The most amazing...
...technical challenge I've had was fully remaking the front end of a legacy front-office app from scratch to enable users to activate their phone data plans.
Work Experience
Engineering Manager
2021 - PRESENT
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.
- Strategically formed success squads, 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
Team Lead
2020 - 2021
ConsumerAffairs.com
- 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.
- 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.
- Championed accessibility initiatives within the team, conducting accessibility audits and ensuring that our projects adhered to WCAG standards. As a result, all pages attended WCAG Level AA.
Technologies: Web Performance Optimization (WPO), Web Accessibility, JavaScript, Front-end Architecture
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
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
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
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, AngularJS, Angular, Sass, JavaScript, CSS, HTML
Front-end Developer
2013 - 2018
Freelance
- Created quality mockups and prototypes for websites and validated them with clients.
- Produced, modified, and maintained websites.
- Customized and developed themes for WordPress.
Technologies: PHP, WordPress, jQuery, JavaScript, CSS, HTML
Front-end Developer
2012 - 2016
Well Internet
- Created quality mockups and prototypes for websites and validated it with clients.
- Produced, modified, and maintained websites.
- Customized and developed themes for WordPress.
- Optimized websites for search engines (SEO).
- Created HTML email templates and newsletters for email marketing campaigns.
- Redesigned the layout of an eCommerce site that generated an increase of 20% in sales.
- Improved the loading time an eCommerce site increasing the average time of visits by 15%.
- Created AB tests with the increased win rate of 20% on a product landing page.
- Implemented rigorous process for cross-browser testing in IE, Mozilla, and Chrome, which corrected layout issues in an eCommerce site.
Technologies: WordPress, PHP, Adobe Photoshop, jQuery, AngularJS, Sass, JavaScript, CSS, HTML
Experience
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 bring to the user a new experience and overall product vision. 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 through developing standards and best practices.
Technology Leadership Council App
At IBM, I participated in an internal volunteer project to create a web app for the onboarding of new members in the Technology Leadership Council (TLC). In addition to contributing delivering the front-end of project features, I also was responsible for idealization and development of a style guide with recommendations, approaches, and a variety of techniques to employ in order 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 web version for a legacy editor of flat files. 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 to manage all areas of the school such as financial, administrative, enrollment, and grades. I worked in a highly collaborative agile environment designing the user interface and implementing the front-end of all modules of the system, including the portal for teachers and students.
UI Experiments at CodePen
UI snippets, animations, and typography experiments built with HTML, CSS, and JavaScript.
Tech Talks
https://speakerdeck.com/amandavilelaAs a big fan of knowledge sharing, I've facilitated tech talks in local communities and meetups.
Education
2014 - 2017
Technologist in Information Systems in Computer Engineering
Fatec Sorocaba - Sorocaba
2011 - 2012
IT Technician Focusing On Web Development in Computer Engineering
Etec Fernando Prestes - Sorocaba
Skills
Libraries/APIs
Flexbox, jQuery, Node.js, HTML5 APIs
Tools
Git, Jira, Trello, NPM, Adobe Photoshop, Atom, Sublime Text, ITerm, Slack, Node Version Manager, Email on Acid, Webpack
Languages
ES7, JavaScript, Sass, CSS, HTML, Markdown, Python, PHP, Python 3
Frameworks
AngularJS, Angular, Bootstrap, Jasmine, Django REST Framework, Express.js, Jest
Paradigms
BEM, UI Design, Web Performance Optimization (WPO), Scrum, Agile, UX Design, Team Development
Platforms
Linux, WordPress, Docker, Firebase
Storage
MongoDB, SQLite
Other
User Interface (UI), User Experience (UX), CSS Grid, Responsive UI, Pixel Perfect, Progressive Web Applications (PWAs), PWA, Front-end Development, SEO Tools, Mobile First, Organic SEO, Responsive Email Templates, Email Templates, Core Web Vitals, Drip Email, Cerberus Security, Email Coding, HTML Email, Chrome Extensions, Web Accessibility, Front-end Architecture, Web Project Management
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