Hola, I'm Lucas Di Mattia.

Designer who codes from Córdoba, Argentina.

About me

Who I am and what I do

I'm a product designer and front-end engineer with over 15 years of experience, passionate about building intuitive, scalable and responsive digital products.

I have a wide range of experience, from corporations to startups, where I specialized in user interface design and design systems setup.

I have expertise with modern design tools like Figma, Sketch and Adobe CS. I'm also proficient in HTML, CSS and SASS, with working knowledge in PHP, GIT, Wordpress, jQuery and React.

Throughout my career, I collaborated on multidisciplinary teams that developed in different languages, frameworks and stacks.

As a designer-turned-developer, I consider myself a “design engineer” and I shine in the intersection of those two disciplines, ensuring seamless user experiences delivered with a solid technical foundation.

Work I've done

Places I've been before

2020 - 2024
User Experience Designer
Crosschq
crosschq.com

Crosschq is a Silicon Valley based startup aiming to modernize the recruiting and hiring process. I designed a performant and user-friendly web application. I also lead the design system related efforts.

2019 - 2020
Design System Team Lead
Naranja
naranja.com

Naranja is a financial company from Córdoba, Argentina and is the largest credit card issuer in the country (5M+ clients, 200+ branches). I led the team responsible for the creation and maintenance of the company's design system.

2018 - 2019
Senior Product Designer
Naranja
naranja.com

Naranja is a financial company from Córdoba, Argentina and is the largest credit card issuer in the country (5M+ clients, 200+ branches). I worked in different teams, including the one responsible for digitizing credit card issuance (100% online and instant validation), and the one that redesigned branch operations (new staff app and paperless attention flows).

2012 - 2018
Co-Founder and Design Lead
AfterSeven
afterseven.com.ar

AfterSeven is a modern digital agency offering full product creation from design and development to online placement strategy. I led the design team, crafting compelling visuals for clients across Argentina, Europe, and USA. In 2013 we also run Coddin, a discovery web platform for developers, a startup selected to join the doingLabs incubation program.

2012 - 2018
Web Developer (Wordpress + HTML + CSS + jQuery + React)
Freelance
thisisloyal.com

I designed and coded WordPress-powered websites for several clients in USA, Europe, Asia and Argentina.

2010 - 2012
Art Director
Media 8
m8agency.com

Media 8 (Dentsu) is a Miami based digital marketing agency. I led award-winning design and animation teams for top brands like HBO, Hertz, Ford, Sony, Starwood, Unilever, and American Airlines. I also contributed to recruiting, training, and workflow organization.

2004 - 2010
Junior and Senior Designer
Media 8
m8agency.com

Media 8 (Dentsu) is a Miami based digital marketing agency. I created digital advertising designs and animations for top brands like HBO, Hertz, Ford, Sony, Starwood, Unilever, and American Airlines.

Articles

My writings on design and other stuff

Illustration for Steps to build a Design System article

Steps to build a Design System (SPA)

Aug 10, 2022

We understood why building a Design System, we are in a postion to do it and we got support from the stakeholders. Now... where do we start?

Read it on Medium
Illustration for Do we really need a Design System? article

Do we really need a Design System? (SPA)

Jul 18, 2022

Although we have seen all the benefits that the development of a Design System can bring us, it is a large investment that must be evaluated in detail.

Read it on Medium
Illustration for What's the point of having a Design System? article

What's the point of having a Design System? (SPA)

Sep 16, 2021

Different definitions and a review of the benefits that a Design System brings to companies and design teams.

Read it on Medium
Illustration for Design Systems: Component prioritization article

Design Systems: Component prioritization (SPA)

Jun 9, 2020

Exercise to prioritize elements for our design system, that allowed us to coordinate the next steps and agree on new components.

Read it on Medium
Illustration for Redesigning the physical sales channel of Naranja article

Redesigning the physical sales channel of Naranja (SPA)

Jan 29, 2020

Naranja began a process of digital evolution in 2017. Within this framework, we describe the design process of the new physical branches.

Read it on Medium
Illustration for 365 days in Naranja article

365 days in Naranja (SPA)

Jan 3, 2019

A year ago I started working at Naranja as a UI Designer. Here are some of the things I saw and learned along the way.

Read it on Medium

Playground

Experiments with code and hobby projects

Illustration from Muchaaachos...! World champion murals side project

Muchaaachos...! World champion murals

Map of street art honoring Argentina soccer team, winner of the Qatar 2022 FIFA World Cup. Built with React, NextJS and Google Maps, using Notion as backend.

Visit live website
Illustration from Kopi. Córdoba coffee spots side project

Kopi. Córdoba coffee spots

A guide to delicious snacks and specialty coffee shops in my city. . Built with React, NextJS and Google Maps, using Notion as backend.

Visit live website
Illustration from Jersey Design Playground side project

Jersey Design Playground

Design and compare beautiful soccer-jersey patterns, free & web based. . Built with React, all swatches made with CSS gradients.

Visit live website
Illustration from Atlas of Unlikely Architectures side project

Atlas of Unlikely Architectures

Map of hidden, strange, incredible, bizarre places around the world. Based on Pedro Torrijos' Twitter threads. . Built with React, NextJS and Google Maps, using Notion as backend.

Visit live website
Illustration from 100 Patterns side project

100 Patterns

100 pure CSS patterns to play with. All code is open and ready to grab and use in your own project. . Built with React.

Visit live website

Contact

Let's work together

Looking for a UI designer?

People reach out to me when they need a team player who can bridge the communication gap between designers and developers.
I bring strong communication skills and a collaborative approach to every project.
Currently available for freelance/contract work, so if you think I'd be a good fit for your next project, let's chat about your needs!

Open to design chats?

Whether you're a seasoned designer or just starting your design journey, feel free to reach out!.
Let's chat wheather if you need advice on transitioning to UX design, or you're stuck on a project and need a fresh perspective.
Always up for talk about design systems, Figma tips and CSS quirks.

Contact Me!