Incom ist die Kommunikations-Plattform der Hochschule Anhalt Fachbereich Design

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Anhalt Fachbereich Design mehr erfahren

Mycrobexplorer - Edu Game

In the course „Edu Games“ with focus on UX and UI Design we designed interactive applications and games for learning for children of different age groups. We developed the concept of the games and focused above all on the aesthetic implementation of these. I decided to use Adobe XD, Blender, Adobe Audition, Illustrator and Photoshop for my app.

What is Mycrobexplorer?

- take on the role of an explorer of a kind of parallel world

- your guide: the good bacteria Lactobacilli („Lacto“)

- turn your home in a place full of adventures and alien like beings (=pathogens)

- absolve exciting (and educational!) mini games

- get to know „mycrobes“ in the microbe gallery

What is the target group?

- children from 8-14

- Boys and Girls

- kids who are interested in science, in adventurous/ futuristic games 

- Pokemon-Fans

Content in Detail

- how to prevent pathogens (hygiene)

- differenciation of good and bad bacteria & viruses

- location of microbes

- how microbes transmit

My secret goal...

I want to convey a complex topic simplified and playful.

Make something important, what is absent and invisible, present and visible in our everyday lifes.

Mycrobexplorer in Process - Behind the scenes

Here I show the step-by-step development of my app using some selected screens of the prototypes. Under each series I have roughly summarized my next steps.

AR Scene – 1.pngAR Scene – 1.png
AR Scene – 2.pngAR Scene – 2.png
iPhone 13, 12 Pro Max – 3.pngiPhone 13, 12 Pro Max – 3.png
iPhone 13, 12 Pro Max – 1.pngiPhone 13, 12 Pro Max – 1.png

First Prototype - Feedback/ next steps

  • develop more child-friendly aesthetics

  • anthropologize microbes

  • model weapons  with Blender

  • further develop screens

  • (…)

Daily Quiz.jpgDaily Quiz.jpg
arms.jpgarms.jpg
AR Scene – 1.jpgAR Scene – 1.jpg
Welcome.jpgWelcome.jpg
Fight.jpgFight.jpg
Cards.jpgCards.jpg
Open card – 1.jpgOpen card – 1.jpg

Second Prototype - Feedback/ next steps

  • reduce elements on screens & make it more playful

  • humanize microbes 

  • model weapons in a more futuristic way

  • cut redundant functions of the app 

  • (…)

Fight.pngFight.png
Minigame explanation.pngMinigame explanation.png
Welcome.pngWelcome.png
weapons.pngweapons.png
AR Scene.pngAR Scene.png
Fight end.pngFight end.png
Cards.pngCards.png
Rotavirus.pngRotavirus.png

Fourth Prototype - Feedback/ next steps

  • create more visual hierarchy (highlight microbes, reduce text presence)

  • create tension through movement, light and shadow effects, etc.

  • work with sound effects

  • (...)

lactobazillepng.pnglactobazillepng.png
IMG_4354.pngIMG_4354.png
lactobacilli.pnglactobacilli.png
lacto.pnglacto.png

Lactos Development 

I modulated all microbes in Blender. Over the weeks, what started out as very microscopic, gritty renderings evolved into excitingly fleshed-out characters. In Procreate, I gave my microbes an individual touch by adding eyes, eyebrows, and mouths. Iin Photoshop I experimented with brightness, color, and contrast. 

In the upper pictures you can see the development of Lacto, the main character.

Mycrobexplorer on stage - the final version

Bildschirmfoto 2022-07-02 um 14.38.56.pngBildschirmfoto 2022-07-02 um 14.38.56.png

Here you can see an overview of all screens of the final version.

Screen Video of the final version

Final Presentation of Mycrobexplorer

Ein Projekt von

Fachgruppe

Integriertes Design

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Hermann Klöckner foto: Prof. Mathias Jüsche

Zugehöriger Workspace

WM Edu Games – spielerisch, schlau & zusammen.

Entstehungszeitraum

Sommersemester 2022

Keywords