Bruno is available for hire
Hire BrunoBruno 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
Experience
NewBlueFX Web Controllers
http://www.newbluefx.comDeveloped 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.
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.
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.arSantander 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.
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.
Skills
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
Certifications
JUNE 2021 - PRESENT
C# Scripting Fundamentals
Circuit Stream
AUGUST 2020 - PRESENT
Certified Developer
Online Freelance Agency