Daniel Ranzi Werle, Developer in Florianópolis - State of Santa Catarina, Brazil
Daniel is available for hire
Hire Daniel

Daniel Ranzi Werle

Verified Expert  in Engineering

User Interface (UI) Developer

Location
Florianópolis - State of Santa Catarina, Brazil
Toptal Member Since
March 1, 2016

Daniel is a senior front-end developer and UX designer with over 10 years of experience leading projects and UX/dev teams. He has strong prototyping skills using various tools and wide experience with front-end architecture and development. He's also a professor for HCI and front-end topics in Brazilian colleges.

Portfolio

MapD (via Toptal)
Jinja, Liquid, Templating, Google Tag Manager, Analytics, JavaScript, CSS, HTML
Faculdade Energia
Adobe Illustrator, CSS, HTML
Nextt
CSS3, HTML5

Experience

Availability

Part-time

Preferred Environment

Axure, Sketch, Jekyll, Git, Atom, Sublime Text

The most amazing...

...thing I've worked on in the past year was a web-based mobile offline app, 100% in the browser.

Work Experience

Front-end Developer

2016 - PRESENT
MapD (via Toptal)
  • Supported and evolved a website platform on a "serverless" Python structure, using Jinja2 as a templating language.
  • Designed and developed landing pages and marketing materials.
  • Developed integrated marketing efforts with Marketo and Pardot platforms.
  • Designed UI components and workflows for parts of the product experience.
  • Configured, fixed, and implemented digital marketing KPIs using Pardot, Analytics, and Tag Manager.
Technologies: Jinja, Liquid, Templating, Google Tag Manager, Analytics, JavaScript, CSS, HTML

Professor

2013 - PRESENT
Faculdade Energia
  • Lectured on a front-end development course for graphic design and computing majors.
  • Lectured on vector graphics, HCI, and animation courses for graphic design majors.
  • Advised undergrad final thesis projects on mobile apps, web apps, and human-computer interaction.
Technologies: Adobe Illustrator, CSS, HTML

Head Front-end Designer

2010 - PRESENT
Nextt
  • Created several front-end architectures and style guides using Twitter Bootstrap and Zurb Foundation.
  • Worked on the front-end (theming) of large-scale WordPress and eCommerce structures.
  • Worked as team leader translating customer requirements into functional prototypes and bridging communication between stakeholders and developers.
  • Conducted moderated and unmoderated user research and analytics analysis to assess usability issues and create design/front-end backlog.
  • Themed and styled several legacy web-based products, transforming and updating their user interface solely by using CSS, but maintaining legacy back-end code and structure.
Technologies: CSS3, HTML5

Front-end Developer

2016 - 2017
Thumbtack (via Toptal)
  • Converted several legacy code pages into the new in-house front-end HTML/CSS framework (Thumbprint).
  • Converted several JS components into reusable Angular components for product UI.
  • Created complex animations and interactions for landing pages using CSS Animation and JavaScript (GSAP).
  • Wrote A/B tests for optimizing landing pages for their specific conversions.
  • Worked alongside back-end devs and marketing teams to prototype and design conversion-led landing pages.
Technologies: ECMAScript (ES6), Sass, Angular

Developer

2016 - 2016
Securities Training Corporation (via Toptal)
  • Created a static prototype using InVision.
  • Customized Zurb Foundation's variables and styles to match the designed layouts.
  • Created a reusable front-end structure for interface components.
Technologies: Sass, ZURB Foundation, Gulp, CakePHP

Whirlpool Brand WP Theme

http://www.brastemp.com.br/
Both Brastemp and Consul are consumer brands of Whirlpool Latin America. I am one of the designers in charge of defining the information architecture and developing the front-end layer of several interactive components and integrating them into their WordPress structure. I am particularly proud of the aesthetic result of the designs and how many millions of people this website impacts.

Adventistas.org

http://www.adventistas.org/
Adventistas.org is the internet portal of the South American Division of the Adventist Church. My role as lead designer was to conduct user research and develop the front-end architecture for this large-scale WordPress theme based on a multi-site installation, creating a customized large scale fork of Bootstrap 3. Besides the portal's impressive growth last couple of years (over tenfold), I'm really proud of the community of developers we were able to form due to the openness of the project, and the style guide (http://styleguide.adventistas.org) we built for this community.

RedWeek

http://www.redweek.com/
RedWeek.com is the largest online community and marketplace for timeshare rentals and resales. I've been working on this project as an information architect and front-end developer, defining userflows, creating wireframes and coding new pages based on a style guide created by the team. This project uses Zurb's Foundation as a front-end framework, with several custom JavaScript solutions. Besides the overall amazing redesign (from http://classic.redweek.com to the current version), we were able to at first launch the redesign based solely on CSS changes, gradually rewriting the front-end layer of the pages and maintaining the exact back-end structure.

Nextt Corporate Website

This is the website of the company that I currently work for as a lead designer. I designed the website's layout, I worked on the CSS and JS for the responsive mobile version, and I set up all Google Analytics tags, triggers, goals, and conversions. This corporate website was built using Zurb Foundation and Jekyll templating engine, so there's no server structure, but a very easy and straightforward editing capability for front-end developers. This website was done in a very short timeframe (a little over two weeks), so given the time available, I'm really happy about the quality of the project.

Languages

CSS, HTML, Less, JavaScript, Sass, TypeScript, HTML5, CSS3, ECMAScript (ES6)

Frameworks

AngularJS, Angular, Ionic, ZURB Foundation, CakePHP, Jinja, PhoneGap

Libraries/APIs

Vue, React, jQuery, Liquid

Tools

Sketch, Adobe Illustrator, Git, Adobe Photoshop, Axure RP Pro, Google Analytics, SAP Hybris, Jekyll, Webpack, Sublime Text, Atom, Gulp

Paradigms

UI Design, UX Design, Search Engine Optimization (SEO), Templating

Platforms

WordPress Theme Design, WordPress

Other

Google Tag Manager, User Interface (UI), Front-end, eCommerce UX, User Experience (UX), Google Material Design, Style Guides, Lean UX, User Research, Axure, Analytics, Cordova, Client-side JavaScript Frameworks

2017 - 2019

Master's Degree in Interaction Design

Cyprus University of Technology - Limasol, Cyprus

2009 - 2011

Graduate Degree in Interaction Design

San Martin University - Curitiba, PR - Brazil

2005 - 2011

Bachelor's Degree in Business Administration

State University of Santa Catarina - Florianópolis, SC - Brazil

2008 - 2008

Exchange Program as Part of My Degree in Business Administration, focused on International Marketing

University of Business and Social Sciences - Buenos Aires - Argentina

2004 - 2008

Bachelor's Degree in Graphic Design

Federal University of Santa Catarina - Florianópolis, SC - Brazil

2005 - 2006

Exchange Program as Part of My Degree in Graphic Design, focused on Art History

University of Nottingham - Nottingham - United Kingdom

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