Ricardo Zea

5.0

(148 reviews)

US$22.00

For every 15 mins

218

Sessions/Jobs

First 15 mins free for your first session

ABOUT ME

Sr. Web Designer | Figma | CSS & HTML Expert

Hello!

I'm a Sr. Web/Product Designer with extensive experience in all aspects of web design: design systems, ideation, sketching, wireframing, designing, prototyping, coding static pages, hand-off to dev., and maintenance.

I have a good eye for elegant design and am highly versed in web technical subjects. I am fully capable of creating production-ready HTML and CSS.

If you are interested in what I have to say about this industry, below are two books I have authored, followed by a list of my work:

“Mastering Responsive Web Design”: https://masteringrwd.com
“Web Developers Reference Guide”: https://tiny.cc/web-devs-reference-guide
“Design System Bootcamp Certificate”: https://maven.com/certificate/sBHiXyRc

💻 View my design and technical work:

• Portfolio: https://ricardozea.design
• Smashing Magazine: https://www.smashingmagazine.com/author/ricardozea/
• Amazon: https://www.amazon.com/Ricardo-Zea/e/B0781579BS/
• Dribbble: https://dribbble.com/ricardozea
• CodePen: https://codepen.io/ricardozea
• Medium: https://medium.com/@ricardozea

⚔ Skills:

Web/Product Design — UI/UX/Visual Design

• Design Systems
• Development-friendly Designs
• Wireframing & Prototyping
• Accessibility & Usability
• Interaction Design
• Branding
• Color
• Typography
• Design principles: Hierarchy, Grid, Balance, Symmetry, Rhythm, Space, Gestalt, Pattern, Modularity, etc.

Web/Front-End Designer

• Production-ready HTML
• Production-ready CSS/Sass
• jQuery (presentational)
• Responsive & Adaptive Designs
• WordPress
• Accessibility & Usability
• SEO

🚫 Attention Recruiters:

• I am NOT a developer.
• I am unable to relocate.

Spanish, English

Eastern Time (US & Canada) (-04:00)

Joined April 2016

EXPERTISE

Figma

9 years experience | 7 endorsements

I'm fully aware there's always more to learn. But if you are having issues with Auto layout, Variables, components, want to improve or cr...

I'm fully aware there's always more to learn. But if you are having issues with Auto layout, Variables, components, want to improve or create prototypes, or fully create a design system or UI kit, I may be able to help. I have extensive experience using Figma for all types of projects, using best practices.

Component libraries Auto Layout Design Systems Figma Wireframing/prototyping

Design Systems

2 years experience | 1 endorsement

Want to create a design system and don't know where to start? I can help. Creating a design system can be scary, it was for me. But not ...

Want to create a design system and don't know where to start? I can help. Creating a design system can be scary, it was for me. But not anymore. I will walk you step by step on how to create a design system: create color palettes for light and dark themes, create color primitives, then color semantics, then choose your typography and create the typography primitives, and then the typography semantics, etc. And then, I will show you how to use them to create a design system for you, for your client, or for your company :)

Figma

UX/UI Design

10 years experience | 10 endorsements

As an experienced Web Designer, I've been doing UI/UX Design since I started in this business. From a UX perspective, I can create sound...

As an experienced Web Designer, I've been doing UI/UX Design since I started in this business. From a UX perspective, I can create sound designs based on well known human behavior principles. From a UI Design point of view, I am able to create appealing and logical visual designs that reflect the strategies of the project. I understand specific concepts of typography, layout, color, branding, user flows, design principles that help communicate ideas, etc.

Web Design

UI design

10 years experience | 13 endorsements

REVIEWS FROM CLIENTS

5.0

(148 reviews)

Ashley Whelan

January 2025

Had a great experience with Figma tutoring from Ricardo. He was thoughtful, patient and prepared for each of our sessions. And, he set realistic expectations about what we could accomplish in a given amount of time. I learned a lot of basics about Figma and handy best practices and shortcuts to make my work more efficient. Would absolutely work with him again!

Removed User

September 2024

Helped my with my HTML and CSS code Helped clean up my code to make my website more presentable

Samantha Gaiser

April 2022

Ricardo helped me with some graphic design stuff in regard to creating a logo. He gave me some great suggestions and helped me come up with a great strategy to move forward on my project. Thanks, Ricardo.

Mike G

February 2022

Ricardo graciously helped with the responsiveness and styling of my React application. I was having trouble with the spacing of particular boxes within a grid format, and Ricardo was able to help break down and ultimately solve the issue. Looking forward to our next session in the future. Thanks!

