zhaorong hou  © 2025

Portfolio
            



Ich bin eine Designerin, die sich mit der Beziehung zwischen Information und Wahrnehmung auseinandersetzt. Ich konzentriere mich auf crossmediales Design und visuelle Erzählung – von Print bis zu interaktiven Medien.





Projekt 1Projekt 2Projekt 3Projekt 4

Projekt 1



                                                                                       
 

YELLOW circle represents the different available time range with different friends






friendo is  an app for friend meeting  management.  On the homepage, you can clearly see your schedule .  The  round bubble means your free time. And the yellow  circle means how much free time you and your friend have in common.  If you want to  hang out  with your friend  at  your rest time, then you can easily contact  who have  the  enough  time .

   
the app is  in grey and blue color settled.  It creates an atmosphere of  staring at  sky when  you are not busy.
        


Sky on high
Go out with friends is like looking at sky.  No burden, relaxing.


   
   

the layout of the homepage can be seen as a group of  these small  units : a huge  bubble in  light color and two small  patterns in  dark  color.












                                                                   choose a friend


a friend who has the same spare time with you

a friend you want to meet


When you want to find friends to hang out with, you might prioritize those who are free at the same time as you. This app helps you filter out these friends and shows you how long your free time overlaps with theirs. For privacy reasons, the length of free time is represented by the size of a yellow circle rather than specific data.



When you select a friend, you can see their basic information and what they want to do during their free time. Below, there is a panel where you can record your plans for going out together. And there are some quick offline services







offline services

quick services & entertainment cube



The Quick Services option is designed for offline meetups with friends, allowing you to plan outings, transportation, entertainment activities, and more directly. The Entertainment Cube is a fun way to document your meetups—both you and your friends can add photos, emojis, or short text inside the cube.


choose a friend


a friend who has the same spare time with you

a friend you want to meet



You can also select specific friends you want to meet and check when you both have common free time in the near future.


projekt2
Oldschool
oder
Avantgarde?

250Jahre Philanthropin
Alte Schule,
neu Erzählt

Im Rahmen dieses Projekts wurde das umfassende Grafikdesign für eine Ausstellung entwickelt. Ziel war es, ein visuell ansprechendes und gleichzeitig funktionales Design zu schaffen, das die Inhalte der Ausstellung optimal präsentiert und die Besucher durch die Räumlichkeiten führt.

Das Philanthropinum in Dessau war eine reformpädagogische Schule, die von 1774 bis 1793 bestand. Das Philanthropinum war eine der ersten Schulen, die nach den Prinzipien der Aufklärung arbeitete und setzte sich für eine ganzheitliche Erziehung ein, die sowohl intellektuelle als auch moralische, körperliche und handwerkliche Fähigkeiten förderte.


  
Ich war verantwortlich für
– Gestaltung & Satz des Katalogs
Entwicklung eines modularen Rastersystems
– Farbliche Akzente und Navigation im Raum



Katalog-farbe

Kontrast
Die gewählte Highlight-Farbe Gelb dient zur Hervorhebung ausgewählter Exponate und zur Aktivierung der Fensterfront als Einstiegspunkt. Im Katalog sowie im Raum wurden diese Highlights durch gelbe Rahmen, Markierungen und Flächen sichtbar gemacht.
Die Herausforderung bestand darin, eine einheitliche visuelle Sprache zu schaffen, die dennoch genug Raum für Individualität und Varianz ließ.

Gelb wurde als zentrale Highlight-Farbe gewählt – zur Markierung besonderer Inhalte und als aktivierendes Gestaltungselement im Raum und im Katalog.Gegensatz<
 > Titel

Sie schafft Aufmerk




















Katalog-prinzip


Gegensatztitel
Der Katalog greift das kuratorische Konzept der Gegensatzpaare auf – z. B. Prestige < > Ambition oder Lehrer < > Konflikte.Durch wechselnde Layouts, typografische Hierarchien und bewusste Weißräume wird dieser Kontrast auch visuell lesbar.

Katalog-typography

Inter
Im Katalog kommt Inter zum Einsatz: eine moderne serifenlose Schrift, die für digitale Lesbarkeit und funktionale Klarheit entworfen wurde.










p    h    i    l    a    n












  t    h    r    o    p    i    n





Schrift wie eine Erinnerung im Wind
Es gab eine Zeit, in der Kinder das Schreiben mit der Hand lernten – mit Sorgfalt, mit Stolz. Ihre Buchstaben waren wie kleine Kunstwerke, getragen von Persönlichkeit.
Heute ist unsere Schrift klar, rational, effizient.
In meinem Design begegnen sich diese zwei Welten:
Die moderne Inter-Typografie steht für die Gegenwart, für unsere Art zu denken und zu kommunizieren.
Doch dazwischen tanzen fragile, handgeschriebene Linien – wie Spuren der Vergangenheit, verweht wie Pusteblumen im Wind.
Sie erinnern uns daran, dass Schrift nicht nur Information ist, sondern auch Gefühl, Geste, Zeit.

