Hi! My name is Anna, also known as The Moza.
I’m based in Berlin and I design Websites, Mobile Applications and everything printable.
In my free time I like to go running, draw letters, and work on my coding skills.



Haves

The following are the
services I offer:

Web Design, Mobile Design, Print & Corporate Design, Motion Design, Information Visualisation, Lettering, Social Media

Skills

The things I work
with most often:


Adobe InDesign, Illustrator, Photoshop, AfterEffects;
HTML5, CSS3, Wordpress


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 Xing

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.

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.

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.

Personal Project

Lettering  July 2013

In my free time I love drawing letters with the nib pen or flat brushes. These are some impressions from my instagram feed. Currently I'm experimenting with Textura and Rotunda, both blackletter scripts common in the 14th and 15th century, used in Northern and Southern Europe respectively.

DroidCon Global

Web & Logo Design  Mar 2013

We overhauled the complete structure and design of the DroidCon Website with the goal of a clean and modern look. The global site links to all local Android conventions all over the world, with infos and dates of the events.
We also designed the logo and determined a style guide for the corporate design.
Creative Direction by Aleks & Shantu.

DroidCon Berlin 2013

Branding  April 2013

DroidCon is the leading Android Developer conference, established in Berlin in 2009 and now taking place in cities all over the world. For the 2013 event we were responsible for the branding of the event venue. I designed posters as signage for hall numbers and also many different Berlin-themed illustrations: Droid with famous landmarks, with the Ampelmann, or spraying graffiti. We also created food and beverage menus, banners for inside and outside, roll-ups, and branded the lecterns, box office etc. with those illustrations.
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.

Laser Institut Burg Arras

Web Design  Sept 2012

The Laser Institut dermatology practice website held a lot of information, and since the client wanted to use existing (and very small) images, a solution that made the text look inviting to read despite this limitation was required. Hence, the content of the single pages was integrated into JavaScript sliding panels. The color brown and a fabric texture are used to acknowledge the practice's unique location in an old castle. Also the round slab serif with embossed effect are an allusion to carvings in wood panelled walls.

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.

Wohngrund

iPad Magazine  Jan 2012

Wohngrund is an iPad magazine I conceived, collected content for, designed and finally programmed during an editorial design course in cooperation with Axel Springer publishing.
The brief demanded for a publication that would be of interest to young Berliners, which led me to the topic of living and everything related. This yielded articles like “My first own apartment“, columns with user generated content, home improvement tips and interactive infographics.
The prototype, coded with HTML5 and JavaScript, includes sixteen different pages that are fully functional.

Prototype access with iPad

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).

Punkt Punkt Punkt

Animation  Sept 2011

As the final project for our animation course, we conceived the story of ‘The Man in the Dot‘, who is a raster dot in a poster museum, falls down and explores the surroundings. When he feels alone, he gets his girlfriend to see this new world together with him, however, as more dots wake up and join them, the pictures start to fall apart. The two heroes realize this and try to convince the others to return to their places.

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.

I chose seven other of Murakami’s books and conceived cover designs – reflecting the book’s respective content – so when correctly arranged, the lines connect to the adjacent cover.

Haruki Murakami Resdesign

Book Design  July 2011

“Kafka On The Shore“ follows the stories of various characters, who on occasion meet, or experience parallels. This metaphor of life and the power of fate is conveyed via the keyvisual featured on the cover and throughout the book. The overall simplistic design, with generously used white space and strong presence of the grid is inspired by the Japanese origin and setting. The subtle use of red and a combination of a light slab serif and a modest sans serif typeface, reinforces this aspect.

Contact

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





Yes, I'm human!