toptal.com
Contact us: +1.888.604.3188
Giulia Cardieri, A11Y Developer in Sorocaba - State of São Paulo, Brazil
Giulia Cardieri

A11Y Developer in Sorocaba - State of São Paulo, Brazil

Member since June 10, 2018
Giulia is a creative and detail-oriented freelancer with a passion for front-end development and UI/UX design. She has over five years of experience developing web applications for professional, academic, and personal projects. Giulia is a CSS enthusiast and she is always learning new technologies.
Giulia is now available for hire
Hire Giulia

Portfolio

Experience

Location

Sorocaba - State of São Paulo, Brazil

Availability

Part-time

Preferred Environment

Slack, Git, Mac OS, Discord

The most amazing...

...project I've developed was the front end of a design system, in which accessibility requirements were not ignored, with many components and a tight deadline.

Employment

  • Senior Front-end Developer

    2021 - 2021
    Dog and Pony Studios
    • Developed multiple institutional websites using Nuxt.js, Vuex, and Tailwind CSS. All websites had micro animations and accessibility A and AA rules compliance as a requirement.
    • Participated in team calls three days per week to discuss current projects through Discord, kept track of working hours using Harvest, and organized tasks using Asana.
    • Coordinated closely with the design team to create pixel-perfect implementations of UIs created with Figma.
    • Populated content, adjusted Gravity Forms instances, and created custom fields on WordPress admin to display correct data on the front end.
    • Ran accessibility checks using the AXE tool on existing and new projects to make sure they were accessible. If not, troubleshoot and fixed bugs preventing accessibility compliance issues.
    Technologies: Nuxt.js, Vuex, Vue.js, Tailwind CSS, WordPress, Figma, Discord, jQuery, JavaScript, Sass, Axe

  • Front-end Developer

    2019 - 2021
    The Winston Project LLC (via Toptal)
    • Developed over 25 websites for universities based in the United States using a custom framework based on Hugo, jQuery, and SCSS.
    • Implemented the front-end part of a design system with dozens of components in which accessibility was a requirement. The stack included Gridsome, Vue.js, Tailwind CSS, and VueX.
    • Created documentation for each component in the design system to assist future members of the development team.
    • Conducted accessibility checks using SiteImprove tool, troubleshooting, and fixed bugs if necessary.
    • Developed the front-end part of an interactive tuition calculator for higher education using Vue.js, Scss, and VueX.
    Technologies: Vue.js, A11Y, Gridsome, Hugo, Tailwind CSS, jQuery, SCSS, SiteImprove, HTML, CSS, JavaScript, Figma, Slack, Vuex

  • Front-end Developer

    2018 - 2019
    Apollo (via Toptal)
    • Developed responsive UIs using SCSS, HTML, jQuery, and Middleman.
    • Implemented pages to display infographics in images and PDF formats.
    • Recreated a complete website UI, previously built with React, using Middleman.
    • Fixed issues regarding 301 redirects using Node.js.
    • Troubleshot issues to resolve bugs and defects related to the front-end development.
    Technologies: Git, Bootstrap, Flexbox, HTML5, CSS3, Sass, Zeplin, Node.js, Middleman, LocalStorage, JavaScript, jQuery, SCSS, CSS, HTML

  • UX Designer

    2018 - 2019
    TODXS
    • Worked as a UX researcher on the chatbot team with three other people.
    • Developed the chatbot's persona with the UX team. We decided to set this person as a female, non-binary early adult.
    • Validated the chatbot with users through a survey using Google Forms.
    • Researched and gathered data regarding the LGBT+ community to develop the chatbot content.
    • Created a chatbot using Google's tool DialogFlow with the team.
    Technologies: Web UX, Slack, Flow, Chatbots

  • Computer Science Graduate Researcher

    2017 - 2019
    Capes
    • Developed a PWA architecture called PWA-EU. It is a mix of event-driven and layered software architectures so users can act as co-designers of an app. This freedom and flexibility are provided so users can make design choices on the PWA.
    • Conducted software engineering and human computer-interacted experiments to evaluate and compare native mobile, web mobile, and PWA applications.
    • Analyzed qualitative and quantitative data obtained from experiments and study cases.
    • Wrote scientific articles describing the HCI experiments and PWA-EU approach.
    • Developed and designed the proof of concept PWAs for the PWA-EU approach. The first, an event-scheduling app, was developed with Vue.js, CSS, and LocalStorage. The second was developed with Vanilla JavaScript, CSS, Handlebars.js and LocalStorage.
    • Conducted training sessions to teach PWA in theoretical and practical ways to graduate and undergraduate students.
    Technologies: Progressive Web Applications (PWA), Materialize CSS, UX Design, Git, Web UX, CSS, CSS3, HTML5, JavaScript, Sass, UX, Vue.js, PWA

  • CSS Developer

    2018 - 2018
    Postbox (via Toptal)
    • Developed UIs for a dark mode feature on a desktop app using plain CSS.
    • Worked on a large codebase with dozens of CSS files.
    • Debugged files to fix bugs and defects related to the front-end development.
    • Used Git as version control to safely and quickly develop applications.
    Technologies: Flexbox, HTML5, CSS3, Sass, Git, Firefox, CSS, HTML

  • Web Developer and Designer

    2016 - 2017
    LTIA
    • Developed a full-stack web application using HTML5, Sass, jQuery, CodeIgniter, and MySQL for freelance clients. The app was a website with educational content for high school and undergraduate students of UNESP Bauru.
    • Designed web applications for freelance clients using Photoshop.
    • Worked on a team as a front-end developer (HTML5, Sass, and jQuery) to create a women empowerment social network for Microsoft's Imagine Cup competition.
    • Assisted new members with lectures about front-end technologies (HTML, CSS, and SASS) and mentoring.
    • Provided assistance after applications were delivered to clients.
    Technologies: JavaScript, UI Design, Git, Web UX, HTML5, CSS, CSS3, MySQL, CodeIgniter, jQuery, Sass, HTML

  • Front-end Developer

    2015 - 2015
    Lecom
    • Assisted with web system maintenance of Lecom business process management (BPM), focusing on HTML, CSS, JavaScript and jQuery. Lecom BPM on a process automation software based on web technologies.
    • Contributed to UI prototype elaboration of Lecom BPM's new features.
    • Created documentation of new functionalities developed on the Lecom BPM using jQuery and Vanilla JavaScript.
    • Added REGEX validation to form input fields using Vanilla JavaScript.
    • Worked with Agile methods daily, such as Scrum and Kanban.
    Technologies: Git, HTML5, CSS3, Bootstrap, jQuery, JavaScript, CSS, HTML

  • Full-stack Web Developer

    2014 - 2014
    Tegra
    • Designed a hybrid mobile application prototype using Photoshop.
    • Created a hybrid mobile app with Cordova.js, HTML, Sass, Bootstrap, jQuery, and Gulp. This app was a catalog for a furniture store that needs all their furniture on the app and also had features in which users could customize their furniture.
    • Refactored CSS and Sass code from the company's website.
    • Worked with Agile methods every day, such as Scrum.
    • Developed an application with Django framework, Sass, HTML5, and jQuery.
    Technologies: UI Design, Git, HTML5, CSS, CSS3, Bootstrap, Cordova, Django, Gulp.js, jQuery, JavaScript, Sass, HTML

