Juan Martín García, Accessibility Developer in Buenos Aires, Argentina
Juan Martín García

Accessibility Developer in Buenos Aires, Argentina

Member since August 3, 2019
Juan is a UI/UX designer and front-end developer with excellent communication skills and more than a decade of experience. He's worked as a contractor for teams of various sizes and for notable companies and institutions such as Microsoft, Viacom, Fox, Nickelodeon, University of North Carolina, Faena Hotels, Renault, and Banco Santander Río, among others.
Juan is now available for hire

Portfolio

  • Freelance
    Semantic HTML, CSS, Node.js, JavaScript, CSS3, HTML5, Visual Studio Code...
  • Thinkful & Bloc
    CSS, Balsamiq, Adobe Experience Design (XD), Adobe, InVision Studio, InVision...
  • Cacao Büro
    Semantic HTML, CSS, Adobe InDesign, Illustration, Adobe Photoshop...

Experience

Location

Buenos Aires, Argentina

Availability

Part-time

Preferred Environment

Zsh, Git, VS Code, Linux, MacOS

The most amazing...

...thing I've coded was a back end and mobile app for a construction company to handle internal communication among their 500 employees and staff members.

Employment

  • UI/UX Designer and Front-end Developer

    2008 - PRESENT
    Freelance
    • Designed and developed the UI/UX for an iPad app designed for the management of clinical records in the United States; also created the entire design system.
    • Built and designed the front end of the site for a drone retail company in Argentina.
    • Designed the UI/UX for a digital newspaper's proof of concept along with several customization features and personalization options for the user.
    • Designed and developed the front end and back end of a health website that would provide general information for the users about otorhinolaryngology.
    • Analyzed data from usability tests and enhanced the UX and UI to streamline the checkout experience for an airline in Argentina.
    Technologies: Semantic HTML, CSS, Node.js, JavaScript, CSS3, HTML5, Visual Studio Code, Adobe Illustrator, Adobe Photoshop, Balsamiq Mockups, Adobe Experience Design (XD), InVision Studio, InVision, Zeplin, Sketch, Figma
  • Product Design Mentor and Technical Expert

    2018 - 2020
    Thinkful & Bloc
    • Mentored students who were taking various product design courses.
    • Worked as a technical expert, helping students debug issues with their front-end code.
    • Reviewed and graded students' submissions and exercises.
    • Reviewed portfolios and provided advice to students building their design and development portfolios.
    Technologies: CSS, Balsamiq, Adobe Experience Design (XD), Adobe, InVision Studio, InVision, Sketch, Figma
  • Partner

    2014 - 2019
    Cacao Büro
    • Designed and developed the front end for a platform for HR at a construction company, including the native Android app and web application.
    • Built and created the design of several websites for various companies, mainly related to the oil and construction industries.
    • Managed a UI/UX team for several products related to healthcare.
    • Designed the UI for an online tool related to education for the University of North Carolina.
    • Oversaw the UI/UX design of both a native iOS mobile app and a desktop web app for a company related to appraisals.
    Technologies: Semantic HTML, CSS, Adobe InDesign, Illustration, Adobe Photoshop, Adobe Experience Design (XD), Visual Studio Code, InVision Studio, InVision, Balsamiq Mockups, Sketch, Figma
  • Graphic and Editorial Designer

    2012 - 2014
    Catrasca Editions
    • Created the cover designs for several book collections from the publishing house.
    • Designed the internal layout for an illustrated book and newspaper supplements.
    • Built, designed, and maintained the company websites.
    Technologies: Semantic HTML, JavaScript, CSS3, HTML5, Sublime Text, Adobe Illustrator, Adobe Photoshop, Adobe InDesign

