background stars
2022
2022
Biogeek hello screen Biogeek circle Biogeek circle
Nutritionist
Mobility
Analyzes
Idea

About the project

Biogeek plus

Biogeek is a web app that helps users
keep all their laboratory tests in one place
and monitor their health.
It’s a web app with mobile adaptation

Biogeek is a web app that helps users keep
all their laboratory tests in one place
and monitor their health. It’s a web app
with mobile adaptation.

By who
By who popup

Who is it for

The project’s name describes
the target audience — geeks, health fans.

The project’s name
describes the target audience — geeks,
health fans.

About button
Add Analysis
About circle About circle
Client
Client popup

The clients

Two clients — a businessman and a doctor. It’s
a perfect combo for a startup: management skills
and knowledge in the field.

The clients live in the USA but they want to start
the project in the Russian market. And then break
into the USA and Europe markets.

Two clients — a businessman and
a doctor. It’s a perfect combo
for a startup: management skills
and knowledge in the field.

The clients live in the USA but
they want to start the project
in the Russian market. And then break
into the USA and Europe markets.

Analysis

Two projects are better than one

At presale we estimated one humongous project —
Biogeek.Health. This project should’ve included the laboratoryа
tests analysis and the help of nutritionists — specialists
who help in planning the diet and changing eating habits
based on test results.

But when the clients saw the budget they
decided to cut the nutritionist part and leave
only test analysis.

Later the clients decided to implement
the nutritionist role in a new separate
project.

Now there is Biogeek.Health
where users can get the explanation of
the analysis indicators on their own and Biogeek.Expert
where users can connect with nutritionists.

At presale we estimated one
humongous project — Biogeek.Health.
This project should’ve included
the laboratory tests analysis and
the help of nutritionists —
specialists who help in planning
the diet and changing eating
habits based on test results.

But when the clients saw
the budget they decided to
cut the nutritionist part

and leave only test analysis.

Later the clients decided to
implement the nutritionist role
in a new separateproject.

Now there is Biogeek.Health
where users can get the
explanation of the analysis indicators
on their own and Biogeek.Expert where
users can connect with nutritionists.

Biogeek Health block 1 Biogeek Health block 2 Biogeek Health block 3
Indicator Indicator Indicator Progress bar Biogeek Expert
Progress bar
Biogeek products Biogeek products
Products

The difference between the apps

Biogeek Health

Biogeek.Health

Allows users themselves
to track test results and gives
them recommendations if certain indicators
deviate from the norm

Allows users themselves to
track test results and gives
them recommendations if certain
indicators deviate from the norm

Biogeek Expert

Biogeek.Expert

Besides test analysis, allows
the user to communicate
with their nutritionist.

Besides test analysis, allows
the user to communicate
with their nutritionist.

Development

How apps work

In Biogeek.Health
users can

At onboarding, enter their data:
name, gender, birth date, height and weight

Add the test results

See the recommendation on the test
results that are abnormal

View the history of their lab tests

Biogeek.Expert
adds new functions

A chat with nutritionist

Making a diet plan
based on test results

Filling out the medical history

A patient diary where users
record their daily activity,
nutrition, training, sleep,
and stress levels

In Biogeek.Expert
a nutritionist can

View the patient diary

See the calendar with appointments

Biogeek development image
01
Biogeek development image
02
Biogeek development image Biogeek development image
03
Biogeek development image
Enter your weight User information Analysis results Analysis history
Messages Meal plan Analysis Patient information
Patients list Calendar
01
02
03
Blur transition Blur transition
background stars background stars

Solution

Finding similar services wasn’t easy
since some of them are locked behind a
subscription and others have outdated
usability and interface.

Finding similar services
wasn’t easy since some of them are
locked behind a subscription and
others have outdated usability
and interface.

Biogeek solution

We had to rely on our own
expertise and indirect competitor
analysis: for example accounting
services and other services
with statistics.

We had to rely on
our own expertise and
indirect competitor analysis:
for example accounting
services and other
services with
statistics.

Biogeek arrow bottom
Biogeek design
UI/UX

Design

Users need to upload their data to the system
and get an explanation. And then they decide whether
they need the help of a specialist or not. That’s why
we made the navigation very simple.
Users need to upload their data to
the system and get an explanation.
And then they decide whether they
need the help of a specialist
or not. That’s why we made
the navigation very simple.
Biogeek add analysis
Add a test
Delete
Biogeek delete analysis
Biogeek arrow
The crucial information is displayed on the
dashboard. We separated only the profile page
and settings. Everything is intuitive, the accent
color highlights all important elements,
for example the analysis cards.
The crucial information
is displayed on the dashboard.
We separated only the profile
page and settings. Everything is
intuitive, the accent color
highlights all important elements,
for example the analysis cards.
Biogeek dashoard scheme Biogeek dashoard
Profile
Biogeek plus image Biogeek plus image Biogeek plus image
Color palette

Colors

We used green and violet
as the primary colors to stand out
from the competitors

Color 35B185 Color 646EFA Color FB7B7B Color F3B63E
Font

Typography

For this project we decided to
use the Inter font. It’s
a universal grotesque font
with a lot of variations.

For this project we decided
to use the Inter font. It’s
a universal grotesque font
with a lot of variations

Font Inter
  • Regular
  • Medium
  • Bold
  • 42px
  • 32px
  • 28px
  • 24px
  • 20px

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Data

Parsing

We had to extract health indicators
from PDF files, as well as their values
and units, and then display it
on the analysis screen.

Hemoglobin (HGB)
140
Hematocrit (HCT)
60
Outside the norm
Dashboard Data Diploma downloading Patient
Verification Payment diary
Empty state
Diploma downloading Weight No chosen dialogs Maps
Subscriptions Diploma downloading My analysis Growth
Analysis results
Analysis results
PDF Checkmark
Erythrocytes (RBC)
5.2
Data screen bg Data screen bg
Plus image
Circle Circle inner Calendar Analysis Growth Date

After 3 weeks of searches
we found ABBYY. It works
well with both Russian and
English languages.

We’ve tried a lot of services — we
tested Microsoft Azure, AWS Textract,
Cloud Vision API, but they didn’t
work with Russian language or
were unreasonably expensive. Tesseract
performed bad with English.

ABBYY arrow
ABBYY

After 3 weeks of searches
we found ABBYY. It works well
with both Russian and
English languages.

arrow
Doctor image blender
Green circle Green circle inner
App image blender Loader
Result

How’s the project now?

Purrweb Biogeek