Experience

  • Construtora Cardieri
    http://cardieri.com.br/

    Construtora Cardieri is a constructing company in Sorocaba, Brazil. I designed and developed a modern website so they can showcase their buildings and tell a bit about their story.
    It was developed for 2 months using technologies such as Vue.js, Sass, Node.js, and Express.js.

  • Agility Infographic
    https://giuliacardieri.github.io/infographic/

    An interactive infographic about agility. The idea for this infographic was to transform many pages of text into a fun, easy to understand infographic. It was developed using HTML, Sass, and jQuery. All animations were created using CSS.

  • CSS Illustrations/Animations

    I enjoy designing and developing CSS illustrations (sometimes animated) on CodePen. Most are built with HTML5, CSS/Sass, and JavaScript/jQuery.

  • Giulia Cardieri - Online Portfolio
    https://giuliacardieri.com/

    My personal webpage, designed and developed by me.

  • Dinokiki
    http://dinokiki.com

    Dinokiki is my bigger and favorite personal project. It started in February 2014 as a way to learn more about JavaScript and today is an interactive website with over 3.5k views/month. It is a fun and entertaining website for all ages.
    It uses Vue.js, Sass, Node.js, and Express.

Skills

  • Languages

    CSS3, Sass, CSS, HTML5, HTML, JavaScript, SCSS, Hugo

  • Libraries/APIs

    Flexbox, Vue.js, jQuery, Vue.js 2, Vuex, LocalStorage, Node.js

  • Frameworks

    Bootstrap, Materialize CSS, Tailwind CSS, YARN, Vanilla JS, Nuxt.js

  • Tools

    Adobe Photoshop, Sketch, Git, Adobe Illustrator, Figma, Sublime Text, Slack, Zeplin, Gulp.js, NPM, Middleman

  • Paradigms

    UX Design, UI Design, BEM, Human-computer Interaction (HCI), Quantitative Research

  • Other

    CSS Grid, Progressive Web Applications (PWA), Web UX, Accessibility, A11Y, Gridsome, PWA, UX, Chatbots, Google Material Design, App UX, Discord, Axe, SiteImprove, User Experience (UX), User Research, Material Design

  • Platforms

    Mac OS, Firefox, WordPress

  • Storage

    MySQL

Education

  • Master's Degree in Computer Science
    2017 - 2019
    Universidade Federal de São Carlos - UFSCar - Sorocaba, Brazil
  • Bachelor's degree in Computer Science
    2012 - 2016
    Universidade Estadual Paulista - UNESP - Bauru, Brazil
  • Non degree international student (Brazilian government scholarship) in Computer Science
    2013 - 2014
    Rochester Institute of Technology - Rochester, NY

To view more profiles

Join Toptal
Share it with others
Hire the top 3% of freelance developers TM