Hey, I'm Tina!
I’m a UX Designer with 7 years of professional experience, with a background in Graphic Design. I strive to create intuitive interfaces from data-informed decisions.
I consider myself to be a T-shaped professional, having deeper skills and experience in a specific field (UX Design, including UX Research and UI Design), while at the same time being somewhat of a generalist, applying knowledge in other areas of expertise (Illustration, Animation, HTML/CSS, Project Management, QA).
Over the past 7 years I have had the chance to be part of highly capable, multi-disciplinary, distributed teams. Working remotely, which has its own set of challenges, has taught me the importance of reliability, accountability, responsibility and communication for a team to succeed.
As part of one of those teams, The UX Department, I worked for clients from all over the world, ranging from start-ups to NGO’s and enterprises, in fields distributed across the board, including 4INFO, Oaktree Capital Management, IdeaScale and their clients (several government agencies, universities and Fortune 500 companies like Kimberly-Clark), VSP Global, Rockwell Collins, and more.
I was also part of another extraordinary squad at Haiku. We worked towards redefining how teams collaborate by building products that unify different disciplines: Animator, Diez, Storybook for Teams, and most recently Haiku Crow, where I was the sole designer collaborating directly with the CEO and founder of the company.
These projects are the result of teamwork, interdisciplinary collaboration, well-defined processes and validation. My contributions were always centered around UX.
User research for product idea validation. Diez is a free & open-source developer toolkit for expressing visual styles.Read the case study
UX design and usability testing for award-winning mobile app, created to be paired with health-tracking optical frames.Read the case study
UX design for mobile app that lets users create and share travel itineraries from pictures taken with their phones.Read the case study
I selected these projects because I worked on them on my own and had 100% creative freedom to define all visual styles, as well as the overall structure and behavior.
Visual identity and website design
At Haiku, I was tasked with redesigning the company’s marketing website for the re-brand of Animator, Haiku’s first product. In this opportunity, I was given total freedom to define the new visual identity for the company, including typography, color palette and overall visual style. I decided to use an ample palette that would give us leverage once the company started launching more products. For the Animator landing page (pictured here) I chose to use keyframes as custom product miscellanea, envisioning a similar yet unique treatment for all future products.View project
Before taking my blog posts to Medium, I designed my very own personal blog, including highlighted articles, filterable “book recommendations” and “useful tools” sections, and a tag-based archive for older posts. For this personal project I selected a condensed typography with a lot of personality, and a simple analogous color palette in warm tones. I also allotted an important amount of real estate to vivid and colorful imagery to accompany each blog post.View project
For this passion project, the concept was to help people learn how to follow rhythms with a layer of gamification. I handled the UX/UI Design and a colleague the code.View project
In my spare time I like to paint on canvas, draw, and make digital illustrations. Realism is my style of choice, but I also enjoy dabbing in other techniques.
Detailed feature practice
This is a realistic illustration from a reference image created on Adobe Sketch for iPad Pro.See artwork
During my time at Haiku I learned to add interactivity and animation to my illustrations, to create engaging pieces that communicate ideas and delight users.
I was tasked to create a series of animated illustrations, one for each of the company products: Animator, Diez, Brandbook and Storybook for Teams. All of these are currently displayed on Haiku’s homepage and on each product landing page/website. Each animation was tailored to communicate what the product is for and how it works, in a nutshell. In this one, you can see there’s a dashboard containing your design tokens, which can be modified and those changes would automatically propagate across codebases.Play animation
Learn page hero
Animator has a section dedicated to learning resources and tutorials, the Learn page. I was tasked to create an animated Hero section that would somehow communicate the purpose of this page. I decided to illustrate a set of hands and have them draw different types of lines, each one animated using a variety of techniques and features available in the app, like Opacity, Scale and Stroke Dasharray and Dashoffset.Play animation
Animator error state
I built a series of interactive animations to illustrate different user flows. This one is shown when the user hits an error state and is given instructions to safely continue.Play animation
Comprehensive guide for color usage in web design
Covering color psychology, terminology, rules, applications in web design, and tools & resources.
User Research and Testing: How many users?
Summary of renowned authors' recommendations for popular UX Research techniques.
How Don Norman changed my perspective
Understanding the impact design has on our every-day lives made me a more empathetic designer.
Comprehensive description of my design process
In-depth review of my approach to projects, including phases, techniques, tools and tips.
Working collaboratively in Sketch: Font management
Quick step-by-step guide to sync Google Fonts on your computer using GitHub.
Design Systems: How to Keep in Sync with Code — SF Design Week 2019
This post provides a recap of the event plus videos of the speakers & panelists.
Our remote team co-located in Mexico City, and this is what happened
Our team meets once again, a year later, this time in CDMX to get a product out the door.
What we learned from our first remote team summit
The experience of our remote team meeting face-to-face for the first time in Patagonia.
Covering the difference between Frame Actions and Element Actions, and what each one can do.
Dissection of a UX team
Description of the structure and workflow of the multi-disciplinary team at The UX Department.
I had the pleasure of being Agustina's client partner while designing an app for a new category of products - activity tracking smart glasses. She was a great resource for helping the team find a direction that was both user-friendly and functional. She was always willing to go out of her way to meet the team's expectations, while pushing back when necessary,and was very agile when unexpected directional changes occurred. Her testing methods were thorough and gave us confidence that we were shipping a product that people would love. Anyone would be lucky to have Agustina on their team.
UX Design Researcher and Strategist
I worked closely with Agustina for about two months on a major product redesign. She is a jack of all trades - insightful researcher, creative designer, efficient project manager, savvy technologist, and overall consummate professional. Before this project I thought I had to be co-located with a design firm to get a quality product. Agustina proved me very wrong! Her skill, flexibility, and professionalism made it a breeze.
Director of Product Management
Agustina is an absolute joy to work with. Dedicated, passionate, a very creative problem-solver and excellent communicator. I very much enjoyed working with her, and she delivered a final product that was far beyond my wildest and most unreasonable expectations. I would not hesitate to hire or work with her in any capacity, and hope I have the opportunity again myself someday.
Founder and CEO
Agustina was fresh out of college when she joined our agency, and although she had a strong background graphic design, she was fairly new to designing digital products and it’s been truly a pleasure to see her grow as a designer and become fluent with the UX design process these past few years. She’s a very dedicated and hard-working person with a great ability to solve complex problems. She’s also very easy and fun to work with, which makes it an asset for any team. I would definitely work with her again!
Mariano Andrés García
Founder and Creative Director
Agustina is a fantastic product designer who not only delivers meticulously researched UX specifications, but also creates beautiful graphics and documentation. I am constantly impressed by the quality, depth, and originality of her work, and look forward to our next opportunity to work together!
Principal Software Engineer