GamePuzzles
GamePuzzles creates wonderful puzzles that can help kids improve their memory, problem solving, creativity, patience and thinking speed. However their current site is difficult to navigate and search for their products. Which results new and returning customers to left feeling confused and weren't able to efficiently shop for the puzzle they would like. The puzzles were well designed with mathematicians and game inventors. However, the site is lacking a clear educational guide and a game manual for the customers to learn more about how to play the puzzles. Which makes customers loose trust of the site because of the lack of product's informations and photography.
Client
My Role
UX/UI Designer and Product Designer
Client
GamePuzzles
Duration
2 week sprint
THE
CHALLENGE
GamePuzzles creates wonderful puzzles that can help kids improve their memory, problem solving, creativity, patience and thinking speed. However their current site is difficult to navigate and search for their products. Which results new and returning customers to left feeling confused and weren't able to efficiently shop for the puzzle they would like. The puzzles were well designed with mathematicians and game inventors. However, the site is lacking a clear educational guide and a game manual for the customers to learn more about how to play the puzzles.
Helped provide a design solution for GamePuzzles with a
responsive website refresh and a robust online experience.
OUR
MISSION
My goal was to introduce a seamless and fun educational experience for parents and kids to learn a new puzzle game. Through user research and interviews, I was able to sort user needs, struggles and pain points I need to suggest a better solution in my application. I wanted to encourage anyone educating at home during the pandemic, kids or anyone interested in having a fun educational exercise.
How might we make homeschooling more fun and creative in order to improve student's engagement in their studies during COVID-19.
How might we make homeschooling more fun and
creative in order to improve student’s engagement
in their studies during COVID-19.
Who is GamePuzzles designed for?
From here, I created personas to prioritize the type of users to my application. I have created a primary persona and a secondary persona. Primary persona focus on users who purchase the puzzle online and is in need of an educational learning method. Yet, I believe that for a better result, benefiting more than one group should be added in my design process. Therefore, I considered the a range of age groups of personas.
Building the personas had helped to remind the creative decisions for the product, make effective design decisions, and to provide innovative solutions.
Design Ideation
From the research data, I begun to develop the site's ideation sketches. After conducting card sorting to help narrowing down the tabs, I was able to create a site map with rename the labels to a form that the users are more familiar to. Developing the wireframes and connect them using a flow to help me visualize the user's navigation journey.
Design System
Home Page
In the home screen, which showcases GamePuzzle's mission statement, "For the joy of thinking." Which helps new customers to understand what does GamePuzzles provide and believes. They can keep scrolling down, which displays a carousel of new puzzle releases. Next a fun icons of each puzzles categories is displayed. The users may select an icon of the puzzle category to start shopping. Further along down the page, users can also select the Learn new game strategy section, which users can go in depth of how to play each puzzles.
Shop Product
In the product screen, users can right away view a list of puzzles on the screen to pick from. A sorting and filtering feature has been added to give the users an efficient way to search for their puzzle game. Under each product, a clear title description and price is displayed. To view more detailed on the product, users can simply select the product and view the detail page. Within the detail page, users can view customer's reviews with photos. They can also view specification section, which showcase the product's details and detailed descriptions about the puzzle. A Learn Game Strategy button is added to allow the users to view a demo of this puzzle game.
Play Puzzle
Within in the Learn Game Strategy, users can quickly learn the rules and the strategy on how to play this puzzle game. Video demo and visual step-by-step guide is included to give users a visualize the game process. In the demo game, users may read a short instruction before playing the game. After completing the demo game, users have the option to add this puzzle game to their cart or to go back and keep exploring other puzzle games.
Checkout
User can check their cart and start their checkout process. My focus is to help the users to make their purchase be efficient and with minimal process steps. So I have made these 3 simple checkout process for the user.
Usability Test
After developed the prototype, I have conducted usability test through a 25 minute zoom with 4 homeschooling parent and 2 students studying remotely.