ohack.dev: Update our UX

A good website is only as good as its UX. Imagine a website that can has everything you'd ever need, but is almost impossible to navigate. That's our job, to make sure your users feel safe and happy!

Comment

Project Details

We chose to tackle Issue #13: Update our UX. Exploring the website, we identified a few issues:

  • Inconsistent theme, colors, font and sizes
  • Difficult navigation, keeping important links in the footer with unnecessary links
  • Poor affordance misleading the user on the interaction with components
  • Cognitive overload by providing a lot of information to the user at a single time (project cards)
  • Pages which are not viewable on other devices (responsiveness)
  • Generally not very visually appealing or attractive, with minimal interactivity

With this, we redesigned the website to tackle these issues by:

  • Choosing a more visually pleasing theme color, with consistent fonts and colours throughout the redesigned pages
  • Redesigned to include important links in the header, removing unnecessary links
  • Use of affordance to help guide the user on components which are interactable
  • Limit the projects to a single card per row reduced clutter in each card to reduce the amount of information present on the screen at any given time
  • Ensured that the redesigned pages are viewable on various screen sizes
  • Added animations and interactions to modernize the website's look and feel

How we built it

We extended the current design to reuse the current React with MUI framework as much as possible. We tried to embrace good MUI practices to the best of our knowledge to ease further extensions in the future (we did not have much previous experience with it, sadly).

Built with love and care by ReactLovers.

Built With

Share this project:

Updates

posted an update —

After submission, we noticed that the audio of the demo video is quite soft. We hope that this would not be an issue, and would be glad to reupload with a audio-boosted version.

As for the project, our design was made with a lot of care with putting the users first, aiming to create a design that would be comfortable and fun to use, with a bit of a "wow" factor. Unfortunately, time constraints left us with insufficient time to redesign the entirety of the website (only managed to redesign the Home, NonProfits and Projects pages). We definitely feel like we could have approached it in a more organized manner, as we completed our submission up until the last minute. It was a great opportunity to contribute to something useful, and would love to continue working on the website in the future! (if deemed important enough)

Log in or sign up for Devpost to join the conversation.