Daniel Ranzi Werle, User Interface (UI) Developer in Florianópolis - State of Santa Catarina, Brazil
Daniel Ranzi Werle

User Interface (UI) Developer in Florianópolis - State of Santa Catarina, Brazil

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.
Daniel is now available for hire




Florianópolis - State of Santa Catarina, Brazil



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.


  • 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
    • 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

    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

    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

    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


  • Master's Degree in Interaction Design
    2017 - 2019
    Cyprus University of Technology - Limasol, Cyprus
  • Graduate Degree in Interaction Design
    2009 - 2011
    San Martin University - Curitiba, PR - Brazil
  • Bachelor's Degree in Business Administration
    2005 - 2011
    State University of Santa Catarina - Florianópolis, SC - Brazil
  • Exchange Program as Part of My Degree in Business Administration, focused on International Marketing
    2008 - 2008
    University of Business and Social Sciences - Buenos Aires - Argentina
  • Bachelor's Degree in Graphic Design
    2004 - 2008
    Federal University of Santa Catarina - Florianópolis, SC - Brazil
  • Exchange Program as Part of My Degree in Graphic Design, focused on Art History
    2005 - 2006
    University of Nottingham - Nottingham - United Kingdom

To view more profiles

Join Toptal
Share it with others