HC - Web + Mobile - ALK Site

I designed a website with in ALK’s existing brand guide. On the bottom footer of the website (https://www.sterilevialsolutions.com/), there is a CTA called “Certificate of Analysis Request”(COA). When a user clicks on that CTA, the website below will appear. The COA will be organized by lot number and cap color, once the user puts that information in, a library will appear of the information they will need and anything that is attached to that search. This website was design for Desktop + Mobile, as well an in English + French. There is also a Admin Login website, which was designed for Desktop + Mobile. I designed this entire website using Adobe XD and shared my files with the Dev team so that this site could be programed and go live.

Certificate of Analysis LookUp ( Home Page )

Certificate of Analysis LookUp ( Search Result Page )

Certificate of Analysis LookUp ( Search Results / Split Page )

Certificate of Analysis LookUp ( Error Notifications Page )

Mobile - Certificate of Analysis LookUp ( Home Page, Search Page + Error "We're Sorry" Notifications Page )

Mobile - Certificate of Analysis LookUp ( Search Results Page, Search Results / Split Page + Error Notifications Page )

Admin ( User Login in Page ). An employee at ALK can create a username and password, to log in to their account and uploaded documents, see issues and assist where needed. A user can also log into this website on their mobile device as well.