Memorado
Memorado is a company that produces gamification apps. The main product, the Memorado app, provides brain-teaser games for people to play. I crafted user interfaces and graphics for games on the app, as well another game app called Vitamind, and a mindfulness gamification called Mind Journey.
Categories
UI design, mindfulness and games, native app, icon design, illustration
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/Mockup.png)
Contents
VitaMind
Initially, I did UI design work for their app VitaMind. Like Memorado, VitaMind is an app for brain-teaser games, but it has a more childlike aesthetic, and a mascot who is a doctor.
I designed assets, such as the progress bar, which underwent a few iterations:
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/progress-bars-02.png)
I produced icons, buttons, banners and counters, then designed some of the screens that used them.
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Vitamind](../../wp-content/img/ux/memorado/vitamind_screen-blackboard.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Vitamind](../../wp-content/img/ux/memorado/vitamind_screen-congratulations.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Vitamind](../../wp-content/img/ux/memorado/vitamind_screen-get_pro.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Vitamind](../../wp-content/img/ux/memorado/vitamind_screen-goals.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Vitamind](../../wp-content/img/ux/memorado/vitamind_screen-icons.jpg)
I illustrated graphics for the app, including the doctor in different forms of attire for different types of reward screens: celebrating with a Mexican fiesta, at a graduation ceremony, drinking at a cocktail party.
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Vitamind](../../wp-content/img/ux/memorado/vitamind-doctors.png)
Memorado
For Memorado I helped design screens for several games. One of them included a game that involved solving a puzzle with numbers by connecting ropes together.
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/ropes-black_white-01.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/ropes-purple-01.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/ropes-purple-02.jpg)
I was responsible for all the graphics and UI design for a game called Pagoda. The graphics underwent many iterations:
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/pagoda-01.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/pagoda-02.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration](../../wp-content/img/ux/memorado/pagoda-03.jpg)
The objective of the game is to try and drag the Chinese lantern and lotus flower icons onto the sticks that appear, without interacting with any of the other rotating sticks:
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration pagoda](../../wp-content/img/ux/memorado/pagoda-01.gif)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration pagoda](../../wp-content/img/ux/memorado/pagoda-02.gif)
Mind Journey
Mind Journey is an app for meditation. Unlike the other two apps, these games are not competitive. The focus is more on relaxation and mindfulness than on winning. I designed all the graphics, assets and UI for five games.
Pearl is a game in which the user drags their finger across a screen full of pearls until they are all connected on a single strand, thereupon which a shell opens up, transporting the user to another screen:
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration pearl](../../wp-content/img/ux/memorado/pearl-01.gif)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration pearl](../../wp-content/img/ux/memorado/pearl-02.gif)
Bubbles is simply a bubble wrap simulator. I produced all the animation states for the bubbles. There were about 20 in total.
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration bubbles](../../wp-content/img/ux/memorado/bubbles.gif)
In the game Bonfire, the user watches a bonfire on the beach slowly burn, and can add more logs by dragging them from the bottom corner of the screen. There are five states in total from the original one until the fire has burned out completely.
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfire](../../wp-content/img/ux/memorado/bonfire-01.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfire](../../wp-content/img/ux/memorado/bonfire-02.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfire](../../wp-content/img/ux/memorado/bonfire-03.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfire](../../wp-content/img/ux/memorado/bonfire-04.jpg)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfire](../../wp-content/img/ux/memorado/bonfire-05.jpg)
I designed some other screens for games that were never implemented:
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration melody](../../wp-content/img/ux/memorado/melody-01.png)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration melody](../../wp-content/img/ux/memorado/melody-02.png)
![Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration apple tree](../../wp-content/img/ux/memorado/mind_journey-tree.jpg)