Experience

  • León XIII Institute | Website and Design System
    http://www.institutoleonxiii.edu.ar

    I designed and developed the website and back end for a Catholic college in Buenos Aires, Argentina. The website would serve as a knowledge base for the many extra-curricular activities the college offers and their initial, primary, and secondary educational offerings. They needed a back-end interface that was intuitive so they could update the content by themselves and add new pages to the site.

    The back end was built using Craft CMS and MySQL for the database. The front end was created using Twig as the templating engine, Sass as the preprocessor for CSS, and only using Vanilla JavaScript, without any framework. The layout was achieved using modern layout techniques such as CSS Grid and Flexbox.

  • Inland Studio | Website and Back-end
    http://inlandstudio.tv

    I developed the website and back end for a motion graphics and production company in Argentina. The company needed to revamp its website and provide the design, and I needed to translate them into a pixel-perfect code. They also required a back-end interface that was intuitive so they could upload the project by themselves but didn't want to reach out to a canned, restrictive solution such as WordPress.

    The back end was built using Craft CMS and MySQL for the database. The front end was created using Twig as the templating engine, Stylus as the preprocessor for CSS, and only using Vanilla JavaScript, without any framework. The layout was achieved using modern layout techniques such as CSS Grid and Flexbox, and the website was deployed on a DigitalOcean droplet with Linux and Apache.

  • OtorrinoHoy | Website and Back End
    http://otorrinohoy.com.ar

    OtorrinoHoy is an Argentinean health website that provides general information for users about otorhinolaryngology. I led the entire project design and development for the website. The major challenge was providing a robust design that would be able to adapt to vast amounts of data while also being dynamic and editable by the client.

    The back end is built using Craft CMS and MySQL for the database. The front end was created using Twig as the templating engine, Sass as the preprocessor for CSS, and only using Vanilla JavaScript, without any framework. The layout was achieved using modern layout techniques such as CSS Grid and Flexbox, and the website was deployed on a DigitalOcean droplet with Linux and Apache.

  • Capex | Website
    http://www.capex.com.ar

    I developed the website for one of the biggest power generation and hydrocarbon exploration and production companies. The company had an outdated website and hired my former design agency to design it. I was in charge of developing the website.

    The website uses HTML, Sass as a preprocessor for CSS, and Vanilla JavaScript. The website also uses Laravel for a simple back-end to upload company public documents and papers, granting access to users via Azure authentication.

  • Hychico | Website
    http://www.hychico.com.ar/

    I designed and developed a website for a power generation company from renewable sources and hydrogen and oxygen production. The company hired the former agency I ran, and I was in charge of designing and developing the website.

    The website is HTML, CSS, and JavaScript-based. It doesn't use any framework and features several CSS animations and transitions.

  • Goytía PKG | Website
    http://goytiapkg.com/

    I developed the website for one of Latin America’s most experienced companies in the IP sector. The company had an outdated website, so they hired a company to provide the design, and I had to translate it into a working website.

    Since the website was mostly static, I decided to code the front end without any framework and used plain HTML, Stylus as a preprocessor for CSS, and Vanilla JavaScript. The website has an infographic map created by another developer in D3.js, which I had to integrate on the front end.

  • Faena Catering | Website
    http://faenacatering.com

    I developed the website for the catering service of the Faena Hotel Argentina. The company needed a website, so I provided the design and had to translate it into a pixel-perfect code.

    Since the website mainly consisted of static content, I decided to code the front end without any framework. I used plain HTML, Stylus as a preprocessor for CSS, and Vanilla JS with any external dependencies.

  • Do the Work | To-do List Application

    Do the Work is a simple to-do list application I designed and developed a while back because I wanted a simple way to store my pendings without signing up for any new software. It was created using React, with JSX as the templating language, Sass to preprocess the CSS, used Webpack for tooling, and it was deployed in Netlify.

Skills

  • Languages

    HTML5, CSS3, HTML, CSS, JavaScript, Pug, Sass, ECMAScript (ES6), Markdown, Semantic HTML, PHP
  • Frameworks

    Vanilla JS, Tailwind CSS, Next.js, Express.js, Twig, Redux, Laravel
  • Libraries/APIs

    Flexbox, Node.js, React, GatsbyJS, Passport.js, Google Maps API, jQuery, D3.js
  • Tools

    Stylus, JSX, Sketch, Figma, Zsh, Oh My Zsh, Zeplin, Adobe Photoshop, Adobe Illustrator, Create React App, MAMP, VS Code, Git, Apache, InVision, Adobe, Balsamiq, Balsamiq Mockups, Adobe InDesign, Sublime Text, Webpack, Sequel Pro, Adobe Experience Design (XD)
  • Paradigms

    Agile, Functional Programming
  • Platforms

    Craft CMS, Firebase, Netlify, DigitalOcean, iOS, Webflow, Heroku, MacOS, Linux, Visual Studio Code, Azure
  • Storage

    MongoDB, MySQL
  • Other

    CSS Grid, Accessibility, Web Accessibility, A11Y, Styled-components, Eleventy, Fish, InVision Studio, Illustration

Education

  • Bachelor's Degree in Graphic Design
    2010 - 2015
    University of Buenos Aires, Faculty of Architecture, Design, and Urbanism - Buenos Aires, Argentina

To view more profiles

Join Toptal
Share it with others