Publication
Embracing Sass: Why You Should Stop Using Vanilla CSS
https://www.toptal.com/developers/front-end/embracing-sass-why-you-should-stop-using-vanilla-css
Marcelo is available for hire
Hire MarceloMarcelo Mazza
Verified Expert in Engineering
UX Designer and Developer
Buenos Aires, Argentina
Toptal member since April 18, 2015
Bio
Marcelo has been working for more than 14 years in top Internet companies, from large eCommerce sites, startups, and unicorns, as a user experience (UX) designer, developer, and team manager. He has solid knowledge of conversion rate optimization, mobile, UX, usability, design, front-end development, and WordPress, in addition to excellent interpersonal skills. Marcelo has proven experience in project management, strong organizational skills, and business knowledge.
Portfolio
alansfactoryoutlet.com
A/B Testing, WordPress, Figma, Sketch, Git, HTML, CSS, Sass, JavaScript, GitHub...
Airbrake.io (via Toptal)
Git, CoffeeScript, Grunt, Less, Sass, HTML, Ruby on Rails (RoR), AngularJS...
UpgradedPoints (via Toptal)
Git, jQuery, Grunt, Sass, HTML, PHP, WordPress, HTML5, User Experience (UX)...
Experience
- User Experience (UX) - 14 years
- CSS - 14 years
- Sass - 11 years
- WordPress - 10 years
- HTML - 10 years
- Conversion Rate Optimization (CRO) - 10 years
- Usability - 5 years
- Responsive Web Design (RWD) - 4 years
Preferred Environment
Chrome, Git, Terminal, Sublime Text, UI Design, Figma, Sketch
The most amazing...
...thing I've designed is the first version of a mobile app for the #1 eCommerce travel website of Latin America, with millions of customers.
Work Experience
A/B Testing, Business, CRO, Dev, and UX Consultant (via Toptal)
2018 - 2024
alansfactoryoutlet.com
- Joined the business. When I started, Alan was using HubSpot and Volusion. He was afraid of changes. After time and confidence, we moved the whole site to WordPress; this was a great move that allowed the site to scale better and assured a future platform for the business.
- Created, along with the team, a great 3D widget in Three.js that still lives on alansfactoryoutlet.com/3d-carport-and-metal-garage-builder/.
- Switched—when the client needed—to a project manager position to allow him to work alongside the team and make it more productive.
Technologies: A/B Testing, WordPress, Figma, Sketch, Git, HTML, CSS, Sass, JavaScript, GitHub, Trello, Sublime Text, Terminal, WooCommerce, WP Engine, User Experience (UX), Web UI Design, Conversion Rate Optimization (CRO), Usability, Responsive Web Design (RWD), Design, User Interface (UI), UX Design, Websites, WordPress Themes, Web Development, PHP, WordPress Plugins, WordPress API, DevOps, Web Design, ACF PRO, Search Engine Optimization (SEO), Responsive UI, UI Development, Full-stack, Full-stack Development, Node.js, React, Google Analytics, SEO Tools, Dynamic Websites, Flexbox, Figma to WordPress, Front-end Development, WordPress Design, WordPress SEO
Head of UX and Web Design, Developer
2015 - 2021
Airbrake.io (via Toptal)
- Defined a visual identity and brought a cohesive experience between the different apps.
- Organized a spaghetti-style SASS and LESS codebase, defining structure and applying BEM principles.
- Gathered data and brainstormed ideas for new developments and features.
- Collaborated with the developers providing design support and CSS mentorship.
- Worked alongside the CEO and CTO in the development of new features and definitions of the roadmap.
Technologies: Git, CoffeeScript, Grunt, Less, Sass, HTML, Ruby on Rails (RoR), AngularJS, Bootstrap, HTML5, JavaScript, User Experience (UX), UI Design, Front-end, Hubot, Responsive, Back-end, Usability, Responsive Web Design (RWD), Design, User Interface (UI), UX Design, Websites, Pixel Perfect, UI Animation, CSS3 Animation, Web Development, Web Design, Responsive UI, UI Development, Python, iOS, SEO Tools, Dynamic Websites, Flexbox, Front-end Development
WordPress UX and CRO Designer/Developer
2015 - 2021
UpgradedPoints (via Toptal)
- Created a new platform for a travel rewards site, starting with wireframes and design and moving on to WordPress implementation.
- Set up a staging server with WPEngine and deployed the structure with Git.
- Created a specific theme and plugin for the site, including different custom post types for the content, with different taxonomies and metaboxes.
- Created specific WordPress plugins for the site, for custom functions.
Technologies: Git, jQuery, Grunt, Sass, HTML, PHP, WordPress, HTML5, User Experience (UX), UI Design, Front-end, JavaScript, MySQL, FTP, Responsive, Back-end, Usability, Responsive Web Design (RWD), Design, User Interface (UI), GoDaddy, UX Design, Websites, Pixel Perfect, UI Animation, CSS3 Animation, WordPress Themes, Web Development, WP Engine, WordPress Plugins, WordPress API, DevOps, Web Design, Search Engine Optimization (SEO), Responsive UI, UI Development, Google Analytics, SEO Tools, Dynamic Websites, Flexbox, Figma to WordPress, Front-end Development, WordPress Design, WordPress SEO
UX/CRO Designer and Developer | Mobile Team Lead
2013 - 2015
Booking.com
- Designed, researched, and conducted A/B testing of new features.
- Designed for mobile web and optimized features for EMK and PPC campaigns.
- Created wireframes, conducted A/B testing, designed web features, and developed front-ends.
- Analyzed data and came up with creative solutions.
- Gathered business metrics and defined the impact of improvements.
Technologies: Git, Sketch 3, jQuery, CSS, HTML, User Experience (UX), UI Design, Front-end, Responsive, Usability, Responsive Web Design (RWD), Design, User Interface (UI), UX Design, Websites, Pixel Perfect, UI Animation, CSS3 Animation, Web Development, Web Design, Responsive UI, Google Analytics, SEO Tools, Dynamic Websites, Front-end Development
User Experience Manager
2011 - 2014
Decolar.com/Despegar.com
- Set up a large team of 20+ interdisciplinary members with a diverse professional profile: Graphic and web design, usability, psychology, web development, systems engineering, and marketing and advertising.
- Planned and designed usability testing and front-end development of every feature of Decolar.com.
- Designed interactions for all the mobile apps of Decolar.com (iPad, iPhone, Android, Windows Phone, Blackberry, etc).
- Encouraged daily interactions between designers and developers to build a final product of quality and excellence.
- Answered to and consulted with more than 20 internal clients, including the CEO, product owners, functional analysts, back-end developers, and customer service representatives.
- Gathered functional and business requirements and converted them into interaction models.
- Guarded the consistency and visual style of Decolar.com.
- Worked directly with front-end developers to assure the quality of the HTML and CSS of the site.
Technologies: Adobe Photoshop, Git, Sass, CSS, HTML, Fireworks, User Experience (UX), UI Design, Responsive, Usability, Responsive Web Design (RWD), Design, User Interface (UI), UX Design, Websites, Pixel Perfect, Web Design, Dynamic Websites
UX/Web Designer and Front-end Developer
2010 - 2011
Dridco
- Led the design and handled maintenance of the site.
- Generated designs for new products along with stakeholders (PMs and C-team).
- Redesigned existing sections of the website and brought consistency and a visual language.
- Hand-coded CSS and HTML (standards era). At that time, the team still used Dreamweaver.
- Introduced jQuery to the development team, and we implemented the company's first front-end development library of that type.
Technologies: Subversion (SVN), Fireworks, FreeMarker, jQuery, CSS, HTML, UI Design, Front-end, Design, User Interface (UI), UX Design, Websites, Pixel Perfect, Web Development, Web Design, Dynamic Websites, Front-end Development
Lead Interaction Designer
2010 - 2011
Decolar.com/Despegar.com
- Unified the look and feel of all the different existent products (Hotels, Flights, Travel Packages, Car Rental).
- Defined the aesthetics and a visual identity for the Decolar.com website.
- Designed the first versions of the mobile apps of the company.
- Interacted with all the internal clients to get them to agree on a common design ground.
- Introduced new technologies, workflows, and methodologies. Was ordered to create the UX team.
Technologies: Adobe Photoshop, Git, Sass, CSS, HTML, Fireworks, UI Design, Responsive, Design, User Interface (UI), UX Design, Websites, Pixel Perfect, Web Design, Dynamic Websites
Web Marketing Designer
2008 - 2010
Dridco
- Designed and coded the marketing department's HTML newsletters.
- Designed and coded landing pages focused on conversion rates for different marketing campaigns.
- Animated banners and designed graphics for the website using Macromedia Flash.
Technologies: Subversion (SVN), CSS, HTML, Adobe Photoshop, Fireworks, UI Design, Design, User Interface (UI), UX Design, Websites, Pixel Perfect, Web Design, Dynamic Websites, Jakarta Server Pages (JSP), Java
Experience
Contributor of WordPress 4.2 "Powell"
https://wordpress.org/news/2015/04/powell/I contributed to the team of "Press This," a feature that was revamped for WordPress 4.2, by chatting, designing, and collaborating with the features.
I hope to do more open source work in the future.
I hope to do more open source work in the future.
Akimbocard.com Dashboard Redesign
Akimbo Financial is an Austin, Texas-based startup is an Austin, Texas-based startup. First, responsive web design techniques were applied to the registration process and then to the overhaul of the dashboard. Then, it was integrated with the Zend framework, and SASS was used for the stylesheets and implementation of icon fonts.
Front-end Developer, Akimbo Financial, Inc.
https://www.akimbocard.com/Akimbo Financial is an Austin, Texas-based startup. I applied responsive web design techniques to the registration process first and then to the overhaul of the dashboard. For the Integration with the Zend framework, I used SASS for the stylesheets and implemented icon fonts.
Skills
Libraries/APIs
jQuery, WordPress API, Node.js, React, Flexbox, Modernizr, jQuery UI
Tools
Sublime Text 3, Figma, Adobe Photoshop, Adobe Illustrator, Git, Fireworks, Adobe Fireworks, Sketch, ACF PRO, Google Analytics, Sublime Text, Terminal, Sketch 3, FreeMarker, Subversion (SVN), Grunt, GitHub, Trello
Languages
Sass, JavaScript, CSS, HTML, PHP, SCSS, HTML5, CSS3, Python, Less, CoffeeScript, Java
Frameworks
Bootstrap, Bootstrap 3, ZURB Foundation, Chrome, AngularJS, Ruby on Rails (RoR), Jakarta Server Pages (JSP)
Paradigms
UI Design, Responsive, UX Design, Responsive Web Design (RWD), Agile Software Development, Search Engine Optimization (SEO), BEM, SMACSS, Conversion Rate Optimization (CRO), DevOps, Web UI Design
Platforms
WordPress, WooCommerce, iOS
Storage
WP Engine, MySQL
Industry Expertise
Web Design
Other
Front-end, User Experience (UX), Usability, Design, User Interface (UI), Websites, Pixel Perfect, CSS3 Animation, WordPress Themes, Web Development, WordPress Plugins, Responsive UI, UI Development, Dynamic Websites, Figma to WordPress, Front-end Development, Performance Optimization, eCommerce, Hubot, FTP, UI Animation, Full-stack, Full-stack Development, SEO Tools, WordPress Design, WordPress SEO, Back-end, A/B Testing, GoDaddy
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