Spacewalk Website Design - 1st Place Winner for Astronomy Edu

Bilal Arief

Mobile Designer
UX Designer
Web Designer
Adobe After Effects
Blender
Figma

Overview 🪟

The Spacewalk project is a website designed to educate Indonesian students about astronomy. The project was created as part of a web design competition with the theme of "Innovation Technology for Better Education," and the team won first place out of 15 competing teams. The website is an open platform that provides interactive 3D sky objects that students can interact with to learn about astronomy.

Design Process 🎨

The design process for this project emphasized on UI, and included the following steps: creating user stories and user personas, mapping out user flows, creating wireframes, developing a style guide, and finally prototyping the design.

Define 🎯

I began the design process by clarifying the objective and scope of the project through the 5 W's (What, Who, When, Where, Why).

Empathize 🎭

The next stage in my process was to gain insight into the needs and aspirations of my target users by constructing user stories and personas.

Ideate 💡

I determined the key features required for the app to be successful and practical. To plan out these features and the necessary pages for the app, I created a user flow diagram.

Design 🖼️

After finalizing the ideas for the website, I started working on the design. The first step was creating a moodboard to help guide the visual direction. Then, I moved on to wireframing to help visualize the website's layout and functionality. Finally, I created high-fidelity designs, which were then prototyped for testing and user feedback.

Style Guide 🎨

To ensure consistency in the visual elements, I created a style guide that outlines the final selections for colors, fonts, and other design elements. This guide serves as a reference for anyone working on the project to maintain a cohesive and professional appearance.

Prototype 🪧

The team's final design was then turned into a functional prototype that was tested and refined based on user feedback. Once the prototype was finalized, it was turned over to the development team to be implemented as a usable app.

Test 🧪

Once the website was completed and launched, I conducted testing to ensure that it was functioning as expected and to identify any bugs or issues. I also gathered user feedback and used it to further improve the website. The testing phase was an ongoing process, with me continuously monitoring the website and making updates as needed to provide the best experience for users.

Mockups 🌌

Conclusion 📃🥇✨

Overall, this project was an exciting and challenging experience, and I am proud to have been a part of the team that won first place out of fifteen competing teams. The website we created, along with the interactive 3D sky objects, represents a significant achievement for me as a UI/UX designer. The project allowed me to combine my passion for astronomy and design, and create an innovative and interactive platform to educate Indonesian students and others about the wonders of the universe. I am grateful for the opportunity to have worked on this project and to have contributed to improving education through technology and innovation.
Partner With Bilal
View Services

More Projects by Bilal