Teamarbeit

Meine Rolle: Zusammenarbeit mit dem Museumsteam zur Optimierung der Ausstellungsfläche und Besucherführung
Tools: InDesign, Illustrator, Photoshop
Zeitraum: 2024
Teamgröße: 4 Personen





 
 


Inter
Kontrast
Kontrast
Kontrast

Struktur <
 > Freiheit


Prestige <
> Ambition




Exponattafeln
Jede Tafel enthält den Namen des Exponats, den Künstler, die Art des Exponats (z. B. Gemälde, Reproduktion) sowie gegebenenfalls einen erklärenden Text zum Exponat. Falls das Exponat eine Leihgabe ist, wird dies ebenfalls vermerkt.

Raumfahnen
Jeder Ausstellungsraum wird durch einen Raumtext eingeleitet, der sich aus der Raumnummer, den jeweiligen Kontrastpaaren als Titel und dem beschreibenden Text zusammensetzt.
Fensterfront
Beim Betreten des Johannbaus wird man zunächst auf eine Glas- bzw. Fensterfront treffen. Diese Fläche und  derRaum davor werden von uns genutzt, um die Ausstellung zu eröffnen.

Highlight Exponaten
In der Ausstellung werden einzelne Exponate zusätzlich hervorgehoben, um ihnen ein besonderes Gewicht zu verleihen. In Raum 1 sind dies zum Beispiel die Gemälde von Fürst Franz und Basedow. Dazu haben wir verschiedene Varianten entwickelt, um mit den unterschiedlichen Exponaten gut umgehen zu können. Die Highlight-Exponate haben also individuell „beleuchtet“
Project 3


VR face Universe






There was an ancient story, that a giant died, and his face become part of the universe.  His eye becomes the sun , his nose becomes the mountains. His eyelid becomes the trees.  As a human, we always try to search the relationship between the nature and us.  But  my opinion is different 78from that story.  It is not that the nature comes from us , it  is that our body imitates the nature.
Form follows function, it is not only our modern society aesthestic, but also the rule of nature. Our body shape evolves for  accurate functions. So I want to use the geometry elements to build a face universe, which combine the  nature power and  our modern society together.  
Also the  Universe is a vr system.  You can  feel the space through the vr equipment.


Concept
NoseEyeEyelashesTear
through the green hole, you can see the pink small eyes, it is like a surprise when you stand right in front of the nose.
The geometric sun in the univese  represents the eye. The encircling small spheres create a radiant formation, representing both the luminous intensity of a gaze and the sun's glowing rays.
These two forms of eyelashes have two different metaphors. One represents a dense forest with colorful accents like flowers and leaves. The other symbolizes leafless trees—simple in color but evoking a sense of calm.
Tears form a web-like geometric structure. When you step into the web of tears, you can look back through it and see the entire VR environment.

Abstract Face










 


Process
Model building-blender Rendering-unityTesting-holodeck system       Recording
Scale
                                                   t
The scale of this VR environment takes into account the size of the Holodeck space and human ergonomics. The Holodeck space is 6 by 7 meters. While walking within the space, a person can see most of the installations at eye level. When slightly crouching, they can see a small sun inside the nostril. And of course, when looking up into the distance, they can see the sun.
v

Video


Projekt 4
Exponential
in life

Exponential distribution describes a trending when data rises with a certain rate over a period of time. The growth is very slow at the very beginnning.But after a while it wilI grow at a very fast speed dramatically. For example,the story of the rice in chess tells how the exponential distribution cheat the king. A man asked the king for 1 grain of riceto be placed on the the first square on chessboard on the first day, then double that number of grains of rice on the second square on the next day, and so on until aire 64 squares had been filled. The amount of the rice seemis very small, so the king agreed it, but at end on the 64th square of the chessboard would be 9,223,372,036,854,775,808 grains of rice. A very crazy number!



Before composition, I observed and documented natural and man-made curves in daily life. These were the starting points for visual exploration.

Process:
  • Observe curves in everyday surroundings — wires, vines, street fixtures.
  • Photograph scenes with strong or subtle curve presence.
  • Select and crop representative images, ensuring the curve remains recognizable.



a picturefind the curve partgrind







 


original pictures
the curve part





  •    

  • Flowing curves in urban infrastructure


























                                                                                 
                                                 
                                                     





















  • The continuity of biological forms in everyday life


x-axis is the time, and on the y-axis is thle amount.
Connect all the number with a curve. Then we can find that the curve looks very stable at first, but then it rise up rapidly.