Dee Barizo

February 2022

Another great session with Ricardo. He provided great ideas for a UX/UI design that I was trying to building. I was trying to build it one way but Ricardo showed me a better way to build it that looks better and is easier for the visitor to understand. A+

Colm Ginty

January 2022

Ricardo was very knowledgeable and challenged my preconceptions about what I was trying to do. This was very helpful and prevented me from wasting a lot of time.

Marko Petrovic

December 2021

Ricardo provided straightforward and specific feedback towards the design of our website and immediate suggestions for how to apply professional design strategies for our use case.

Victoria

November 2021

Ricardo was really helpful during our class session. He explained very clearly for me to understand. we talked about display:flex, box model etc. Also how make the Html structure more clear and simple. He is really easy to understand and really helpful with my questions. Hoping to take another lesson with him soon

jai

November 2021

Ricardo explained the thought process of creating a responsive web page, as well as going over the flex property and sophisticated HTML

jai

November 2021

Amazing!

SOCIAL PRESENCE

Stack Overflow

8109 Reputation

Community Posts

100% Responsive Typography System using a Modular Scale

Learn how to build a responsive typography system for your website in a simple way. No intricate equations or convoluted explanations of the CSS. This tutorial is so simple, even an 8-year old can understand it :). Time to level up! Let’s go!

[Sass] For Beginners: The Friendliest Guide About INSTALLING and USING Sass on Windows

The simplest and most detailed guide about how to install and use Sass you’ll ever read!

Clients/Mentees, Avoid These Terms in your Job Requests☝️. Seriously.

How a simple term like "easy" is a bit disrespectful to the mentor. Advice on how to fix this problem ;)

EMPLOYMENTS

Design Expert Mentor

adplist.org

2024-12-01-Present

• Provide design feedback. • Help designers improve their projects. • Give professional advice to designers. • Teach Figma to designers. ...

• Provide design feedback. • Help designers improve their projects. • Give professional advice to designers. • Teach Figma to designers. • Help designers level up their skills. • Assist designers with design systems.

Design

Mentoring

Product design

Design

Mentoring

Product design

Design Systems

Technical Design Interviewer

Arc.dev

2022-02-01-Present

Designers are interviewed and vetted to see if they can be accepted into the Arc.dev platform. • Weekly technical design interviews with...

Designers are interviewed and vetted to see if they can be accepted into the Arc.dev platform. • Weekly technical design interviews with 1–4 designers from around the globe. • Interviewed more than 80 designers (and counting). • Provide detailed insights about each interviewed designer to the Arc.dev team. • Provide feedback, insights, tips, and advice to the designers I interview so they can “level up” and improve their chances of getting hired when applying for a job on the Arc platform. • Dig deep into the designers' design process and design thinking and understand how they work, how they approach projects, how they deal with adversity, and how they have helped prior clients/companies be better.

Interview Skills

Mentoring

Product design

Interview Skills

Mentoring

Product design

Interview Preparation

Behavioral Modeling

Career connected learning

Competency management

Sr. Web/Product Designer - Consultant

NodeSource

2020-12-01-Present

• Facilitate UI/UX Design expertise for their custom-built N|Solid platform. • Provide UX analysis of new features and UI designs in wir...

• Facilitate UI/UX Design expertise for their custom-built N|Solid platform. • Provide UX analysis of new features and UI designs in wireframes and implementation-ready designs. • Advice on UI/UX best practices, and recommendations while tapping into innovative ideas. • Extend their solid brand in the newly created designs for the requested features. • Recommend messaging approach for marketing initiatives.

Figma

PROJECTS

Pearlmax Oral Surgery website, branding and stationary

2010

https://www.pearlmax.net -- » Website was redesigned in August of 2019 (See the old branding on my portfolio: https://ricardozea.design/p...

https://www.pearlmax.net -- » Website was redesigned in August of 2019 (See the old branding on my portfolio: https://ricardozea.design/project-pearlmax.php), » Great opportunity to work without bureaucratic limitations » Great opportunity to implement new technologies » Great way to handle all pieces of the project, from design for print, to Web Design, to content management, everything.

The Gym of West Milton website

2018

http://thegymofwestmilton.com -- » Great opportunity to design with complete freedom » I didn't charge for this project, we instead excha...

http://thegymofwestmilton.com -- » Great opportunity to design with complete freedom » I didn't charge for this project, we instead exchanged services: I created their website and I had a free membership to the gym for 1 year :) » Designed and coded the entire website