Ricardo Zea

Ricardo Zea

Mentor
5.0
(145 reviews)
US$22.00
For every 15 mins
210
Sessions/Jobs
free badge
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.”
Web Designer and CSS+HTML expert. “There are no dumb questions, it's just dumb not to ask.”

Just as I love Web Design, HTML, and CSS, one of my passion is to share my experience and knowledge through collaboration where everyone benefits. I make sure every person I mentor takes away new, solid knowledge.

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. 🎓

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
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
View more
Web Design
View more
2 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 :)
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.
View more
View more
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.
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
View more
Web Design
View more
2 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
5 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

REVIEWS FROM CLIENTS

5.0
(145 reviews)
Samantha Gaiser
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
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
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
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
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
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
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
jai
November 2021
Amazing!
Caroline Cone
Caroline Cone
November 2021
SO HELPFUL AND CLEAR! Flexible schedule as well!
Caroline Cone
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.
EMPLOYMENTS
Sr. Specialist UI/UX Design
Nestlé / Purina
2021-05-01-Present
Lead Designer for their internal Checkmark team working with their HubX group. All his design work affected Purina.com ● Heavy and advanc...
Lead Designer for their internal Checkmark team working with their HubX group. All his design work affected Purina.com ● Heavy and advanced use of Figma to create designs for a variety of initiatives: search results pages, components for other brand designers to use in their own designs, create and maintain team libraries, create prototypes for UX research, ingredients maps. ● Provide design support to the development team with solid arguments based on detailed knowledge of UX, design principles, web performance, HTML, CSS, RWD, branding, accessibility. ● Contribute to already built libraries by editing prior and creating new designs and components. ● Be the owner of the design standards and encourage its use. ● Lead collaborative but influential voice for UX/UI for cross-functional teams. Be a leading voice in consumer-centric problem-solving. ● Rapidly iterate on design prototypes and working applications executing all visual design stages from concept to wireframe and UI hand-off for development. ● Speak the language of developers and understand development critical paths to success and incorporate these in the UX planning process. ● Provide design support during development and execution; assist with QA to ensure designs are implemented accurately and with the highest standard including CSS integrity, fonts, user interaction, and task completion rate success metrics.
HTML/CSS
Responsive Design
Prototyping
View more
HTML/CSS
Responsive Design
Prototyping
Web Design
Interaction Design
UX/UI Design
Figma
View more
UI/UX Digital - Visual Designer
NodeSource
2020-12-01-Present
Go-to designer for their N|Solid Platform (Node.js) ● Facilitate UI/UX Design expertise for their custom-built N|Solid platform. ● Provi...
Go-to designer for their N|Solid Platform (Node.js) ● Facilitate UI/UX Design expertise for their custom-built N|Solid platform. ● Provide UX analysis of new features. ● 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.
Zeplin
Figma
View more
Zeplin
Figma
View more
Online Expert Mentor: HTML, CSS & Web Design
Codementor
2016-04-01-Present
Live 1:1 expert web design mentor focused on helping other web professionals: web designers, front-end developers, and front-end designer...
Live 1:1 expert web design mentor focused on helping other web professionals: web designers, front-end developers, and front-end designers. I've helped people with all sort 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, etc. Profile: https://www.codementor.io/ricardozea Average Rating: ⭐⭐⭐⭐⭐ (5.0) - https://www.codementor.io/ricardozea#/review
HTML
Responsive Design
Accessibility
View more
HTML
Responsive Design
Accessibility
UI design
Web Design
CSS
Interaction Design
Sass/SCSS
usability principles
View more
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
View more
HTML
React
CSS
View more
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.
Fully redesign and implement in HTML+CSS the new website for the gym. Provide support and maintenance.
HTML
Responsive Design
Web Design
View more
HTML
Responsive Design
Web Design
css/sass
View more