Hi! My name is Anna, also known as The Moza.
After living in Dubai and Berlin, I'm currently based in Gothenburg, Sweden pursuing my Masters degree in Interaction Design.
I'm interested in all things design, technology, sustainability, politics, and how those connect.



Haves

Some of the things
that I do:

Design Thinking & Human-Centered Design methods, Web & Mobile Design, Motion Design, Information Visualisation, Editorial & Corporate Design, Social Media

Skills

The tools I commonly
work with:


Adobe InDesign, Illustrator, Photoshop, After Effects, Premiere Pro;
HTML5, CSS3, Wordpress, JavaScript


Elsewhere

These are some of the places where I leave my footprints around the Interwebs:

I maintain a popular Tumblelog that combines design, urban life, culture, and everything in between: Posters of Berlin

I love icons and we all know sharing is caring, so go here to check out my contributions to
The Noun Project

You can also find my personal inspiration feed and design musings on
The Moza Blog

Want to know more about my educational background and work experience? See my profile on Linkedin

My Vimeo channel where I collect all
my motion design inspiration

Honing my coding skills is my keenest ambition these days. Follow my progress on Codecademy

Work

The arrows on the side will lead
you to examples of my recent work.

Take a Leap

Mobile Game  Jan 2016

Take A Leap creates an instant, mobile playground that is accessible to a group of collocated people. It is a collaborative 2D platform game, where a character runs from left to right and jumps off platforms to reach lower ground, users play the game together by aligning phones so that the character lands on a new platform and can continue forward. Before it jumps over to the next screen, the users have to sync the smartphones with a pinch motion to align the world. If they fail to “catch” the character the game is over. It works for any number of players and devices, minimum two devices.

TilePad

Mobile Design  Sept 2013

TilePad is a presentation and consultation tool used by employees at Fliesen Kemmler, a big chain of tile stores in Southern Germany. Each employee has a personal login, that leads them to a cockpit screen, where they have an overview of upcoming appointments, new products, sales statistics, or can start a new consultation. A major part of the iPad app is the consultation questionnaire to establish the client's wishes and requirements. As the interface will be seen and used by both employee and client during the session, I came up with illustrations as interactive surface to increase visibility and maintain interest throughout the process.
The app also contains product catalogues, info about the manu- facturers, a drawing pad, detailed sales statistics, calendar, order form, inspiration galleries, and business news, just to name a few.
Resources for iOS7 standards – especially for the iPad – were scarce prior the launch of the software update, but working closely with the developers helped us reach a great result. On top of creating the mockup for each screen, I visualized some action-based animations with AfterEffects.
Creative Direction by Aleks & Shantu.

Alternative OS

Concept Animation  Nov 2015

We are so used to the endeavour of launching our computers that we don’t question the process that occurs and what sort of information we are exposed to here. What if we used this time to provide the user with a more personalized and useful experience?
This project created in a three-day sprint and turned out to be its own limited operating system, restricting functions and possibilities for multitasking, avoiding distractions and thus leading to more productive work.

Spotify Friend Visualization

Web Design  March 2015

This web app lets you compare your Spotify behaviour with your friends. Select a friend to battle against and see your stats in different categories. Like which one of you is the Hipster (listening to songs with low playrate), who is the Giver (most shared playlists), or the Superstar (most followers). This fun service uses the Spotify API to pull data that is publically available and creates a score for both users and each category accordingly that is presented in a onepager.
Concept, Design, and Coding implemented as part of a group project with Pierre Reimertz and Malin Nyström.

Wiso: Wer verdient an?

Motion Design  July 2015

This is a compilation of a three part animation, titled 'Who earns money from traffic, from our data, and from garbage' shown on the German television show 'ZDF Wiso'. The vector graphics were created in Illustrator and then animated in After Effects.
Creative Direction by Aleks & Shantu, animation by Ben Pripad.

Tom and Sara

Web Design  Sept 2013

Tom and Sara is an indie pop band based in Berlin. They wanted a playful, illustration-based web presence, that combined vector shapes and hand-drawn items. Center piece is the tree that changes for each link according to the five Chinese seasons: Spring, summer, harvest season, fall, and winter. Additionally, there are Java Script animations and subtly animated gifs on each page.
I created the artwork, and programmed the site with HTML5, jQuery and integrated WordPress as CMS.

Kemmler
Baustoff App

Mobile Design  Aug 2013

Kemmler is a big chain of hardware stores in Southern Germany. The app, which is intended as B2B to be used by professionals in the construction sector, lists all available products, these can be searched, filtered, saved to favorites, bar code scanned, and ordered via the user's individual login. I devised the general look, in adherence to the companies existing corporate design, and made a pixel-perfect Photoshop mockup for every single view, for iPhone, Android, and jQuery-based web app.
Having only dealt with mobile devices from the Apple family, I had to learn about the affordances of the Android system from scratch, which I've come to appreciate in the process and had a lot of fun creating custom icons for. Another challenge was designing in the iOS7 style three months prior to it being released. With bits and pieces of visual and written references and some educated guesswork I managed to puzzle the standards together quite well.
Creative Direction by Aleks & Shantu.

