Leonardo is available for hire

Leonardo Baptista Lopes

Verified Expert in Engineering

Usability Developer

Balneário Camboriú - Santa Catarina, Brazil

Toptal member since January 23, 2018

Expertise

WordPress Development CSS HTML5 Web Development Gmail Accessibility Development Excel Development Git jQuery JavaScript PHP MySQL

Bio

Leonardo is a web designer with almost two decades of experience designing and assembling web pages. His knowledge and practice range from website planning and UI/UX designing to front-end development, especially HTML and CSS. Leonardo is also a rather good programmer, which allows him to integrate the front end into the back end of his projects. He currently owns a web design studio that has been in existence for over 12 years, where he develops his project management and leadership skills.

Portfolio

Strongway Estúdio Ltda - ME

Vue 2, Graphic Design, Usability, Project Management, jQuery...

W2O Softwares para Internet Ltda.

Graphic Design, Usability, jQuery, User Experience (UX), Interface Design...

Luminisland Studios

Graphic Design, Usability, Project Management, Interface Design...

Experience

WordPress - 17 years
Usability - 16 years
Graphic Design - 14 years
User Experience (UX) - 14 years
CSS - 13 years
HTML5 - 13 years
Web Design - 12 years
Vue 2 - 3 years

Preferred Environment

Bitbucket, Emmet, Sublime Text, HTML, TortoiseGit, CSS, JavaScript, WordPress, Vue 2, Git

The most amazing...

...project I've worked on was my company's last eCommerce theme, developed for Tray Commerce. The theme is very responsive and performant.

Work Experience

Business Owner | Web Developer

2012 - PRESENT

Strongway Estúdio Ltda - ME

Started the business as a designer with a programmer business partner.
Created the website layouts from scratch for our own projects as well as for 3rd parties.
Built website templates from the said layouts for our projects and for 3rd parties.
Developed layouts and templates for hosted eCommerce platforms.
Managed several projects that were developed by our coworkers.
Handled the company's finances and administrative work.
Met clients and was responsible for project scoping and estimates.

Technologies: Vue 2, Graphic Design, Usability, Project Management, jQuery, User Experience (UX), Interface Design, HTML5, Web Design, Fireworks, Adobe Illustrator, Adobe Photoshop, WordPress, PHP, JavaScript, CSS, SCSS, HTML, Figma, Email Design, Pixel Perfect, UI Animation, User Interface (UI), CSS3 Animation, Advanced Custom Fields (ACF), WordPress Themes, MySQL, Search Engine Optimization (SEO), WooCommerce, Moqups, Excel 2016, Bootstrap 3, ZURB Foundation, Sublime Text 3, Word 2010, Writing & Editing, Photoshop CC, LibreOffice, Illustrator CC, Quality Control (QC), Accessibility, Google vital score, TortoiseGit, InDesign CC, Adobe Experience Design (XD), Gmail, Page Indexing, Responsive Web Design (RWD), WordPress Plugins, Git, React

Freelance Web Designer | Front-end Developer

2008 - PRESENT

W2O Softwares para Internet Ltda.

Created website layouts from scratch.
Built website templates from the said layouts.
Acted as front-end and UX consultant, giving insights on usability.
Supported several projects that are maintained by the company.
Acted as sales agent on the company's behalf in my city's surroundings.

Technologies: Graphic Design, Usability, jQuery, User Experience (UX), Interface Design, HTML5, Web Design, Fireworks, Adobe Illustrator, Adobe Photoshop, JavaScript, CSS, SCSS, HTML, Email Design, Pixel Perfect, UI Animation, User Interface (UI), CSS3 Animation, PHP, MySQL, Search Engine Optimization (SEO), Bootstrap 3, Sublime Text 3, Photoshop CC, LibreOffice, Illustrator CC, Quality Control (QC), Accessibility, TortoiseGit, InDesign CC, Adobe Experience Design (XD), Gmail, Responsive Web Design (RWD), Git, React

