top of page

Interstellar

Web Design  |  2023

A website designed as a complementary experience to the "Interstellar"  movie. Done as part of my Visual Communication studies.

מוק אפ מסך פתיחה- מחשב מלא.png

Overview

A website designed as a complementary experience to the "Interstellar" movie. Done as part of my Visual Communication studies.

Concept

An Informative journey website that teaches you about the planets in the movie and the survival conditions on them, Humanity needs to find a habitable plant and in order to build one we need to learn about the other planets and conditions on them. understanding the consequences and conditions reflectson our situation on earth today.

The Challenges

Information Overload

Presenting complex scientific information without overwhelming users. I implemented a dual-display option, allowing users to choose between a spread-out format and an experiential carousel, catering to different learning styles and making the information more digestible.

Encouraging Reflection and Application

Motivating users to reflect on their learning and apply it creatively presents a significant challenge. To address this, a final challenge invites users to create a habitable planet using a generator that provides visual feedback for each step, reinforcing their knowledge and encouraging experimentation.

Screens

Planets Habitats Explored

The user explores three stars, learning why their characteristics make them habitable or not, while a clock at the top of the page runs and changes according to the time zone of each star and its distance from Earth.

MacBook Pro 16_ - 373.png
MacBook Pro 16_ - 375.png
MacBook Pro 16_ - 374.png

Dynamic Display Options

Each star page offers an alternative display option, allowing users to view information in a spread-out format or through an immersive carousel. This dual approach minimizes information overload, catering to different user preferences for learning.

MacBook Pro 16_ - 373.png
MacBook Pro 16_ - 370.png

Time Zone Transitions​​​​​​​

The transition columns between each planet provide a cognitive respite, immersing the user in the atmosphere of changing time zones, reflecting the film's depiction of time dilation. The final transition page invites the user to accept a challenge, applying their newfound knowledge to create a new habitable planet.

MacBook Pro 16_ - 362.png
MacBook Pro 16_ - 363.png
MacBook Pro 16_ - 369.png

Interactive Planet Creation

The user utilizes a generator with multiple stages to create a habitable planet based on their journey's insights, receiving visual feedback for each operation. At the end of the process, they receive the results of their planet creation, complete with an explanation, and are encouraged to try again if their initial attempt was unsuccessful.

MacBook Pro 16_ - 365.png
MacBook Pro 16_ - 367.png

Summary & Sharing

The last screen summarizes the user’s experience and the site's core message, along with an option to share both the site and the star they explored, helping to spread the message to a wider audience.

MacBook Pro 16_ - 368.png
st.png
bottom of page