TypeIt

Empowering Users In The Web3 Era

During my summer internship at DeFiner Labs from June to September 2023, I had the incredible opportunity to contribute as a UI/UX Graphic Design intern. Throughout my internship, I created numerous deliverables for multiple internal and external companies, including TypeIt, DeFiner, IndexZoo, and UniElon. It was an exciting experience as I constantly shifted between tasks for different companies. This experience not only allowed me to showcase my design skills but also provided a professional environment for me to further develop and hone my UI/UX and graphic design abilities.

In this case study, I will be sharing the design work I personally undertook for TypeIt. I had the opportunity to work remotely with a team of talented designers, including one lead designer, one part-time designer, and three interns. Despite being in different time zones, we collaborated seamlessly on various TypeIt tasks. Together, we worked on a wide range of projects, including designing user interfaces and developing impactful marketing materials like social media graphics and animated promotional videos.

My avatar in front of the remote DeFiner Gather office (on the left). A glimpse of my weekly design meetings with the other designers (on the right).

Overview

TypeIt, one of DeFiner Lab’s clients, is a pioneering company leading the Web3.0 revolution. With their groundbreaking keyboard application, users can earn passive income while effortlessly carrying out their everyday typing tasks.

TypeIt’s current homepage and mobile app.

Problem

TypeIt is seeking a complete overhaul of their website design to give it a fresh and modern look, as well as establish a unique and memorable brand identity. When I joined the team, DeFiner Labs had already established a set of brand guidelines, providing a solid foundation to work with for new webpages and graphics.

Solution

Create website and mobile designs, and customer marketing material that align with the new TypeIt branding to build trust with users, boost sales, and increase downloads for their mobile app.

Constraints

There were several constraints that affected the project. One of them was the lead designer and I worked in different time zones, with her in the China time zone and myself in the Pacific time zone. As a result, there was often a one-day delay in receiving feedback.

The designs were also constrained by TypeIt’s established brand guidelines. It’s important to note that I began working on TypeIt projects after their brand and homepage had already been finalized. Therefore, I had to ensure that my designs aligned with these existing guidelines.

As a new designer entering a professional environment, I faced the challenge of adapting quickly to the demands of the job. Despite having no prior experience in graphic design, I had to rapidly acquire new skills and knowledge every day. Each design task I worked on had its own specific deadline, set by the TypeIt team. To add to the dynamic nature of the job, new tasks were frequently generated on a daily basis.

Tokenomics Page

The Tokenomics page provides users with a comprehensive description of the $WORD and $TYPE tokens. The latest version of the page has been carefully structured to facilitate easy comparison and contrast between the two tokens. Additionally, it offers detailed explanations of how TypeIt intends to utilize revenue and allocate tokens.

I collaborated with other designers to develop several iterations for both the mobile and web versions.

Iterations of the Tokenomics page design I worked on.

The finalized website version of the Tokenomics page (left), along with the different iterations of the mobile version.

Ambassador Recruitment Page

The Ambassador Recruitment page is designed to inspire users to join the TypeIt Community Ambassador program. It highlights the various benefits that Ambassadors can enjoy, including exclusive limited edition blind boxes. Additionally, the page outlines the rules and guidelines of the program.

The Ambassador Recruitment page on TypeIt’s website urgently needed a redesign as it was completely rewritten with new information. In addition to two other designers who were working in China, I stepped in and worked late at night Pacific time to ensure that the first iteration of the new web and mobile designs for the Ambassador Recruitment page was completed. This allowed the TypeIt team to quickly provide feedback for the next day’s iterations.

Iterations of the Tokenomics page design I worked on.

Marketing Materials

I had the opportunity to work on a range of marketing materials for TypeIt, including graphics and animated content.

A promotional poster I designed to encourage users to join TypeIt’s Telegram group, which was featured on the Free Mint page of TypeIt’s website (left). I also designed two social media templates to announce exciting company collaborations, as well as AMA (Ask Me Anything) sessions where live Q&A events take place (right).

Two animated social media video templates I created using ClipChamp for TypeIt.

Style Guide

During the internship, designers were required to adhere to the existing brand guideline.

TypeIt brand guideline.