Scroll To View More
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 UX/UI 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

  • Thinkful & Bloc
    Figma, Sketch, InVision, InVision Studio, Adobe XD, Balsamiq, UsabilityHub...
  • Freelance
    Figma, Sketch, Zeplin, InVision, InVision Studio, Adobe XD, Balsamiq Mockups...
  • Cacao Büro
    Figma, Sketch, Balsamiq Mockups, InVision, InVision Studio...

Experience

  • HTML, 10 years
  • CSS, 10 years
  • JavaScript, 8 years
  • Accessibility, 5 years
  • Firebase, 3 years
  • React, 3 years
  • Node.js, 3 years
  • GatsbyJS, 1 year
Buenos Aires, Argentina

Availability

Part-time

Preferred Environment

macOS or Linux, VS Code, ZSH or Fish, Git, Apache

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

  • Product Design Mentor and Technical Expert

    2018 - PRESENT
    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: Figma, Sketch, InVision, InVision Studio, Adobe XD, Balsamiq, UsabilityHub, Whimsical
  • UX/UI Designer | Front-end Developer

    2008 - PRESENT
    Freelance
    • Designed and developed the UX/UI 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 UX/UI 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 (a surgical subspecialty within medicine that deals with conditions of the ear, nose, and throat and related structures of the head and neck).
    • Analyzed data from usability tests and enhanced the UX and UI to streamline the checkout experience for an airline service in Argentina.
    Technologies: Figma, Sketch, Zeplin, InVision, InVision Studio, Adobe XD, Balsamiq Mockups, Whimsical, Adobe Photoshop, Adobe Illustrator, Visual Studio Code, HTML5, CSS3, JavaScript, Node.js
  • 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 several companies; these were mainly related to the oil and construction industries.
    • Managed a UX/UI 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 UX/UI design of both a native iOS mobile app and a desktop web app for a company related to appraisals.
    Technologies: Figma, Sketch, Balsamiq Mockups, InVision, InVision Studio, Visual Studio Code, Adobe XD, Adobe Photoshop, Adobe Illustration, Adobe InDesign
  • Graphic and Editorial Designer

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

Experience

  • Goytía PKG | Website (Development)
    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, 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 frontend without any framework and used plain HTML, Stylus as a preprocessor for CSS, and Vanilla JS. The website has an infographic map, created by another developer in D3.js, which I had to integrate on the front end.

  • Inland Studio | Website and Back End (Development)
    http://inlandstudio.tv

    I developed the website and back end for a motion graphics and production company from Argentina. The company needed to revamp their website, provided the design, and I needed to translate them into pixel-perfect code. They also needed 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, and the front end was created using Twig as the templating engine, Stylus as the preprocessor for CSS, and only using Vanilla JS, 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.

  • Faena Catering | Website (Development)
    http://faenacatering.com

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

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

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

    OtorrinoHoy is an Argentinean health website that provides general information for the users about otorhinolaryngology. I led the entire project design and development for the website, and the major challenge was providing a robust design that will 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, and the front end was created using Twig as the templating engine, Sass as the preprocessor for CSS, and only using Vanilla JS, 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.

  • Do the Work | To-do List Application (Development)
    https://www.dothe.works

    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 having to sign up for any new software. It was created using React, using JSX as the templating language, Sass to preprocess the CSS, Webpack for tooling, and deployed in Netlify.

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

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

    The website uses HTML, Sass as a preprocessor for CSS, and Vanilla JS. The website also uses PHP for a simple back end to upload company public documents and papers.

  • Hychico | Website (Development)
    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 JS-based. It doesn't use any framework and features several CSS animations and transitions.

Skills

  • Languages

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

    Vanilla JS, Express.js, Twig, Redux
  • Libraries/APIs

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

    Stylus, JSX, Sketch, Figma, Zsh, Oh My Zsh, Zeplin, Adobe Photoshop, Adobe Illustrator, Create React App, MAMP, Webpack, Sequel Pro, Adobe Experience Design (XD)
  • Paradigms

    Agile, Functional Programming
  • Platforms

    Craft CMS, Firebase, Netlify, DigitalOcean, iOS, Heroku
  • Storage

    MongoDB, MySQL
  • Other

    CSS Grid, Accessibility, Web Accessibility, A11Y, Styled Components

Education

  • Bachelor's degree in Graphic Design
    2010 - 2015
    University of Buenos Aires, Faculty of Architecture, Design, and Urbanism - Buenos Aires, Argentina
I really like this profile
Share it with others