DigiMart

Product Design

Client
Values
Challenges

A Brand New Way to Do Ecommerce

DigiMart is a role-playing game (RPG) style virtual ecommerce market. Users enter the world and customize their characters, environments, and have the option of mall-crawling or opening up a virtual storefront. The shops can be adjusted to suit a desired layout and loaded with browsable inventory on shelves that someones avatar can browse. Users who struggle with traditional ecommerce platforms and/or tend to procrastinate developing  their skills, especially those who gravitate towards gaming, have an avenue for success here. Some people struggle to find paths to success, sometimes they need a place to escape to. DigiMart meets them there, in that place, and provides a new path to success in a way that makes sense.

Process Journal

Process

The idea came about when I was doing exactly what it was created to prevent: procrastinating with video games. I needed to figure out my new Etsy shop but I was so lost, I just found myself mindlessly droning through a video game. The game had little shops full of merchants goods so naturally, I realized I’d have an easier time pursuing my goals with a little avatar. Months passed with ideas stewing for DigiMart, I began research on games offering optimal art and design for such a platform. I explored a variety of art styles, from 2D pixel games to 3D CG open-worlds.

Art Style Decisions

My research delved into alternative education, responsible mercantile architecture, ecommerce, and neurodiversity; this informed the structure of the experience which informed my decision to make a 3D CG experience—prioritizing function over a more catchy aesthetic. The 3D models also allowed for more expressive stylizations in the world. The game uses a late 90’s/ early 2000’s look that invokes the special consumerist mallrat culture. The nostalgia for this look is potent in people from their teens to their thirties and shows that (combined with the thoughtful, human centered design of the rest of the app) we can use our experiences to create new and economically responsible futures.

Character Design

The art style is familiar, stylized, and minimal. Proportions were carefully chosen to allow for details in fashion, accessories, recognizability, and cohesiveness with the amount of detail in the environment. Character detail is just reduced enough to not compete with in-shop experiences.

Map

The map was designed with users well being in mind. It prioritizes navigability but allows for extendable stretches  of shops so that users are able to get somewhere with intention and autonomy, but the spontaneity of browsing a bustling area isn’t lost.

I formed the experience around findings in alternative education and non-hostile architecture. Being that the game simulates a public space, I found the hostile design choices in things like malls and casinos and chose to empower rather than discombobulate. The marketplace is easily accessible, users can fast travel to shops by tapping them on the map, save locations, the map is laid out in a radial grid, and features an open mingling space in the center that can be used as a reference point so as to avoid getting lost in the market.

Accessories

Users have two special tools to help them make DigiMart a fully functional experience: the phone or “cell” and desktop. The cell allows quick access to notifications, messages, payment options, saved items/shops, certain in-app purchases, and the map. It allows users to do the things they’d normally need in their shopping experience, but without breaking the immersion. The art style even coincides with the nostalgic themes in this virtual world. The desktop takes this a bit further and adds functionality for shop management including: messages, notifications, orders, listings, view stats, accounting, and shop building.Both have stylized keyboards that fit the familiar layout of a traditional mobile-phones keyboard.

Locations

The main location of DigiMart is the marketplace. Once users fast travel here by tapping their drop off spot on the digital map, they can enjoy the best features of the app, browsing, mingling, shopping, even decorating the environment with virtual stickers from their favorite shops (yes shops can sell digital goods as well). They activate functions by approaching active elements then tapping their pop up buttons. For example, approaching a storefront allows the user to enter, loading a new scene.
The users room holds 4 functions. The first is cosmetic, it can be customized with virtual posters found in shops or trinkets like lava lamps provided by DigiMart. Second, it allows users to get on their in-app computer to open up a shop. From there, the computer can be used to managed the business. Third, the users can customize their characters in their closet with clothes from DigiMart or purchased from shops. Last, they save cosmetic changes by “resting” on their bed before finishing a session.

Inside, the merchants have carefully laid out the contents of the main floor. They’re full of racks and displays featuring the best highlights of the merchants’ inventory, with the option to load additional floors. Shoppers approach the virtual goods and a window pops up (left) that gives information and purchase options. This interaction is the most similar to a traditional ecommerce service. For the merchants, there are desktops placed in the main floors of any given shop. Interacting with the computers in a merchants own shop enables business management functions.