image_logo_meet

От халепа... Ця сторінка ще не має українського перекладу, але ми вже над цим працюємо!

cookies

Hi! This website uses cookies. By continuing to browse or by clicking “I agree”, you accept this use. For more information, please see our Privacy Policy

MySkinDoc: web development for a telehealth consultation platform

September – October 2021, Fixed-price

mySkinDoc is a web solution for online dermatology consultations.

MySkinDoc users provide information about their skin disorders through an online form and make a payment. They then receive an accurate diagnosis and treatment plan.

The client came to us with an idea of a telehealth platform for people with different skin problems. They needed a website that would be attractive and easy to find through an online search. It also had to store all customer records securely and include a payment gateway.

header_image

SCREENS:

image_screens
image_screens
image_screens

Services:

Design

Front-end development

Back-end development

QA

Project management

SEO

Brand identity

Technologies:

PHP (Laravel)

Next.js

Figma

Industries:

Healthcare

Medical

Team composition:

Logo designer

UI/UX designer

Front-end developer

Back-end developer

SEO expert

Project manager

THE CHALLENGE_

Strong search engine optimization

NERDZ LAB had to build an SEO-enhanced website. It had to rank high in Google to attract prospective users easily.

Meaningful analytics

The client needed to gather analytics to decide where to take the product next. This meant we had to integrate a set of tools to collect data for revisions and modifications.

Fast page loading

Nothing is more annoying for website visitors than poor performance and slow page loading. The website had to use fast downloading to keep prospective users on site.

A secure payment channel with loyalty

The client asked us to integrate a reputable service for payments. They also wanted to generate promo codes for patients when they would consider it necessary to increase patient loyalty.

Robust data collection and storage

We had to create and integrate a form to get medical information from website visitors wanting to use the service. Furthermore, we needed to establish a data storage system for doctors to store this information and keep track of treatment.

Web content management

The client asked for a customized CMS that would allow them to update website content. This would help them keep service-related information up to date and attract new customers.

image_challange
THE SOLUTIONS

A high-performing framework

NERDZ LAB chose the Next.js framework to build a fast-loading webpage. Next.js uses optimized server-side rendering, which helps reduce the load on a user’s device by running most operations on a server.

SEO-focused tools

We engaged an expert to strengthen mySkinDoc’s SEO. In addition, using Next.js as the framework accelerated SEO as faster content rendering keeps visitors on site.

Reliable analytics

The team chose the Lighthouse open-source automated tool integrated into Chrome to audit performance and SEO. We also leveraged Google Analytics for more effective planning and management of website improvements.

Payment gateway integration

We integrated the Stripe payment processing platform to allow payments through the website. This solution also helped the client generate promo codes to partially discount consultation costs.

An easy-to-use form for data collection

NERDZ LAB created a user-friendly form to collect information from mySkinDoc visitors who want to use the service. Patients simply fill out the form, attach a photo of their skin disorder (if desired), pay for the consultation, and wait for their diagnosis.

Web development services

We designed and implemented an admin panel to meet doctors’ needs. Through this panel, a doctor can see all patient information and suggest treatment recommendations. Their report is converted into PDF and sent to the patient’s email.

All requests for doctor consultations are kept on servers. Additionally, the integrated platform allows the platform manager to:

  • Add new admins
  • Add doctors to process patient requests
  • Generate promo codes to cover the full cost of a consultation
  • See a list of users who left an email to create marketing campaigns

CMS integration

The dev team used storyblok.com to build the website CMS. This allowed the client to update website content when required without help seamlessly.

DESIGN OVERVIEW

The project was focused on developing a resource to assist patients online. Our goal was to create a clean and simple design that would reflect the idea and benefits of the service and encourage visitors to sign up for a consultation.

At the same time, we aimed to enable quick and efficient communication between patients and doctors to make the service as easy to use as possible.

NERDZ LAB began by collecting requirements and analyzing similar services. This gave us a clearer vision of the future product and helped create a brand identity.

After this, we proceeded to wireframing and defining each item on the landing page. Finally, we created the actual landing page that highlighted the benefits of the service and encouraged visitors to sign up.

Design services:

  • Design discovery & research
  • UX design
  • UI design
  • Brand identity

Design solutions:

  • Web design services
  • Brand identity design

Design workflow

01

Client interview

NERDZ LAB started by asking for details of the client’s vision, goals, and values to ensure that we were all on the same page.

02

Design discovery & research

We helped the client see if their idea would solve their customers’ problems during the design discovery stage. We also analyzed the market and competitors to ensure the best product/market fit.

03

Creating the UX

NERDZ LAB created an intuitive and easy-to-navigate user experience that follows usability and accessibility guidelines and achieves the platform’s mission.

04

Creating the UI

Finally, we gave the product its visual identity. We ensured the client’s preferences met the latest UI trends and designed an appealing user interface.

Product designing process_ snippets

image_screens

Wireframing

image_screens

Creating styleguide and UI kit

image_screens

Snippets from the brandbook

image_screens

UI snippets

THE RESULTS

01

An all-in-one web platform for online dermatology consultations

02

A highly performant and accessible website with fast metrics: Speed Index, First Contentful Paint, and Time to Interactive all within 0.3 seconds

03

A fully GDPR- and HIPAA-compliant solution

04

A Google-indexed and SEO-enhanced scalable website

05

A seamless online payment solution with promo code generation

06

An admin panel for monitoring online requests from patients

TESTIMONIAL

product_image
Amit Goyal
logo

mySkinDoc

Very happy with the whole process, would recommend them to anyone across the world who is looking for IT services.

image
Amit Goyal
logo

mySkinDoc

Very happy with the whole process, would recommend them to anyone across the world who is looking for IT services.