LINA

Introduction

I teamed up with Lina, a company specializing in medical coworking spaces in New York and Florida. Their aim was to have a page where users could easily find all their healthcare providers. The challenge at hand was ensuring future scalability while working within the constraints of Webflow.
Adhering to Lina's brandbook and conducting a competitor analysis were integral steps to align the design with industry standards and company goals.

Scope
Web design & development
Role
UX Designer
Date
March 2023 - July 2023
URL

First round of sketches

At the project's start, the team presented a concept, and my initial sketches aligned with that vision. I accepted it without delving deep into the details. As the project progressed, I recognized the need for a more thoughtful approach.

User flow #1

Single page. Combine search with filtering. Have all providers listed, show results as you type.

User flow #2

Multiple pages. Added categories and sorted providers by them.

Second round of sketches

We streamlined the user experience by consolidating everything onto a single page. To enhance Webflow's capabilities, I integrated third-party tools as well as custom code. These additions improved our filtering, sorting, and CMS search bar, addressing limitations and optimizing functionality for a smoother user experience. With the content management team in mind, I focused on simplifying the backend terminology and structure.


Working on provider’s card

Creating the provider's card presented complexities due to varying information associated with different locations and insurances. The challenge was to maintain consistency in design while accommodating diverse content.

Updated layout

Recognizing the importance of flexibility and future scalability, a transition to a new layout was made. This decision aimed to address concerns related to the inconsistency of card heights, providing additional space for content and accommodating potential future modifications.

Searchbar

Thanks to custom code, the search bar got a cool upgrade. Now, users can search for anything – like specialties, insurance, location, and even hidden tags.

Provider’s profile

In refining the provider's profile, I experimented with different layouts, contrasts, and button positions. The goal was to achieve simplicity while optimizing the presentation of information.

High fidelity & Webflow

The transition from wireframes to high fidelity was executed using Figma, with Webflow serving as the development platform.
Sylwester Sliwka © 2024