Design Basics for Engineers

Knowing the basics of design helps you communicate better with designers and have a product mindset. Having a product can make a huge difference in who you are as an engineer and breaking into top engineering teams. We will learn the basic terminologies of design that will help you along the journey.

Skill level: Mid-level
DesignDevelopment BasicsAdvanced Development
Tiny Logo
Curated by: Sooraj
In one of the companies I previously co-founder I was in charge of the design. Over time, in my journey as an engineer and entrepreneur I have taught myself how to design a good user experience.
Join our community
Discuss this topic
Your goal is to finish this challenge. The learning path below will help you get there.
Design your portfolio.

Design and build your portfolio. Make it as useful as you can. This could be your online resume. If you already have a portfolio, redesign it with the principles you learned. If you are happy with the design, feel free to share the link directly.

You can use any technology you like. (We recommend NextJS)

Host it on Netlify (

Extra points for buying a domain and hosting it under your domain. It's worth it!

Expected outcome

You can design a decent looking website. Share the URL to your portfolio.

Design Thinking

Design Thinking is a design methodology that provides a solution-based approach to solving problems. Let us learn some basics.

Resources: 1

Visual Design

Basic understanding of visual design principles that will help elevate your career.

Resources: 3

Information architecture

Information architecture (IA) is a science of organizing and structuring the content of the websites, web and mobile applications, and social media software. Let's learn to create information architecture.

Resources: 1

Design process

Let's discuss about the steps included in a design process.

Resources: 1

Design Handoff

By definition, design handoff takes place when the finished UI has reached the stage for the developers to implement it. Let’s look at the basics and some suggestions to get the best out of the designer-developer collaboration.

Resources: 1

Design Tools

Let's talk about design tools(Figma)

Resources: 1

A better version of yourself awaits you!