Visualization models for knowledge organization:
Develop a visual communication strategy to effectively communicate content. Demonstrate your ability to create iterative concepts and compare media concepts. Use the design results as simulation models to bring the design results to life. Create both a printed and a digital medium.
— University project + Leporello realization at a museum
We chose the theme of wind power because it plays a significant role in our climate policy, and many people still don't know how a wind turbine works or how it was developed.
Our first medium is a Leporello, as it allows for quick and easy access to a lot of information. Additionally, the text can be illustrated in a way that makes it more understandable.
Our second medium is an app, which uses interactive elements and numerous animations to bring wind power even closer to users.
After researching, we started looking into the topic of renewable energy. We collected data and graphics, which we then organized into brainstorming sessions and mind mappings.
The topic of sustainable energy was too complex for a compact brochure, so we quickly realized that it would be too comprehensive. We decided to wind power because this topic also matches our personal interest.
We made sketches of the Leporello to plan the page layout. These drawings helped us understand where the text and pictures should be in the layout. Later, we could visualize where graphics and content would be placed. These sketches formed the basis for the Leporello and the app.
The next step was to create a clear app structure, which we built the foundation for a simple and easy user experience. This structure helped us to build the app logically so that users could quickly find what they were looking for.
Our design idea is simple, clean, and easy to understand. Clean lines and minimal illustrations were used to create a harmonious visual experience for both the App and the Leporello.
The color palette is carefully chosen to reflect the theme of wind power and its lightness. Soft blues and greens harmonize perfectly with the lightness and elegance of renewable energy.
The use of white space underlines our intention to create an airy and inviting user experience. This approach enhances the minimalist design and improves both the readability and usability of both the application and Leporello.
The Wind Power app is designed with an easy-to-use navigation system for a smooth user experience. Each part of the app focuses on different aspects of wind energy, like its history and growth. Interactive elements and subcategories offer detailed information and encourage active engagement. The app lets you explore wind energy and comes with a user-friendly interface.
Just like the app, the Leporello takes you on an informative journey through the background, features, and facts surrounding wind power. With meaningful texts and informative illustrations, it gives you a better understanding and invites you to explore wind energy.
This project was interesting because it showed me how to simplify a lot of information and then visualize it effectively. Working on the app and the Leporello demonstrated the importance of clear user guidance to connect different media. The project helped me improve my design skills even though it was difficult.
I have learned the importance of harmony in design elements like color selection, typography, and illustrations. It was challenging, but helpful to understand how to avoid information overload and create a minimalist design. Since this was my first time working onapp design, I had to familiarize myself with UX/UI and navigation fundamentals. This journey strengthened my skill set and gave me insights into crafting a user-friendly digital experience.
HfG Schwäbisch Gmünd, Course: Visualization
Models of Knowledge Organization, 2019
Team: Jasmin Bernschütz,
Anastasia Judt
Designed separately of the school, 2021
Team: Anastasia Judt
