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

Juan Martín García

Verified Expert  in Engineering

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

Location
布宜诺斯艾利斯，阿根廷
Toptal Member Since
October 23, 2019

Juan是一名UI/UX设计师和前端开发人员，具有出色的沟通能力和十多年的经验. 他曾为各种规模的团队以及微软等知名公司和机构担任承包商, Viacom, Fox, Nickelodeon, 北卡罗来纳大学, Faena Hotels, Renault, Santander银行Río, among many others.

AccessibilityHTML5CSS3CSSSemantic HTMLMarkdownVanilla JSAgileiOSNext.jsPugSassFlexboxStylusZsh

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

HTML - 10 yearsCSS - 10 yearsJavaScript - 8年无障碍- 5年Figma - 5 yearsReact - 3 years顺风CSS - 3年Next.js - 3 years

Availability

Part-time

首选的环境

Zsh, Git, Visual Studio Code (VS Code)， Linux, MacOS

The most amazing...

...我为一家建筑公司编写了一个后端和移动应用程序，用于处理500名员工之间的内部通信.

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.
  • 为阿根廷的一家无人机零售公司构建和设计了网站的前端.
  • 为数字报纸的概念验证设计UI/UX，并为用户提供几个定制功能和个性化选项.
  • 设计和开发一个健康网站的前端和后端，为用户提供有关耳鼻喉科的一般信息.
  • 分析可用性测试数据，增强用户体验和用户界面，简化阿根廷一家航空公司的结帐体验.
技术:语义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
  • 指导参加各种产品设计课程的学生.
  • 作为技术专家，帮助学生调试前端代码的问题.
  • 审阅和评分学生的提交和练习.
  • 审查作品集，并为学生建立设计和开发作品集提供建议.
Technologies: CSS, Balsamiq, Adobe体验设计(XD)， Adobe, InVision Studio, InVision, Sketch, Figma

Partner

2014 - 2019
Cacao Büro
  • 设计开发某建筑公司人力资源平台前端, 包括原生Android应用和web应用.
  • 为不同的公司建立和创建了几个网站的设计, 主要涉及石油和建筑行业.
  • 管理多个与医疗保健相关产品的UI/UX团队.
  • 为北卡罗来纳大学设计了一个与教育相关的在线工具的用户界面.
  • 监督一家与评估相关的公司的原生iOS移动应用和桌面web应用的UI/UX设计.
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
  • 为出版社的几本藏书设计了封面.
  • 为一本插图书和报纸副刊设计内部版式.
  • 建立、设计、维护公司网站.
技术:语义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, 吸引新客户, 并与全球观众分享他们的设计理念. 它是从头开始设计和开发的，代表了美学和功能的和谐融合, 结合尖端的设计和交互与无缝的用户体验, 全部由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.

通过精心设计的互动和动画, 我们已经把网站的导航变成了一个创新和有趣的旅程. 无缝过渡和动态加载增强了用户体验的流动性. 滚动显示隐藏的细节, 微妙的动画为我们的建筑创作注入了生命, 让您真正沉浸在我们的设计世界.

BAS |网站设计与开发

http://www.ba-studio.com.ar
这是一个建筑工作室的项目，我有幸从头开始设计和开发. 美学和功能的融合, 该项目结合了简约的设计和无缝的用户体验, 全部由Next提供动力.js和Tailwind用于前端, Decap CMS用于后端内容管理, 并由netflix主持.

目的是让建筑工作室展示其建筑作品, 吸引新客户, 并与全球观众分享其设计理念. 使用这么少的设计元素，很难让一个网站脱颖而出, but overall, 我相信最终的结果让客户和我都很满意.

Cinedora |网站开发

http://www.cinedora.com
我为一家意大利后期制作工作室开发的网站. 客户提供设计，我负责编码. 该网站基于HTML、CSS和javascript. 它不使用任何框架，并具有几个CSS动画和过渡.

BEING |网站开发

http://www.being.cinedora.com/main.php?referral=jmg
《欧博体育app下载》是一部心理悬疑科幻电影，由Cinedora独立导演莱昂纳多·格拉·塞拉格诺里执导. 作为一个音乐爱好者, 我立刻被这个艺术项目所吸引, 这让我能够将自己的技术技能与创造性直觉结合起来，为这类游戏的粉丝创造一种身临其境的在线体验.

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

从事这个项目是一次令人兴奋的经历, 让我将我的技术专长与我对音乐和艺术表达的热情结合起来. 其结果是视觉上的震撼, interactive, 沉浸式在线平台抓住了科幻类型的精髓，为粉丝们提供了一次难忘的电影宇宙之旅.

MMU |网站设计与开发

http://www.maitemu.com.ar
这是我为一位健康教练设计和开发的项目. 这个简约的网站是一个全面的健康中心, 为个人提供指导, motivation, 以及开始和维持个人健康之旅所需的资源.

该项目设计简约, 允许用户专注于内容并交付以用户为中心的内容, accessible, 以及授权体验. 它体现了技术和专业知识的融合，创造了一种工具，使个人的健康之旅产生积极的变化.

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

http://www.institutoleonxiii.edu.ar
我为阿根廷布宜诺斯艾利斯的一所天主教学院设计并开发了网站和后端. 该网站将作为一个知识库，为学院提供的许多课外活动及其最初的活动提供信息, primary, 中等教育课程. 他们需要一个直观的后端界面，这样他们就可以自己更新内容并向网站添加新页面.

后端使用Craft CMS和MySQL作为数据库. 前端使用Twig作为模板引擎创建, Sass作为CSS的预处理器, 并且只使用香草JavaScript, 没有任何框架. 布局是使用现代布局技术，如CSS网格和Flexbox实现的.

Goytía PKG |网站

http://goytiapkg.com/
我为拉丁美洲在知识产权领域最有经验的公司之一开发了这个网站. 这家公司的网站过时了, 所以他们聘请了一家公司来提供设计, 我必须把它翻译成一个可用的网站.

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

Faena餐饮|网站

http://faenacatering.com
我为阿根廷Faena酒店的餐饮服务开发了网站. 公司需要一个网站, 所以我提供了设计，并必须将其翻译成像素完美的代码.

由于网站主要由静态内容组成, 我决定在没有任何框架的情况下编写前端代码. 我使用了纯HTML, Stylus作为CSS的预处理器，以及带有任何外部依赖的Vanilla JS.

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

平面设计学士学位

布宜诺斯艾利斯大学建筑、设计和城市规划学院——布宜诺斯艾利斯，阿根廷