Art Director

2008 - 2010

Luminisland Studios

Produced character designs for casual games.
Created user interfaces for casual games.
Designed levels and scenarios for casual games.
Managed and art directed other artists' work.
Kept records of meetings and was responsible for setting weekly goals.

Technologies: Graphic Design, Usability, Project Management, Interface Design, Adobe Illustrator, Fireworks, Adobe Photoshop, UI Animation, User Interface (UI), Photoshop CC, Quality Control (QC), Accessibility, Gmail

Experience

CIGS | ERP Software | WordPress

I managed the whole project and built the WordPress theme from scratch. I kept a focus on a good responsive and accessible experience, as well as making it as performant as I could. It also has a Vue.js-powered purchase form integrated with the client's contract generation database via an Ajax API.

Dental Aligner | Dentistry Products

I led the art direction and created the whole single-page template, focusing on a solid responsive and accessible experience. The template was then handed to W2O to build the CMS on.

LX Contabilidade | Accountancy Office

This is a WordPress single-page website with a theme built from scratch. I art directed it and programmed the whole theme.

The website also animates when scrolling and features a jQuery-based monthly fee calculator.

Costa | Accountancy Office

I led the art direction for the project and built the whole HTML and CSS from scratch which was then handed to W2O to build the CMS on.

Bier Barcelos | Law Office

I led the art direction and developed some of the HTML and all the CSS and JavaScript template from scratch for this single-page website

Kronos Games | Board Game Store

https://strongway.com.br/portfolio/loja-virtual-kronos-games

I managed, and art directed the whole project and built the HTML and CSS of the main pages atop of the Tray Commerce platform. Since the project was based on this platform, some aspects of the code could not be changed, but the overall results shine amongst other projects done atop of this platform.

Tresano | Clothing Store

I managed and art directed the whole project as well a building the HTML and CSS of the main pages atop of the Tray Commerce platform. Since this was based on this platform, some aspects of the code could not be changed, but the overall results shine amongst other projects done atop of this platform.

The website has two small Vue.js components that were used to build the cart dropdown and a bar that progresses as the user gets closer to getting free shipping.

The company also has a WordPress blog that was built by me.

Website Adjustments for Inclusive Leaders Group

My work focused on adjusting several page layouts using Elementor. The website was already built using Elementor but lacked some layout consistency; it also needed content updates. I collaborated closely with the company leadership throughout the project.

Education

2007 - 2009

Specialist's Degree in Marketing and Advertising

The University of Vale do Itajai (Univali) - Balneario Camboriu, Brazil

2003 - 2007

Bachelor's Degree in Industrial Design

The University of Vale do Itajai (Univali) - Balneario Camboriu, Brazil

Skills

Libraries/APIs

Emmet, Vue 2, jQuery, React

Tools

Sublime Text 3, Advanced Custom Fields (ACF), Sublime Text, Bitbucket, Adobe Photoshop, Adobe Illustrator, Illustrator CC, Excel 2016, Fireworks, Word 2010, LibreOffice, Photoshop CC, TortoiseGit, Git, InDesign CC, Adobe Experience Design (XD), Figma, Moqups

Languages

HTML, SCSS, CSS, HTML5, JavaScript, PHP

Paradigms

Interface Design, Web UI Design, Web UX Design, Responsive Web Design (RWD), Search Engine Optimization (SEO)

Platforms

WordPress, WooCommerce

Industry Expertise

Web Design, Project Management

Frameworks

ZURB Foundation, Bootstrap 3

Storage

MySQL

Other

Tray, eCommerce, Usability, Graphic Design, Pixel Perfect, User Interface (UI), WordPress Themes, Design, User Experience (UX), Accessibility, Writing & Editing, Gmail, Quality Control (QC), Email Design, UI Animation, Google vital score, DSLR Photography, Ergonomic Design, Human Factors, WordPress Plugins, Elementor, CSS3 Animation, Page Indexing, Web Marketing, Advertising

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.

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.

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