Beate Müller-Gemmeke

Web Design  June 2013

Beate Müller-Gemmeke is Member of Parliament for the Green Party, who needed a new online presence for the upcoming elections. It is a content-heavy site, with updates posted daily and many different categories and links. Therefore, we spent a substantial amount with the client, restructuring and reorganizing the existing content to make the start page neat, yet retaining quick access to all important features.
The menu is combined with the feature slider, which is used to link to important and current topics. The omnipresent sidebar contains the search, further links, and twitter feed, while the main content happens next to it. Depending on the subpage, it displays article indexes, the article permalinks, image galleries, calendar, contact form, and so on.
Creative Direction by Aleks & Shantu.

WE Mag

iPad Magazine  July 2012

WE Mag is a magazine/iPad platform that I conceived as the practical part of my bachelor thesis. The written thesis focused on Mobile Assisted Language Learning, which led to the idea for an app collecting manifestations of language, that are inherently rooted in its respective culture. Therefore, WE Mag collects articles, images, audio, and video from different cultures, categorized according to language. People can submit their texts, photographs etc., which are then polished by the editorial staff to ensure continuous high quality of content. This way, the knowledge and opinions of many different people converge to form one big diverse cloud of culture in a crowd sourced magazine, that can be added to infinitely.

Click here for details of the process

MeoCLinic

Web Design  May 2013

We redesigned the website of MeoClinic, a renowned private clinic in Berlin, to give it a clean and elegant look. This was achieved with generous white space, the introduction of a graceful font, and a heavy focus on developing a classy, yet contemporary way of treating images. Excess clutter was eliminated, giving the main content enough room and establishing a clear hierarchy for quick and easy use. The icon bar on the right side provides one-click access to the most urgent information.
To provide an optimal mobile browsing experience, I also designed the mobile site.
Creative Direction by Aleks & Shantu.

10 Goldene Regeln

Motion Design  Oct 2012

On occasion of the Frankfurt Book Fair 2012, ZDF Aspekte did a satiric piece on the best sellers and their authors, and had us provide the visual part. Using images and vectors compiled in AfterEffects, together with animated cartoon, the piece turned out very diverse and entertaining.
Creative Direction by Aleks & Shantu, animation by Ben Pripad and Daniel Leyva.

Geld Gegen Ware

Motion Design  Sept 2012

This 40 second-long animation was comissioned for the website of ‘Geld Gegen Ware’, a company that buys used items like books and CDs. To visualize how the process works we created two characters who walk the user through the steps necessary to participate.
Illustrations by Johannes Grünberg.

For both the directions for use (above) and the flyer it was important to keep in mind the possible low-quality printing and coarse paper/surface that may be the only thing available in the rural areas. Therefore, we designed icons with as little detail as possible, yet still easily recognizable, even without the text for non-English speakers or illiterate people.

Village Boom

Corporate Design  May 2012

VillageBoom is a company striving to spread solar powered lamps in rural areas of Africa and India that lack electrical infrastructure. As part of a five-day workshop various groups worked on improving the lamp prototype or the design.
Marcel Bachran and I were exploring the requirements of a corporate design for such a product and produced a logo with claim, completely overhauled the manual and flyer, the caution notices and icons on the lamp, and produced two posters advertising the advantages of the solar lamp.

Below: Newly designed logo with tagline. It illustrates how the sunlight is captured on the roof and directed inside. The shape of the hut cites a commonly found building style in both Africa and India.

Hipster – das unbekannte Wesen

Motion Design  April 2012

State tv channel ZDF comissioned this animation for a five minute feature on hipsters, explaining the origin and occurance of the phenomenon. All items are painstakingly cut out with Photoshop and then arranged and animated in AfterEffects.
Creative Direction by Aleks & Shantu, animation by Ben Pripad.

Goldsparplan

Web Design  Nov 2012

Golsparplan.de is a financial service provider that allows individuals to buy actual gold and silver as long-term investment. The focus here was to quickly communicate to the visitor what the service is about, so we simplyfied the information and narrowed down the advantages to key facts and displayed them through illustrations with tooltips. Since customer contact was very important to the client, the hotline number and contact form are placed prominently on every page.

Material-
archiv App

Mobile Design  May 2011

Materialarchiv stocks a myriad of materials, such as pigments, woods, an plastics for artists and designers, and is backed by various Swiss universities and museums.
The app is a research tool for the archive, with each material being present with its own profile, including images and extensive information. All items can be sorted with different categories and filters, and materials can be saved to favourites and reviewed. I was invlolved in the wireframing process and build the mockups in Photoshop.
See it here in action (access with smartphone for best experience).

Double, Double Talk and Twaddle

Information Visualisation  Jan 2012

In the month of December 2011 for thirty days I recorded every bit of live conversation that I’ve conducted, which includes the three categories Face-to-face interactions, phone and skype conversations, and online chats. On top of that, I’ve kept count of topics, keywords, people and their respective locations.
The main visual is made up of circles, each representing one person. The color depends on whether the person is a relative, friend or colleague, its intensity on the path of communication.

Contact

Get in touch for project inquiries, collaborations,
or whatever else is on your mind.





Yes, I'm human!