Felipe Bittencourt Barroso Toledo, Developer in Belo Horizonte - State of Minas Gerais, Brazil
Felipe is available for hire
Hire Felipe

Felipe Bittencourt Barroso Toledo

Web Developer

Belo Horizonte - State of Minas Gerais, Brazil

Toptal member since December 20, 2016

Bio

Felipe is a creative and focused developer who has previously worked as a member of the IT team at the HNI Corporation for eight years, delivering high-quality and innovative work on time. He also has a bachelor's degree in graphic and interaction design. Felipe joined Toptal to seek out challenging opportunities where a high standard for coding solutions is needed.

Portfolio

Toptal
Git, HTML5, JavaScript, jQuery, Sass, CSS, HTML, Front-end, Bootstrap...
Procter & Gamble
BigCommerce, JavaScript, CSS, Sass, jQuery, HTML, User Experience (UX)...
HNI Corporation
jQuery, JavaScript, CSS3, HTML5, CSS, HTML, Responsive, Responsive Layout...

Experience

  • HTML - 15 years
  • JavaScript - 10 years
  • Front-end Development - 10 years
  • CSS - 10 years
  • Lighthouse - 5 years
  • A/B Testing - 5 years
  • Figma to HTML - 5 years
  • Core Web Vitals - 5 years

Preferred Environment

Windows, MacOS

The most amazing...

...project I've worked on was a responsive GPS-based mobile app that helps people know where mosquitoes are mostly found, generating a dynamic country-based map.

Work Experience

Senior Front-end Engineer

2016 - PRESENT
Toptal
  • Applied technical precision, strict design fidelity, and conversion awareness, ensuring fast load times, accessibility compliance, strong visual hierarchy, and frictionless user journeys.
  • Created high-converting, pixel-perfect marketing landing pages optimized for performance, accessibility, and measurable growth.
  • Stayed current with emerging technologies and industry trends and applied them to day-to-day activities.
  • Maintained a super clean, high-quality, scalable codebase.
Technologies: Git, HTML5, JavaScript, jQuery, Sass, CSS, HTML, Front-end, Bootstrap, Responsive, Wireframing, Responsive Layout, Web Development, Website Performance, English, Tailwind CSS, Responsive Design, Webflow, Accessibility, SEO Tools, Responsive Web Design (RWD), Content Management Systems (CMS), Redesign, Web Design, eCommerce, Newsletter Templates, Email Templates, Design, Core Web Vitals, Lighthouse, Lead Conversion, Conversion Rate, A/B Testing

Senior Full-stack Front-end Developer

