UI UX Projects
Feynman
Aerospace
Website
Make it More Modern
Project Overview
I was tasked to create a modern and innovative website that highlights the client's drone specifications, while also featuring their online courses.
I would ensure that the website is easy to navigate and user-friendly, with clear calls to action that encourage visitors to explore the client's products and courses further. This could involve optimizing the website's layout and structure, using clear and concise language, and ensuring that key information is easy to find and access.
Interviews with Stakeholders
... I feel like our website is lacking excitement and personality. As we continue to grow and attract more visitors, I want to make sure our website properly showcases our products and courses in an attractive way. Can you create a visually appealing website that accurately represents our brand and helps potential customers easily find what they're looking for?...
Danish Shaikh
Founder & CEO
Feynman Aerospace
Project Aim
-
Identify and address usability issues on the website and enhance its overall user experience.
-
Understand the client's brand, audience, and goals.
-
Analyze the current website.
-
Develop a modern and innovative design that showcases the client's drones
-
Feature the client's online courses prominently.
-
Optimize the website's layout and structure for easy navigation.
-
Ensure mobile responsiveness and compatibility.
-
Include clear calls to action throughout the website.
-
Test and resolve any design or functionality issues.
-
Launch the new website and provide ongoing support and maintenance
-
Background
The Feynman Aerospace website underwent a series of evaluations and tests throughout the semester to enhance its user experience.
Timeline
Sept - Dec 2023
Heuristic Evaluation Results
User Control and Freedom
Inconsistent linking within the website, including the 'Aircraft Design' project link
Visibility of System Status
Lack of clear visibility of the contact form on the 'Contact' page
User Control and Freedom
Uniformity in button and link styles
Match between System & Real World
Technical jargon and unfamiliar software names on certain pages
User Survey
We surveyed 26 people to learn about who uses our website, their backgrounds, and why they visit. This helps us design the site with our users in mind, catering to their specific needs and preferences.
96 % of the users were from age group of 18 - 24
81 % of the users were students
77 % of the users were Male while only 23% were Female
What motivates you the most
Solving Complex Problems
Making Positive Impact on Society
16
12
Financial Rewards & Recognition
Personal Growth & Development
7
16
Which of the following best describes your personality
Creative & Inventive
17
Analytical & Detail -Oriented
18
Collaborative & Team player
14
Result Driven
Adaptable & Open to Change
5
16
User Personas
Usability Testing
The usability test for the Feynman Aerospace website is designed to identify and address specific issues that have been highlighted based on past research, including user research, heuristic evaluation, and user stories. These issues were selected based on their potential to significantly impact the user experience and align with the overall goal of improving the Feynman Aerospace website.
5
Participants in user test
4
Test Scenarions
.png)
Remote Testing
User Testing Results
Major Issue
Region Selector Confusion
Users found it challenging to use the region selector for course selection.
Difficulty Finding Drone Specs
Users looked for drone technical details in the wrong section of the website.
Footer Contact Button Frustration
Users were frustrated when the contact button in the footer did not lead to the expected contact page.
Other Quality of Life Changes
-
Rename header menu to reduce confusion
-
Our services → Our courses
-
Phoenix → VTOL Drone
-
-
Add number of seats remaining for the course
-
Add categories to find specific course quickly
-
Add a search bar to get to the course efficiently
Designs
New Design
Old Design
Home Page Interaction
Old Flow
Several participants expressed dissatisfaction with the requirement to click on the country each time they accessed a new course, deeming this step redundant and an unnecessary hindrance to their user experience.
My Recommendations
Issue #1
To address this issue comprehensively, I strategically relocated the location selector to the header. This modification allows users to change their location site-wide, ensuring that subsequent course views dynamically display information tailored to the selected location. The enhanced region selector now not only adjusts currency units but also considers class timings and other pertinent details specific to the chosen location or course.
.webp)
Issue #2
I propose renaming the page to 'VTOL Drone,' a more explicit and informative label that aligns with user expectations. The content on the page remains unchanged, as it provides precise technical details about the drone. This adjustment is intended to streamline user navigation and improve the overall user experience, especially for those seeking information on the VTOL drone.
Header
Issue #3
I decided to remove the redundant menu entirely from the footer. This decision was informed by the website's overall simplicity, and it aims to reduce visual clutter while maintaining a consistent user interface. Second, to enhance user understanding and mitigate confusion, I introduced a clear label to the contact form, explicitly indicating its purpose as a 'Contact Us' form. This dual strategy is anticipated to significantly improve user navigation and comprehension, particularly in the footer section.
Old Footer
New Footer
Figma Design & Prototyping
Challenges & Learnings
-
Understanding the drone design industry
-
Effective communication with clients
-
Optimizing website structure for easy navigation
-
Incorporating technical information into a visually appealing website
-
Ensuring compatibility and incorporating dynamic design elements
-
Balancing creativity with the client's goals
