2024
Product Designer
1 week
Project Overview
In stage 7 of HNG intern, we were tasked to design a website for African history dating back centuries. As stated in the design brief, designers were to pick a year from a century as a case study.
During this project, I picked between 100kya and 300kya, a century associated with the Stone Age. My biggest challenge in this task was choosing a year with limited history documentation. Hence, it required me to be involved in a stretch of research.
This experience gave me invaluable insight into how to handle an alien design and how to solve new problems.
The Task
Design a highly artistic and engaging webpage on the History of Africa site for a year in the 10th century.
Your task is to create a timeline of the century and an interactive map of Africa for that year, ensuring it provides clear context and detailed insights into significant events. You need to prototype and animate the design to enhance user engagement.
The site should be a masterpiece of UI design, with a unique and captivating visual style that immerses users in the history of Africa. Also, your use of components, vectors and/or illustrations should match the year/time in African history you are designing for and the overall storyline of that particular event.
Features
An animated timeline designed to highlight different eras. By clicking on an era, users dive deeper into the history of the year, seeing details of key events that happened.
Zoom-In to Specific Event Year
Users can explore key events in a specific year, see visual depictions, and text attached to explain the happenings in that era. Clicking over different year, reveals information about key events.
Event Insights
Users can click on a specific event in a year to get in-depth knowledge. Users can navigate to further details on that event by clicking the arrow below.
