— PROJECT NAME
Toxicology Services
— ROLE
Lead UX Designer
— DATE
20/05/2024
For this project, I was tasked with designing a user-friendly landing page for a medical device company that specializes in rapid urine screening solutions. The goal of the page is to effectively present the company's range of urine screening devices, highlighting their key features and specific uses in various medical settings.
The design emphasizes clarity, accessibility, and easy navigation, targeting healthcare professionals who require quick information to make informed decisions. The layout includes:
- Device Categories: An organized list of devices grouped by their screening capabilities, such as drug testing, disease markers, and infection detection.
- Use Cases: A section dedicated to explaining how each device fits into different clinical scenarios, with quick access to detailed product information.
The design focuses on clean typography, intuitive navigation, and clear call-to-action buttons to streamline the user journey from exploration to purchasing or inquiry.
Site Map
Site Map
Creating a site map is a crucial first step in the design process, especially when presenting a complex product offering like our company’s list of rapid urine screening devices and their uses. A well-structured site map helps define the overall layout and flow of the website, ensuring that all relevant information is easy to find and logically organized.
Wire-Frame
Wire-framing is a critical step in the UX design process, as it provides a visual blueprint for the website before diving into detailed design and development. For a project like presenting a company’s list of rapid urine screening devices and their uses, wireframes helped me ensure that the site’s structure and layout are optimized for usability and functionality.
Samples Of WireFrames
HighFidelity
Once a directional review was had with the stake holders and some minor rework guided by feedback, I proceeded to create HiFY Mockups. Below is a Sample of the completed UI.
Splash Page
Splash Page Continued