Play the prototype
The Spawn Point mark, the S above the coin, as thick acrylic glass on black.
Tri-fold brochure mockup: the folded cover with the Spawn Point wordmark and a character, beside the open inside with onboarding steps, partner games and the Spawn Point page.
Scope
Branding, UX research, UI development
Industry
Gaming, Web-3
Role
Design Lead (Intern)
Duration
March 2024 – July 2024

Spawn Point is a Web-3 based gaming platform which tends to elevate the experience of gamers by rethinking how they access games, own assets, and connect with each other. From the very first conversation with the CEO to pages ready for development, I conducted the UX research, built an intuitive brand identity along with its brand book, and designed the user interface for the platform.

The prototype

36 final screens wired into a clickable prototype, with guided walkthroughs: rent a game, trade a skin, try before you rent, change your theme.

Play the prototype

The brand book

Logo, colour, type, voice and brand in use, across 40 pages.

Impact

  • Aptos grant

    The branding and pitch we designed for Spawn Point helped the company secure it.

  • Google Cloud

    Architecture support, secured with the same pitch.

  • ICC Camp S1

    Accelerated, with demo days at Google Cloud Singapore and the Hong Kong Web3 Festival 2024.

  • 27 partner games

    Signed as Spawn Point exclusives: every game in the prototype.

On the road with ICC Camp

Read the full case study

Brand book

Brand book, page 1 of 40
Brand book, page 2 of 40
Brand book, page 3 of 40
Brand book, page 4 of 40
Brand book, page 5 of 40
Brand book, page 6 of 40
Brand book, page 7 of 40
Brand book, page 8 of 40
Brand book, page 9 of 40
Brand book, page 10 of 40
Brand book, page 11 of 40
Brand book, page 12 of 40
Brand book, page 13 of 40
Brand book, page 14 of 40
Brand book, page 15 of 40
Brand book, page 16 of 40
Brand book, page 17 of 40
Brand book, page 18 of 40
Brand book, page 19 of 40
Brand book, page 20 of 40
Brand book, page 21 of 40
Brand book, page 22 of 40
Brand book, page 23 of 40
Brand book, page 24 of 40
Brand book, page 25 of 40
Brand book, page 26 of 40
Brand book, page 27 of 40
Brand book, page 28 of 40
Brand book, page 29 of 40
Brand book, page 30 of 40
Brand book, page 31 of 40
Brand book, page 32 of 40
Brand book, page 33 of 40
Brand book, page 34 of 40
Brand book, page 35 of 40
Brand book, page 36 of 40
Brand book, page 37 of 40
Brand book, page 38 of 40
Brand book, page 39 of 40
Brand book, page 40 of 40

Spawn Point is a Web-3 based gaming platform which tends to elevate the experience of gamers by rethinking how they access games, own assets, and connect with each other.

It began at my induction meeting with the CEO. It was mostly about the product: what Spawn Point is, how it should work and feel, its positioning, its vision and mission, and the problems he wanted it to solve. I was mainly working on the final website UI design, and along the way I took care of the branding.

I started by defining the product and understanding the context around the possible opportunity statement. I then conducted a value proposition exercise with the primary audience (end users/gamers/devs) through an online interview session, which helped me validate the CEO's hypothesis and introduce a few necessary revisions.

My secondary research involved going through relevant articles, research papers and community posts to further define the target audience. As part of the market study, my team performed a brief competition analysis and trend research to get a clearer view of which features we could take advantage of, what to avoid, and which game genres are appealing to the audience. At the end of the research phase, we conducted a focus group discussion with all stakeholders to review and align on the insights gathered.

The words from that first meeting became a word cloud, and everything that followed grew out of it: the moodboard, the name, the logo, the patterns, the characters, a custom typeface and finally the brand book behind the pitch.

To prepare an MVP for testing we first put together an information architecture and all the essential flows inspired by our final insights. Then came the wireframes, to test the flows before any visual design. The UI was built directly on the wireframes, and each screen went into development as soon as it was designed.

The MVP was reviewed in rounds with stakeholders rather than through a formal usability study. The UI aesthetics were reaffirmed, with only minimal revisions.

Spawn Point went through the first season of ICC Camp (Imagine Creation Combinator), an accelerator for Web3 games, and the brand went with it from Singapore to Hong Kong. The pitch we designed for Spawn Point helped the company secure an Aptos grant and Google Cloud architecture support. Soon after, the company changed direction entirely.

Team

  • Vishrut Sagar Design Lead (Intern): branding, UX research, UI design, and the company's Notion workspace
  • Ninad Ingole Head of Design
  • UX Designer Market study, SUS scoring, selected user flows
  • The animation team Characters, backstories and sketches
  • Freelance video editor The pitch trailer
Read the full case study
Moodboard with illustration references, design style references, icon sets and pattern studies.Tri-fold brochure mockup: the folded cover with the Spawn Point wordmark and a character, beside the open inside with onboarding steps, partner games and the Spawn Point page.
Website mockup: the Spawn Point store home page with a 3D mark banner and featured games, with more screens stacked behind it.
The Spawn Point logo's construction drawing: the S and the coin on their grid of circles.
  • Crimson red#CB2742
  • Ocean blue#088897
  • Ivory white#EAEBE4
  • Ash black#1D1D1D
Brand book typefaces page: Bicyclette and Montserrat.The coin-half pattern in two crimsons, with the Spawn Point mark in ivory.
Spawn Point billboard: crimson wordmark, the hooded character and a crimson topographic pattern panel.
The Spawn Point mark, the S above the coin, as thick acrylic glass on black.An illustration of pale skulls tumbling through breaking waves in deep and pale blues.
Poster: SPAWN POINT in ivory over a samurai with a sword before a red and black dragon, with the mark below.
Poster: SPAWN POINT in crimson on ivory, the line 'Elevate the experience of gamers', the mark, and the hooded character on the right.Poster: SPAWN POINT in ivory on black, the line 'Elevate the experience of gamers', the mark, and the hooded character on the right.
Poster: SPAWN POINT in ivory on crimson, the line 'Elevate the experience of gamers', the mark, and the hooded character on the right.Poster: SPAWN POINT in crimson on black, the line 'Elevate the experience of gamers', the mark, and the hooded character on the right.
Poster: SPAWN POINT in black on ivory, the line 'Elevate the experience of gamers', the mark, and the hooded character on the right.Four panels: the Spawn Point favicon in a light and a dark browser tab at spawnpoint.cloud, the store's header with Home, Game and Friends, and the Warfront Assault card at 219 an hour.