Edward Tobi
Edward Tobi's Blog


Edward Tobi's Blog

Build a design framework like showwcase

Build a design framework like showwcase

Steps to take in order to create an effective and efficient product design

Edward Tobi's photo
Edward Tobi
·Nov 20, 2022·

3 min read

Table of contents

  • What is Showwcase
  • What is a design framework
  • Stages of a design framework
  • How did Showwcase check these important rules?
  • Summary

Hello, I'm Edward. Welcome to my first article in hashnode. First of all, thank you for reading this article. I won't go into detail on this subject instead, I'll cover the fundamentals of the design framework, please feel free to leave comments and ideas. Cheers to reading!


What is Showwcase

Showcase is a network built for developers, coders, and programmers. It is a platform to help you connect, learn, and share showcase your passion create opportunities, and get paid for the work you do best. Feel free to visit showwcase

What is a design framework

First thing first what is a design framework? A design framework is a simple visual structure that helps organize the information and ideas of a problem so you can work on it more effectively.

Stages of a design framework

It consists of 4 main stages

design framework.jpg


Learn more about the user and their problems, wants, and needs, and the environment or context in which they will experience your design.


Analyze the results of your research on the empathize phase and determine what problems are faced by the user, how to address them, and why. This drive toward a specific goal of what you are building.


After you land on the user problems and establish why it is important to solve them, it's time to ideate. The goal of ideation is to come up with as many design solutions as possible

Don't settle for your first solution; if you think about it and brainstorm, you may discover that the first solution isn't always the best or right one.

Prototype and testing

Your main goal is to produce an early model of a product that demonstrates its functionality and can be used for testing. The design product will undergo a very long phase change during which features may be added or removed to suit the intended purpose of the creation better.

How did Showwcase check these important rules?

giphy (1).gif

They built a product that brings in a variety of users like software engineers, computer science engineers, front-end and back-end developers, content writers, UX/UI designers, graphic designers, etc. They did not limit their options to specific types of users (such as developers) but instead created a community of different carriers such as graphic designers and others. Showwcase has many other features like a job section, community section, etc. where you can interact with users and employers, which is a big surplus and game-changing.

Their design system is very organized and precise, which can easily accommodate users from different backgrounds. The platform is very collaborative updates are announced, and showwcase team members ask their users how they can improve their platform. I was amazed and surprised by it. This gives the impression that they want to build a community where people interact with each other.


To summarize, if you want to create a design product, the first step is to go through the design framework this will assist you in establishing a clear goal for what you are attempting to create. This is something I wish I knew in my early days as a developer and UX/UI designer. I didn't go in-depth on how to build a design product using the design framework if you want me to go through all the required steps, feel free to hit me up. It will be a pleasure to help you.

#include <stdio.h>

int main(void)
  printf("Thanks for reading!\n");
  return (0);
Share this