Ricardo Zea

5.0

(145 reviews)

US$22.00

For every 15 mins

210

Sessions/Jobs

First 15 mins free for your first session

ABOUT ME

Web Designer and CSS+HTML expert. “There are no dumb questions, it's just dumb not to ask.”

Hello!

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

Good eye for elegant design and highly versed in technical subjects of the web. Fully capable of creating production-ready HTML and CSS.

Codementor - 1:1 Web Design Expert - Rating: ★★★★★

I mentor with simple-to-understand language and terminology, clear examples, and honest patience. Every time you have a lesson with me, I guarantee you will level up. 🎓 - See reviews here: https://www.codementor.io/@ricardozea

If you are more interested in what else 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

💻 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

"There are no dumb questions, it's just dumb not to ask." — Yours truly 👍

Spanish, English

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

Joined April 2016

EXPERTISE

Web Design

15 years experience | 57 endorsements

This is what I am, this is what I do: Web Design. • Need to troubleshoot the HTML and/or CSS? • Are things not aligning correctly? • Nee...

This is what I am, this is what I do: Web Design. • Need to troubleshoot the HTML and/or CSS? • Are things not aligning correctly? • Need assistance in implementing your design in HTML and CSS? • Are you learning Figma? • Want to learn how to create interactive prototypes in Figma? I can help with all these and many more :) I will guide you through your issues step by step, from a design & technical standpoints, while teaching you the HTML+CSS and Figma things you need to know to DIY your projects. I will put 110% of my effort into making your design look solid, accessible, memorable, compatible and compliant with best practices.

Web Design

Figma

6 years experience | 5 endorsements

All in all, the tools one use don't matter, what matters is making sound designs, wireframes and/or prototypes so everyone is on the same...

All in all, the tools one use don't matter, what matters is making sound designs, wireframes and/or prototypes so everyone is on the same page. • Are you learning Figma? • Need assistance with a prototype? • Want to learn how to create a prototype? • What is a Component? Variants? Groups? I can help with these subjects and anything in between :)

Prototyping Figma

HTML/CSS

10 years experience | 63 endorsements

I've been working with HTML/CSS since I started in Web Design 15+ years ago so I'm very familiar with both technologies. No HTML/CSS cha...

I've been working with HTML/CSS since I started in Web Design 15+ years ago so I'm very familiar with both technologies. No HTML/CSS challenge is too small for me.

Prototyping

15 years experience | 4 endorsements

Technical Prototypes I've always implemented my own designs with production-ready HTML, CSS, and jQuery using presentational JavaScript....

Technical Prototypes I've always implemented my own designs with production-ready HTML, CSS, and jQuery using presentational JavaScript. UX Prototypes My go-to tool is Figma 100%. I've also used InVision App, Flinto, MarvelApp, and other tools to create mobile prototypes. I can help you create virtually any kind of prototype for any project.

Mockups Prototyping

UX/UI Design

15 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

Css flexbox

10 years experience | 7 endorsements

Flexbox is a god-send. Aligning vertically and horizontally is no longer a chore. If you don't need to support legacy browsers like IE...

Flexbox is a god-send. Aligning vertically and horizontally is no longer a chore. If you don't need to support legacy browsers like IE9 and below, creating your layouts in Flexbox is a no brainer. I created my own site with 100% Flexbox, no float-based CSS grids of any kind: http://ricardozea.design

Css flexbox Web Design

Responsive Design

10 years experience | 59 endorsements

You can 110% rely on my Responsive Web Design expertise. I am very familiar with this subject in many aspects. I actually wrote a book...

You can 110% rely on my Responsive Web Design expertise. I am very familiar with this subject in many aspects. I actually wrote a book about it with Packt Publishing: Mastering Responsive Web Design - http://masteringrwd.com

Web Design RWD Responsive Design

Web Design RWD Responsive Design Responsive images Responsive email Responsive Web Typography

REVIEWS FROM CLIENTS

5.0

(145 reviews)

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!

Caroline Cone

November 2021

SO HELPFUL AND CLEAR! Flexible schedule as well!

Caroline Cone

November 2021

SO clear and helpful! Explain things in a way that you understand and can implement the tools you've learned. Responds quickly to messages and is very flexible! Will work with him again.

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

Sr. UI/UX Designer

Willis Towers Watson (WTW)

2023-03-01-Present

Responsible for redesigning their main platform called eepoint, a tool used to manage employees’ retirement acco...

Responsible for redesigning their main platform called eepoint, a tool used to manage employees’ retirement accounts.
Intensive use of Figma for designing dozens of data-intense tables, dashboards, application pages,
and prototypes.
Daily presentation of the designs/iterations to stakeholders.

Web Design

UX/UI Design

User flows

Web Design

UX/UI Design

User flows

Figma

Interaction Design

Sr. UI/UX - Digital 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 des...

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.
Heavy use of Figma to create wireframes, demos/prototypes, and technically sound designs.
Advice on UI/UX best practices and recommendations while looking for ways to innovate with new ideas.
Extend their solid brand in the newly created designs for the requested features.
Recommend messaging approach for marketing initiatives.

UIKit

Web Design

UX/UI Design

UIKit

Web Design

UX/UI Design

Zeplin

Figma

Interaction Design

Online HTML, CSS & Web Design Expert Mentor

Codementor

2016-04-01-Present

Live 1-to-1 expert Web/UI/UX Design mentor focused on helping other web professionals: Web Designers, UI/UX Designers, Front-End Devel...

Live 1-to-1 expert Web/UI/UX Design mentor focused on helping other web professionals: Web Designers, UI/UX Designers, Front-End Developers, Front-End Designers, etc.

I've helped dozens of people with all sorts of web design issues:

HTML
CSS
Sass
Layouts
Slideshows/carousels
Accordions
Page designs
Typography
Flexbox
Responsive designs
Hamburger menus
jQuery
Some vanilla JavaScript
SVG
Properly writing Sass/CSS
Box model
CSS animations

And many other subjects.

Profile & Rating: ⭐⭐⭐⭐⭐ (5.0) — https://www.codementor.io/@ricardozea/

Web Design

Coaching

Mentoring

Web Design

Coaching

Mentoring

UX/UI Design

PROJECTS

MeTRA®

Tenet3

2019

MeTRA® is a web application for analyzing the economics of cyber security solutions in complex systems. MeTRA® enables manipulation of ...

MeTRA® is a web application for analyzing the economics of cyber security solutions in complex systems. MeTRA® enables manipulation of graphical system models and rapid calculations of complex system data for quantitative metrics and their resulting insights.

HTML

React

CSS

HTML

React

CSS

Website redesign: The Gym of West MiltonView Project

The Gym of West Milton

2019

Fully redesign and implement in HTML+CSS the new website for the gym. Provide support and maintenance.

HTML

Responsive Design

Web Design

HTML

Responsive Design

Web Design

css/sass