#webapp
#B2B
#Figma
Figma
1: Headline page
Given the extensive content provided by our product manager, I decided to use a combination of words and images to convey the information on this page of our web app.
2: Service selection page
For each part, because our new copy is too long, we need to redesign the cards and create icons for each card.
Additionally, practice states cannot be re-added if you delete the states selected based on the provider's license.
3: Form filling
Some parts of the form are not clearly understandable. The pricing section needs to be redesigned based on user habits.
At the same time, the pricing section does not clearly indicate whether the price is high or low compared to other providers.
4: Form section
The different sections are not well-separated, making it difficult for health providers to identify which part they are filling out.
1. Introduction page
2. Selection Cards
Price Setting Page
We added more sections to the page. First, we redesigned the 'Application States' section, including a display of the provider's selected states to give them an overview of the areas they serve. We also added a 'Name and Description' section for providers to set up what they want to display to their patients.
For 'Price and Duration,' our previous design did not clearly show whether a high or low price was appealing to patients. Inspired by the price range display for booking airplane tickets, we used intuitive colors and emojis to convey price insights.
Additionally, we made changes and redesigns to the 'Contact Type' and 'Patient Groups and Limitations' sections.
