tailwindcss | html | css | whimsical | VS Code

InvestigatorSpace.
redesigning sign in pages

what is it?

InvestigatorSpace® Clinical Qualifications Management System (CQMS) is the training and communication platform utilized by many clinical trial sites. 

In this project I redesigned and built responsive: Sign In, Register, Forgot Password, Add Study and Contact pages for InvestigatorSpace® platform. 


UI/UX design

I begun the design process with creating a wireframe for each of the pages. I focused on designing contemporary, intuitive and easy to navigate layouts. I presented my ideas on whimsical workspace and collaboratively customized them with my design team.


development

The following step was to create each layout in VS Code. I utilized tailwindcss framework to build all of the pages. Based on the InvestigatorSpace® audience information, I developed layouts for desktop and mobile devices consecutively.

Finally, I cleaned up the code and forwarded it to an IT team.

 
 
 
 

previous desktop layouts

 
 
 
 
 

desktop wireframes (whimsical)

 
 
 
 
 

desktop layouts

 
 
 
 

mobile layouts