Biopharmaceutical Analysis Training Laboratory (BATL)

 

PROJECT TYPE

UI/ UX Design + Branding + Brand Identity

YEAR

2020

Problem statement: The challenge was to rebrand and redesign the website for BATL (Biopharmaceutical Analysis Training Laboratory), an international laboratory specializing in hands-on training and efficient drug research for regulatory agencies and academia. The goal was to reposition BATL in a more exciting, bold, clean, and approachable manner.

Process: As a designer at Scout, I collaborated with three other designers, two developers, and a project lead to accomplish this task. Our first step was to enhance BATL's brand identity and user experience on their website across desktop, tablet, and mobile devices.

To achieve the desired rebranding, we focused on incorporating energetic typography, structured color blocks, and vibrant circular and rectangular graphic elements. These design elements were strategically implemented to create a dynamic and engaging representation of BATL's scientific innovation and experimentation.

Working collectively, the team and I took on the responsibility of improving the website's user experience and brand identity. My primary contribution was designing the home page while also creating elements for the other three web pages.

Solution: Through our collaboration, we successfully rebranded and redesigned BATL's website, providing a fresh and captivating online presence. The inclusion of energetic typography, structured color blocks, and vibrant graphic elements resulted in a more exciting, bold, clean, and approachable aesthetic.

The new website design showcased BATL's commitment to scientific innovation and experimentation, positioning them as a leading laboratory in the biopharmaceutical industry. The improved user experience across various devices enhanced accessibility and engagement for visitors.

Overall, our collaborative efforts at Scout resulted in a successful rebranding and redesign of BATL's website, reflecting their mission and expertise in a visually appealing and user-friendly manner.

Logo sketches

 
 
Screen Shot 2021-02-09 at 3.00.57 AM.png
 
 

Logo

 
BATL_logo2.png
Screen+Shot+2021-02-09+at+3.01.07+AM.jpg
 
 
 
 
Screen+Shot+2021-02-09+at+4.09.45+PM.jpg

Typography

 
Screen+Shot+2021-02-09+at+3.29.11+AM.jpg
 
Screen+Shot+2021-02-09+at+3.29.20+AM.jpg
 

Color

 
Pasted+Graphic.jpg
Screen Shot 2021-02-09 at 12.21.39 PM.png
 
Screen+Shot+2021-02-09+at+12.21.46+PM.jpg

Brand Elements

 

UI Components

 
Screen Shot 2021-02-09 at 12.22.28 PM.png
 
 
Screen+Shot+2021-02-09+at+12.22.37+PM.jpg

Wireframes

 

Mockups

 
Previous
Previous

iNERDE (Educational Platform for L’École du Progrès, Mali, West Africa)

Next
Next

Telling Time (Re-imagining Apple Watch Faces)