Juan Martín García,阿根廷布宜诺斯艾利斯的开发者
Juan is available for hire
Hire Juan

Juan Martín García

Verified Expert  in Engineering

UI/UX设计师和前端开发人员

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 for notable companies and institutions such as Microsoft, Viacom, Fox, Nickelodeon, 北卡罗来纳大学, Faena Hotels, Renault, and Banco Santander Río, among others.

Portfolio

Freelance
语义HTML, CSS, Node.js, JavaScript, CSS3, HTML5...
Thinkful & Bloc
CSS, Balsamiq, Adobe体验设计(XD), Adobe, InVision Studio, InVision...
Cacao Büro
语义HTML, CSS, Adobe InDesign,插图,Adobe Photoshop...

Experience

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

UI/UX设计师和前端开发人员

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.
技术:语义HTML, CSS, Node.js, JavaScript, CSS3, HTML5, Visual Studio Code (VS Code), Adobe Illustrator, Adobe Photoshop, Balsamiq Mockups, Adobe体验设计(XD), InVision Studio, InVision, Zeplin, Sketch, Figma

产品设计导师和技术专家

2018 - 2020
Thinkful & Bloc
  • 指导参加各种产品设计课程的学生.
  • Worked as a technical expert, helping students debug issues with their front-end code.
  • 审阅和评分学生的提交和练习.
  • Reviewed portfolios and provided advice to students building their design and development portfolios.
Technologies: CSS, Balsamiq, Adobe体验设计(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, 包括原生Android应用和web应用.
  • 为不同的公司建立和创建了几个网站的设计, 主要涉及石油和建筑行业.
  • 管理多个与医疗保健相关产品的UI/UX团队.
  • Designed the UI for an online tool related to education for the 北卡罗来纳大学.
  • Oversaw the UI/UX design of both a native iOS mobile app and a desktop web app for a company related to appraisals.
Technologies: 语义HTML, CSS, Adobe InDesign,插图,Adobe Photoshop, Adobe体验设计(XD), Visual Studio Code (VS Code), InVision Studio, InVision, Balsamiq Mockups, Sketch, Figma

图形和编辑设计师

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.
  • 建立、设计、维护公司网站.
技术:语义HTML, JavaScript, CSS3, HTML5, Sublime Text, Adobe Illustrator, Adobe Photoshop, Adobe InDesign

SSV |网站设计与开发

http://www.sharpstudiovisuals.com
SSV的网站,用Next建立.. js和Tailwind,由Decap CMS提供支持, 旨在成为工作室工作和愿景的动态代表.

It's not just a website; it's a digital platform that allows the client to showcase their stunning rendering and digital artwork, attract new clients, 并与全球观众分享他们的设计理念. It was designed and developed from the ground up and represents a harmonious fusion of aesthetics and functionality, 结合尖端的设计和交互与无缝的用户体验, all powered by Next.js和Tailwind用于前端, Decap CMS用于内容管理, netflix作为托管平台.

The website is not just a static collection of images and information; it's an immersive digital experience crafted to engage and captivate visitors.

通过精心设计的互动和动画, we've transformed the navigation of the site into an innovative and intriguing journey. Seamless transitions and dynamic loading enhance the fluidity of the user experience. 滚动显示隐藏的细节, 微妙的动画为我们的建筑创作注入了生命, 让您真正沉浸在我们的设计世界.

BAS |网站设计与开发

http://www.ba-studio.com.ar
This is a project for an architecture studio that I had the privilege to design and develop from the ground up. 美学和功能的融合, 该项目结合了简约的设计和无缝的用户体验, all powered by Next.js和Tailwind用于前端, Decap CMS用于后端内容管理, and hosted on Netlify.

The goal was to allow the architecture studio to showcase its architectural work, attract new clients, 并与全球观众分享其设计理念. 使用这么少的设计元素,很难让一个网站脱颖而出, but overall, 我相信最终的结果让客户和我都很满意.

Cinedora |网站开发

http://www.cinedora.com
我为一家意大利后期制作工作室开发的网站. 客户提供设计,我负责编码. 该网站基于HTML、CSS和javascript. It does not use any framework and features several CSS animations and transitions.

BEING |网站开发

http://www.being.cinedora.com/main.php?referral=jmg
BEING is a psychological suspense sci-fi drama from the independent director Leonardo Guerra Seragnoli from Cinedora. As a hobbyist musician, 我立刻被这个艺术项目所吸引, which allowed me to blend my technical skills with my creative instincts to create an immersive online experience for fans of the genre.

滚动动画和过渡, 交互式元素,如音频和视频播放器, 未来主义的设计元素, 比如时髦的UI组件, vibrant colors, and dynamic typography, 帮我抓住了这部科幻电影的精髓.

从事这个项目是一次令人兴奋的经历, allowing me to combine my technical expertise with my passion for music and artistic expression. 其结果是视觉上的震撼, interactive, and immersive online platform that captures the essence of the sci-fi genre and provides fans with a memorable journey into the movie's universe.

MMU |网站设计与开发

http://www.maitemu.com.ar
这是我为一位健康教练设计和开发的项目. 这个简约的网站是一个全面的健康中心, 为个人提供指导, motivation, and resources needed to embark on and maintain their personal wellness journeys.

该项目设计简约, 允许用户专注于内容并交付以用户为中心的内容, accessible, 以及授权体验. It exemplifies the fusion of technology and expertise in crafting a tool that empowers positive change in the well-being of individuals on their wellness journeys.

León十三院|网站与设计系统

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, 中等教育课程. They needed a back-end interface that was intuitive so they could update the content by themselves and add new pages to the site.

后端使用Craft CMS和MySQL作为数据库. 前端使用Twig作为模板引擎创建, Sass作为CSS的预处理器, 并且只使用香草JavaScript, without any framework. The layout was achieved using modern layout techniques such as CSS Grid and Flexbox.

Goytía PKG | Website

http://goytiapkg.com/
I developed the website for one of Latin America’s most experienced companies in the IP sector. 这家公司的网站过时了, 所以他们聘请了一家公司来提供设计, 我必须把它翻译成一个可用的网站.

因为这个网站基本上是静态的, 我决定在没有任何框架的情况下编写前端代码,并使用纯HTML, Stylus作为CSS的预处理器, and Vanilla JavaScript. 该网站有一个由另一位开发人员在D3中创建的信息图表地图.js,我必须在前端集成它.

Faena餐饮|网站

http://faenacatering.com
I developed the website for the catering service of the Faena Hotel Argentina. 公司需要一个网站, 所以我提供了设计,并必须将其翻译成像素完美的代码.

由于网站主要由静态内容组成, 我决定在没有任何框架的情况下编写前端代码. I used plain HTML, Stylus作为CSS的预处理器, and Vanilla JS with any external dependencies.

Languages

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

Frameworks

Next.js, Vanilla js,顺风CSS, Express.js, Twig, Redux, Laravel

Libraries/APIs

Flexbox, Node.js, React, Passport.js,谷歌地图API, jQuery, D3.js, Web Audio

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体验设计(XD)

Paradigms

敏捷、函数式编程

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, Decap CMS, UI Animation, Landing Pages

2010 - 2015

平面设计学士学位

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

有效的合作

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

开始你的无风险人才试验

与你选择的人才一起工作,试用最多两周. 只有当你决定雇佣他们时才付钱.

对顶尖人才的需求很大.

Start hiring