I am Ariel Cotton.  I'm an artist, product designer, & maker of interactive things.

I craft beautiful, human-centered interfaces for web and mobile applications. I draw and write comics about life in Berlin and New York City. I even tinker with electronics and make interactive art from time to time.


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

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

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 VitamindAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration VitamindAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration VitamindAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration VitamindAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Vitamind

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

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 illustrationAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustrationAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration

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 illustrationAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustrationAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration

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 pagodaAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration pagoda

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 pearlAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration pearl

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

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 bonfireAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfireAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfireAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfireAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration Mind Journey bonfire

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 melodyAriel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration melody
Ariel Cotton UI UX Design Memorado GmbH apps brain training games gameplay screens icons information illustration apple tree

Top