close
Neuroscience Tech Industry

Role

Team

Task

Year

Lead Designer

1 designer, 3 back-end developers

UX/UI design and development

2019

My Brain and Me allows users to create an interactive and anatomically labeled 3D representation of their MRI scan of their brain. Users can upload their scans to the website and then view changes in their brain’s 3D model over time.
I met Spiro, the company’s creator, two weeks before their demo day at NYC Media Lab. They had a website, but it needed to be updated.

Task at a glance

  • Rebrand website within two weeks
  • Simplify user onboarding process

Design process

  • Get requirements and updates needed from the stakeholder
  • Study current site for user experience issues
  • Competitive/Partner analysis
  • Analyze and compare requirements and findings
  • Understand the users and their behaviour then draw an improved userflow
  • Redesign the logo
  • Create wireframe of the site - iterate
  • Proceed with high-fidelity version
  • Develop the site with back-end support from the team

Problem

My Brain and Me is a research-based free site, so we needed to collect as much user information as possible (with their agreement), but we also needed to keep the user onboarding process simple without overloading them with multiple forms.

Solution

Requirement from the stakeholder:
“I want the signup form to be as simple as possible. It should only have three fields, namely Email, Password, and Retype Password. It would also be wonderful if more users created profiles.”

Hypothesis:
Given that most first-time users will not have their MRI scan on hand when they visit the site, they can sign up (via a shortened form) and establish their profile if they like.

I designed a solution in which we could ask users to create profiles immediately after signing up. Creating a profile will therefore feel like it is a part of the signup process, increasing the likelihood of users filling it out. They can also skip the profile form and go straight to the homepage.

Userflow

I presented the solution to the team, and it was agreed that having the Create profile form immediately following the Register form would be a better approach for people to create their profiles.

Logo redesign

Usually creating a logo would take anywhere between 2 weeks to few months. I had a huge time constraint with this project so I decided not to deviate away from their previous logo but rather iterate on what they already had.

Wireframe and Prototype

Development

I coded the site in html and css, with other team members working on the backend. We completed the site in 4 days, just in time for their demo day at NYC Media Lab Combine Demo Day which was a huge success.

Conclusion

This project's execution was straightforward, with pre-defined problems. However, I wish we had more time to devote to usability testing and gathering user input on the UI. Every project has constraints, and finding a solution within those constraints is what keeps the process fresh and motivates us to push our own limits.