TATA

Our project was building an online webtool that would find significant differences within a sample of genes. Our team was comprised of three groups: Front-end design, middleware, and backend development. I was part of the design team and we were tasked with the entire front-end design of the website, which meant we had to design all of the user interface and branding of the site. On top of the design portion we also had to code all of the pages we had designed. Our goal was to create a webtool that was intuitive, well designed, and most importantly actually functioned with the backend code. Although it was a great challenge, I feel we not only accomplished our goal but also surpassed it.

Building a User Scenario

The first task we had was to map the user scenario and figure team roles, goals, and map out a rough schedule for the next couple weeks.

Wireframes and Branding

We used Adobe XD to create our wireframes and to test out basic user scenarios. This allowed us to save a lot of time because we didn't have to code out the design in order to see if the design worked from a UI/UX standpoint.

Wireframe Evolution Screenshots

Branding Mood Boards

Home Page Screenshot

Prototype Webtool pages

Project Presentation Posters

Photos

2019 Summer TATA Team

↑Back to Top