Bruno Molteni, Developer in Barcelona, Spain
Bruno is available for hire
Hire Bruno

Bruno Molteni

Verified Expert  in Engineering

Web UX Developer

Location
Barcelona, Spain
Toptal Member Since
April 17, 2020

Blending the logic-wielding and problem-solving of an engineer with the visual sensitivity of a designer, Bruno brings over ten years of experience focused on modern front-end architectures. ​He is proficient with migrations, optimization, CRM, UI, and feels right at home speaking the language of both developers and designers. Bruno is an asset to any project, especially those requiring a technical and aesthetic background.

Portfolio

Freelance
React, Node.js, HTML, CSS, User Experience (UX), User Interface (UI), JavaScript
Fetcher
BEM, SCSS, Babel, Webpack, Node.js, Storybook, Redux, React, JavaScript
Sports Illustrated Play
ASP.NET MVC, BEM, SCSS, Grunt, Node.js, jQuery, JavaScript

Experience

Availability

Part-time

Preferred Environment

Manjaro Linux, Node.js, BEM, SCSS, Redux, React

The most amazing...

...front-end architecture I’ve developed was an online app for the biggest bank in Argentina while leading and mentoring six front-end developers.

Work Experience

Front-end Consultant and Architect

2020 - PRESENT
Freelance
  • Helped Labelbox ship their Contentful-backed website to enable the marketing team to quickly iterate on the content.
  • Worked alongside NewBlue to implement a scalable front-end architecture that enabled us to quickly create over a dozen micro-front ends to drive animated graphics on their live broadcast software.
  • Onboarded and managed another developer using the architecture I designed to scale our development efforts quickly.
  • Implemented a real-time update solution using WebSockets and Webhooks in a scalable way.
  • Created an architecture that allowed the team to integrate with several different OAuth providers frictionless.
Technologies: React, Node.js, HTML, CSS, User Experience (UX), User Interface (UI), JavaScript

Front-end Architect

2017 - 2020
Fetcher
  • Migrated the app's UI from jQuery to React in the first three months while creating a custom-made component library, later used in two other company projects.
  • Implemented a scalable front-end architecture and technologies' best practices to support the team's future growth.
  • Improved the developer experience for the team by implementing a live documentation system for the component library to encourage code reuse.
  • Taught existing and new team members the conventions and best practices for React and modern CSS (BEM, ITCSS).
  • Developed a custom scaffolding solution for quickly creating new components and pages, making the onboarding process and development of new features significantly faster.
Technologies: BEM, SCSS, Babel, Webpack, Node.js, Storybook, Redux, React, JavaScript

Senior Front-end Engineer

2016 - 2017
Sports Illustrated Play
  • Built a distributed team to develop a web creator project with a modular drag-and-drop interface for creating youth sports team sites.
  • Created new themes, layouts, and modules; maintained current ones, ensuring every possible combination looked great on all screens.
  • Modified the development environment of the project, bringing it up to modern standards.
Technologies: ASP.NET MVC, BEM, SCSS, Grunt, Node.js, jQuery, JavaScript

Front-end Developer | Team Lead

2014 - 2016
Agencia EGO
  • Assisted the agency on the Santander Río CRM web app. Joined the ongoing project, leading the front-end development team.
  • Collaborated with designers, product managers, and developers. Mentored the junior developers on the use of Angular.
  • Acted as a front-end architect developing a proof-of-concept of the tech stack following the bank's strict guidelines.
  • Onboarded three front-end developers into the stack I developed. After the stack proved to be a success, three more front-end developers joined the project using it.
Technologies: Less, Gulp, Node.js, React, AngularJS, JavaScript

Front-end Developer

2014 - 2014
Despegar.com
  • Collaborated with the development team to build Viajeros.com, a user-curated database of travel.
  • Migrated a legacy codebase to use AngularJs, which was the latest technology stack available at the time.
  • Developed several custom components from scratch to use in various core features of the site and marketing landing pages.
  • Implemented a great user experience, taking into account the design and specifications of product designers.
Technologies: Git, Grunt, Sass, Node.js, AngularJS

NewBlueFX Web Controllers

http://www.newbluefx.com
Developed several micro-front ends embedded inside desktop software. They fetched data from OAuth providers like Google, Facebook, and Twitter, displaying it on a responsive UI and communicating with desktop software via WebSockets to trigger animated graphics overlaid on top of live broadcasts.

I architected the front-end stack to allow quick iteration of these micro-front ends, enabling me to collaborate with an outsourced developer and implement over 15 different apps in 10 months.

Fetcher.ai

An online human-resources platform that eases access to high-quality candidates while providing tools to automate all email communication.

At the start of the project, I was in charge of migrating the existing legacy codebase from a server-rendered app to a SPA using React.
I proposed a bottom-up approach, creating a custom component library alongside a living style guide documentation and code generation tools and enabling the migration to move forward quickly.

This system proved to be a success since I single-handedly completed the migration in my first three months with the company. After the migration, I constantly improved our architecture, onboarding and mentoring new front-end developers and ensuring we kept a high-quality codebase.

The component library was then used in three different projects to ensure consistency across all services and help ramp up development efforts.

Santander Argentina Online Banking

http://www.santander.com.ar
Santander Argentina needed an online banking service platform for individuals and corporate customers.

As the front-end architect, I started creating a proof-of-concept of the front-end stack; I ensured all the technical requirements were met and helped set up the development workflow.

From the start, I was in charge of onboarding and mentoring new front-end developers as the project moved on and continuously improving the stack I designed to make sure we follow best practices.

In sum, I developed a living style guide for our UI components, proposed a top-down approach when building new features, and ensured optimization for code reuse and better developer experience.

Languages

JavaScript, HTML, SCSS, Less, CSS, Sass, JADE, PHP, C#

Frameworks

Bootstrap, Express.js, AngularJS, Foundation CSS, Redux, ASP.NET MVC, Angular, Unity, Electron

Libraries/APIs

React, React Redux, Node.js, jQuery, Vue

Paradigms

Web Performance Optimization (WPO), Functional Programming, BEM

Other

Web UX, Web UI, CSS3 Animation, Google SEO, Storybook, WebSockets, Styled-components, Airtable, User Experience (UX), User Interface (UI), UI Blueprints, UI Components, Front-end

Tools

Webpack, Grunt, Gulp, Git, Babel

Platforms

WordPress, Contentful, Manjaro Linux, Docker

Storage

MongoDB, MySQL

JUNE 2021 - PRESENT

C# Scripting Fundamentals

Circuit Stream

AUGUST 2020 - PRESENT

Certified Developer

Online Freelance Agency

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