How I created guidelines for an web application

I was commissioned by a local studio of product developers, Kitt Labs, to redesign build a design system for their newest product. As part of my process, I first spoke with the CEO and founder of the organization. He laid out the project details by showing me the product.

The First View: Building The Roadmap

The nature of the project was quite complex - users were expected to validate an ID, review existing tokens on the platform, and post their own tokens onto the website. After the initial meeting, I had to map out the entire product using screenshots I gathered from the recording.

My process for understanding this also required me to take note of all of the components used within the product so I could also create the design system as I created the roadmap.

📃 Documenting The Components

✍️ Then, I began building the design system.

Building the design system required a basic understanding of the components and how they would fit into the new design. Each component was designed with a specific color scheme (excluding error and success state components, which were included here).

🔨 Once the components were finished, I built out the new website.

With the hard part done, I began to set the foundation for what would be the new NFT Factory. This meant including each of the newly design components into the design I was created. With each step, I made sure to include key interactions, which enhanced the user experience.

‍

‍

‍

🔗 In the end, everything came together.

Working with Kitt Labs on the NFT Factory application was fun and enlightening. The project gave me a new perspective on a few things, namely:

• Working on a blockchain finance project. With this being my first ever blockchain project, I was excited to get started. I learn a lot about the industry along the way.
• Learning about transaction workflows. The exchange of information, whether it finances or addresses, was addressed in my designs. I learned how incentive influences design, and how people interact within this type of market system.
• Building relationships with smart people. The man who hired me knew a lot about the space, so it was fun to learn from his point of view and build from his knowledge.

Want to learn more about my work via UpWork? You can view the project here. You can also interact with the prototype I created here.