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

Juan Martín García

UI/UX Designer and Front-end Developer

Location
Buenos Aires, Argentina
Toptal Member Since
October 23, 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 notable companies and institutions such as Microsoft, Viacom, Fox, Nickelodeon, the University of North Carolina, Faena Hotels, Renault, and Banco Santander Río, among many others.

Juan is available for hire
Hire Juan

Portfolio

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

Location

Buenos Aires, Argentina

Availability

Part-time

Preferred Environment

Zsh, Git, Visual Studio Code (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.

Work Experience

2008 - PRESENT

UI/UX Designer and Front-end Developer

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 (VS Code), Adobe Illustrator, Adobe Photoshop, Balsamiq Mockups, Adobe Experience Design (XD), InVision Studio, InVision, Zeplin, Sketch, Figma
2018 - 2020

Product Design Mentor and Technical Expert

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
2014 - 2019

Partner

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 (VS Code), InVision Studio, InVision, Balsamiq Mockups, Sketch, Figma
2012 - 2014

Graphic and Editorial Designer

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.

Cinedora | Website

http://www.cinedora.com
A website I developed for an Italian post-production studio. The client provided the designs, and I was in charge of coding them. The website is HTML, CSS, and JavaScript-based. It does not use any framework and features several CSS animations and transitions.

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.

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, 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, 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 (VS Code), Azure

Storage

MongoDB, MySQL

Other

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

Education

2010 - 2015

Bachelor's Degree in Graphic Design

University of Buenos Aires, Faculty of Architecture, Design, and Urbanism - Buenos Aires, Argentina