2018 - 2019
Procter & Gamble
  • Developed promotional product websites for Gleem (www.gleem.com) and Arc (https://arcsmile.com) from the design phase to delivery. These websites ran the BigCommerce eCommerce tool and I used the BigCommerce Stencil to run the store locally.
  • Tracked and fixed bugs using Trello as a reporting tool.
  • Launched successfully, the buying process was easy to use, and the client was pleased with the product high selling numbers.
Technologies: BigCommerce, CSS, Sass, jQuery, JavaScript, HTML, User Experience (UX), Responsive, Responsive Layout, Web Development, CSS3 Animation, User Interface (UI), Front-end, Website Performance, Responsive Design, Responsive Web Design (RWD), eCommerce

Web Developer | Web Designer

2008 - 2016
HNI Corporation
  • Created reusable, cross-browser responsive platforms.
  • Developed mobile apps to achieve multiple user types on a website organization.
  • Crafted a brand new look and feel, also the code for how the public portals go to the market.
  • Built a new version of a website applying usability rules and tests.
  • Created portals from scratch using new web trends.
  • Wrote HTML/CSS email templates for different types of users.
  • Worked with the quality assurance team to fix cross-browser issues and general bugs.
  • Supported usability tests and UI validation, persona, and more.
  • Made style guides, rules, and patterns for future maintenance of portals and websites.
  • Created reusable HTML/CSS for multiple portal skins, ensuring good maintenance and meeting web standards.
Technologies: jQuery, JavaScript, CSS3, HTML5, CSS, HTML, Responsive, Responsive Layout, Web Development, User Interface (UI), UX Mentoring, Website Performance, Responsive Design, Responsive Web Design (RWD), Redesign, Web Design

Web Developer | Web Designer

2005 - 2008
Fundação Getulio Vargas
  • Worked on a variety of projects, including—games, websites, portals, animations, video editing, creation, and more.
Technologies: jQuery, JavaScript, CSS, HTML, Web Development, Responsive Design, Responsive Web Design (RWD), Redesign, Web Design

Experience

Aviara Boats

http://www.aviaraboats.com
I was the front-end developer responsible for developing all the HTML, CSS, JavaScript, and jQuery codes that translated the Figma file design into a responsive UI at a pixel-perfect level. My code included client-side form validations, menu integration, and the creation of custom-set color pallets and fabrics for the boats. The result was amazing, above expectations, and the client was pleased.

Gleem | ARC Smile - Procter & Gamble

I formatted pixel-perfect code from Figma designs into well-written code, emphasizing best practices to deliver high-quality software that meets project requirements, budget, and schedule. Semantic and reusable code does matter. I implemented a new UI with custom HTML and CSS within a large eCommerce platform.

Allsteel Office Portal

http://www.allsteeloffice.com
This role is focused on translating static Figma designs into pixel-perfect, production-ready HTML/CSS implementations with exceptional responsiveness, accessibility, and performance optimization.

Performance Snapshot:
• Performance: 98
• Accessibility: 100
• Best Practices: 96
• SEO: 100
• Core Web Vitals: LCP 1.6s | CLS 0.02 | INP 120ms

HBF Textiles Portal

In this project, my contribution consisted in:
• Implementing the UI look and feel.
• Writing the HTML and CSS code.
• Developing the JavaScript client-side.
• Creating and implementing the menu animation, the background image cover, and more.

HNI Corporation Main Portal

In this project, I completely rewrote the code. I designed the new look and feel of the HNI Corporation's main portal using the latest features to achieve the ultimate desired user experience possible.

Online Chat with SEO Content and Responsive Web Design

https://www.talktimefriends.com/
As a front-end developer, I bridged the gap between Figma designs and technical implementation using HTML5, CSS, and Vanilla JavaScript, taking an active role on both sides and defining how the application looks and works. This project was a high-paced and challenging environment, with a responsive web design, including animations and Lighthouse's highest scores: 95 - Performance, 96 - Accessibility, 100 - Best Practices, and 100 - SEO.

Global Fashion Brand for High-conversion Efficiency

I engineer high-converting, pixel-perfect marketing pages optimized for
performance, accessibility, and measurable growth. ECommerce websites are performance systems. My approach balances technical precision, strict design fidelity, and conversion awareness—ensuring fast load times, accessibility compliance, strong visual hierarchy, and frictionless user journeys.

Education

2008 - 2010

Postgraduate Certificate in User-Centered Interaction Design

Pontifical Catholic University of Minas Gerais - Belo Horizonte, Brazil

2003 - 2007

Bachelor's Degree in Graphic Design

Fumec University - Belo Horizonte, Brazil

Skills

Libraries/APIs

jQuery

Tools

Git, Adobe Photoshop, Adobe After Effects, Adobe Illustrator, Figma, Figma to HTML, Mailchimp, Visual Studio 2015, Lighthouse

Languages

Less, Sass, JavaScript, CSS, HTML, HTML5, CSS3, CSS4

Frameworks

Bootstrap, Tailwind CSS

Paradigms

Responsive, Responsive Layout, Web UI Design, Mobile Web Design, Responsive Web Design (RWD), UI Design, UX Design, Usability Testing, Desktop Web Design, Web UX Design, On-page SEO

Platforms

WordPress, Shopify, BigCommerce, MacOS, Windows, Webflow

Industry Expertise

Web Design

Other

Front-end, PSD Slicing, Pixel Perfect, Usability, Mobile UX, PSD to HTML, PSD Design, User Interface (UI), User Experience (UX), Wireframing, Web Development, CSS3 Animation, Website Performance, English, User-centered Design (UCD), Responsive UI, A/B Testing, Web UX, Web UI, Responsive Design, Accessibility, Content Management Systems (CMS), Redesign, Web App UI, Design, Front-end Development, Core Web Vitals, BigCommerce Stencil Design, UX Mentoring, Newsletter Templates, Email Templates, App UI, SEO Tools, eCommerce, Shopify Theme, Shopify Customizations, Mobile UI, SEO Content, Lead Conversion, Key Performance Indicators (KPIs), Conversion Rate

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