https://github.com/veenatht/astro-nots

Redesigning a website - Figma
https://github.com/veenatht/astro-nots

figma ui-design

Last synced: 6 days ago
JSON representation

Redesigning a website - Figma

• Host: GitHub
• URL: https://github.com/veenatht/astro-nots
• Owner: VeenathT
• Created: 2024-10-20T10:08:07.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-23T08:58:36.000Z (2 months ago)
• Last Synced: 2024-10-31T04:06:34.592Z (about 2 months ago)
• Topics: figma, ui-design
• Homepage:
• Size: 52.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

## Astro-Nots - Redesigning 'Historian of the Future' Website



### Project Overview

This project is part of the Human-Computer Interaction (HCI) module, aiming to improve the usability of an existing website by identifying user interface issues and redesigning it for a better user experience. We chose the [Historian of the Future](https://www.historianofthefuturex.com/) website, which had several UI challenges. The redesigned pages were created using Figma and focused on better navigation and consistency.

### Prototype

#### Click Here to Run our Figma Prototypes 👉  [Astro-Nots Figma Prototype](https://www.figma.com/design/TYhNUzHNGKSRWJpjKAa9dZ/HCI-Project--(Astro-Nots)?node-id=0-1&t=a0yTHUBeHDkZTKcX-1)

### Methodology

Our approach to this project followed these steps:

**User Research**: We conducted contextual inquiries with relevant users to gather feedback on the current website.

**Identifying Issues**: Key usability problems were identified, such as poor navigation, inconsistent layouts, and difficulty in finding content.

**Wireframing and Prototyping**: Using Figma, we created multiple wireframe designs for each page and selected the best options for high-fidelity prototypes.

**User Testing**: We tested the redesigned pages with users to ensure the usability issues were resolved.

For more details, you can refer to the [Project Report](https://github.com/user-attachments/files/17636869/HCI_Report.pdf).

### Redesigned Pages

- **Sign Up Page**

- **Home Page**

- **Projects Page**

- **FAQ Page**

- **Contact Us Page**

- **Blog Pages**

- **Art Page**

- **Tech Page**

- **Profile Page**

### Final Report

You can read the detailed project report, which outlines our research, findings, and design choices:  

[Project Report](https://github.com/user-attachments/files/17636869/HCI_Report.pdf).

### Contributors

- **Veenath G.D.T**

- **Kandage T.P** 

- **Malmali W.S.V.M.O** 

- **Panditharathne R.L** 

- **Lakshika D.A.S.T**