↑
↓

Cookie Run: Kingdom

A 5 day design sprint to re-design Cookie Run: Kingdom main website. Cookie Run: Kingdom is an social, role-playing action RPG game developed by DEVSISTERS. The purpose of this re-design is to improve the user’s experience by modernizing and introducing new features for new, current, and returning users.
Timeline
5 Days
Role
UX Designer, Visual Design, UX Copywrite
tools
Figma, FigJam, Adobe Photoshop
Deliverables
∙ User Research
∙ User Journey
∙ Site Mapping
∙ Wireframes
∙ Prototype
∙ Usability Testing
mockups
problem

Players have no incentive to use the official website

Players are informed with a mixture of outdated and unreleased content without ETA. Current players not having enough reason to use the website besides redeeming codes. Returning players unable to view current or upcoming content releases unless the players download the game or read from 3rd party websites.
How might we
How can we help DEVSISTERS increase foot traffic and website engagement?
‍
How can we help optimize productivity for PLAYERS?
Solution

Optimizing productivity purposes, player engagement, and modernization


Featured News & Updates
-Recent News & Updates
-Promotions
-Media

Promotional Related Media
‍-Ads
-Related Medias

Features
‍
Main Navigation Menu
-News
-Forums
-Support (providing options to change languages, redeem codes, and external links to other DEVSISTER merchandise.)

Gameplay
-Loop video of in-gameplay
mockups
Research

Addressing existing pain points builds rapport

User Interviews
I conducted unmoderated survey using Google Forms and sent over Discord to 11 participants composed of friends and acquaintances who play the mobile game.
key insights
Key Insights

01

Outdated and inconsistent game content released through social media and on the official website.

02

Players resulting to reading guides, updates, and finding reward codes on sketchy sites.

03

Player support and game feedback is assisted through social media.
Affinity Mapping
Taking in the additional responses from the interview I created a needs and wants and future/logistic improvements category to aid the ideation process later.
Information Architecture (IA)
Player Flow/Task Flow
Ideation

Designing for the players

I took the sitemap I created and started to sketch following transferring the sketches to digital wireframes. After creating the digital wireframes and started to work on the creating copy for the low fidelity I felt that I was missing something but I just couldn't quiet put my finger on it. And waited for the usability testing.
sketch
Wireframes
mockups
Prototyping
Re-Iterations
re-iterationre-iterationre-iteration
Final Design
design system
mockups
learning
Passionate player base = Consistent feedback
From playing the game and talking to the player base, the ones I have encountered and observed in discord has been encouraging and are huge advocates for in-game improvements.
‍
Business Thinking
Gaming companies developing websites is a great source for people to read further about the game that they might have saw in a quick ad/video/social media post, player engagement, and promotion.
←
Cherish
User Experience Case Study
Circle Mirror Transformation
Scenic Design Case Study
→