The Legacy of Adam
UX Research & UI Design
The Legacy of Adam
UX Research & UI Design
Project Brief
A Brief About the Brand
The Legacy of Adam is an animated series based in Norway, telling stories from the Abrahamic faiths in a child-friendly manner. It uses motion capture and film techniques to present its narratives, with the primary target audience being Swahili-speaking children and youth. The series has potential to expand into other languages, reaching a global audience.
Project Brief
A Brief About the Brand
The Legacy of Adam is an animated series based in Norway, telling stories from the Abrahamic faiths in a child-friendly manner. It uses motion capture and film techniques to present its narratives, with the primary target audience being Swahili-speaking children and youth. The series has potential to expand into other languages, reaching a global audience.
The goal was to design a user-friendly website for The Legacy of Adam series that caters to multiple objectives:
Watch: A native video player for users to watch content directly on the website.
Support: A donation feature enabling people from around the world to support the project in various currencies.
Answer: A platform where users can explore and answer questions of faith, encouraging engagement with the content.
Project Brief
A Brief About the Brand
The Legacy of Adam is an animated series based in Norway, telling stories from the Abrahamic faiths in a child-friendly manner. It uses motion capture and film techniques to present its narratives, with the primary target audience being Swahili-speaking children and youth. The series has potential to expand into other languages, reaching a global audience.
The goal was to design a user-friendly website for The Legacy of Adam series that caters to multiple objectives:
Watch: A native video player for users to watch content directly on the website.
Support: A donation feature enabling people from around the world to support the project in various currencies.
Answer: A platform where users can explore and answer questions of faith, encouraging engagement with the content.
My Role
How did I contribute to this Project?
As part of the UI/UX team, I was responsible for creating the design systems, including colors, typography, and components. Additionally, I worked closely with the team to design the UI of the website’s pages, ensuring that the user experience was intuitive and aligned with the brand identity.
My Role
How did I contribute to this Project?
As part of the UI/UX team, I was responsible for creating the design systems, including colors, typography, and components. Additionally, I worked closely with the team to design the UI of the website’s pages, ensuring that the user experience was intuitive and aligned with the brand identity.
Project Workflow
The Stages covered in this Workflow
Project Workflow
The Stages covered in this Workflow
Step
01
Qualitative & Quantitative Research
Conducted interviews with parents and guardians to gain insights into how the website could be engaging for children and informative for adults.
Step
01
Qualitative & Quantitative Research
Conducted interviews with parents and guardians to gain insights into how the website could be engaging for children and informative for adults.
Step
02
Mapping User Journey
Mapped out user journeys for different audience types, ensuring the website met their specific needs.
Step
02
Mapping User Journey
Mapped out user journeys for different audience types, ensuring the website met their specific needs.
Step
03
Information Architecture
**Information Architecture (IA)** organizes content to ensure easy navigation and user flow. For 'The Legacy of Adam', IA structured key sections like video content, donations, and FAQs, providing a seamless and intuitive user experience.
Step
03
Information Architecture
**Information Architecture (IA)** organizes content to ensure easy navigation and user flow. For 'The Legacy of Adam', IA structured key sections like video content, donations, and FAQs, providing a seamless and intuitive user experience.
Step
04
Wireframing & Prototyping
Created wireframes based on the information architecture, followed by high-fidelity prototypes for client review.
Step
04
Wireframing & Prototyping
Created wireframes based on the information architecture, followed by high-fidelity prototypes for client review.
Step
05
Design Systems
Developed the design system, including colors, typography, and components like buttons, forms, and badges to ensure consistency across the platform.
Step
05
Design Systems
Developed the design system, including colors, typography, and components like buttons, forms, and badges to ensure consistency across the platform.
Step
07
Website Design Delivery
The below provided link redirects to the actual design of the website
Step
07
Website Design Delivery
The below provided link redirects to the actual design of the website
Other Projects
Some Samples of Our Works
Other Projects
Some Samples of Our Works
My Role
How did I contribute to this Project?
As part of the UI/UX team, I was responsible for creating the design systems, including colors, typography, and components. Additionally, I worked closely with the team to design the UI of the website’s pages, ensuring that the user experience was intuitive and aligned with the brand identity.
Project Workflow
The Stages covered in this Workflow
Step
01
Qualitative & Quantitative Research
Conducted interviews with parents and guardians to gain insights into how the website could be engaging for children and informative for adults.
Step
02
Mapping User Journey
Mapped out user journeys for different audience types, ensuring the website met their specific needs.
Step
03
Information Architecture
**Information Architecture (IA)** organizes content to ensure easy navigation and user flow. For 'The Legacy of Adam', IA structured key sections like video content, donations, and FAQs, providing a seamless and intuitive user experience.
Step
04
Wireframing & Prototyping
Created wireframes based on the information architecture, followed by high-fidelity prototypes for client review.
Step
05
Design Systems
Developed the design system, including colors, typography, and components like buttons, forms, and badges to ensure consistency across the platform.
Step
07
Website Design Delivery
The below provided link redirects to the actual design of the website
Other Projects
Some Samples of Our Works