Genotek website

• OverviewProcess
Task:
to create a website for a genetics company.

Founded in 2010 by three Moscow State University graduates, Genotek conducts DNA analysis and genetic tests for private customers and large institutions. A website presenting complex medical information in an accessible, structured and beautiful way was created at the studio.

It all starts with submitting a sample

The personal section of the website contains information about personal tests. These tests determine risks of genetic diseases, help develop prevention programs, plan pregnancy, create exercise schedules and reveal hereditary predispositions. Individual test pages contain interesting facts about each test, examples of final results and allow to purchase a test.

Health and longevity Genealogy Family planning Diet and fitness Talents and sport
motherfather Created with Sketch. 25% Healthy child Child mutation carrier 25% Child mutation carrier 25% Child with disease 25% Father mutation carrier Mother mutation carrier
Interactive illustrations and inforgraphics dispersed in text make it easy to understand how genes and their mutations influence people.
Examples of genes and disorders demonstrate their influence on human health and abilities
Gene
CHEK2
Lung cancer
Gene
CHEK2
Lung cancer
Responsible for the synthesis of a cell division cycle protein. If the cell DNA is damaged, the protein blocks division thus preventing development of cancer tumors. Carriers of mutations of this gene have an increased risk of developing cancer, primarily lung cancer.
Gene
APOE
Alzheimer’s disease
Gene
APOE
Alzheimer’s disease
The protein synthesized from the APOE gene participates in lipid exchange in the liver and cholesterol exchange in the brain. Combinations of certain mutations of this gene can lead to a 16-fold increase in risk of developing Alzheimer’s disease.
Gene
HLA-DRB1
Multiple sclerosis
Gene
HLA-DRB1
Multiple sclerosis
One of the genes of the main histocompatibility complex responsible for synthesis of a protein that plays an important role in the immune system. Disorders of the gene can lead to autoimmune diseases including multiple sclerosis.
Gene
AGBL1
Schizophrenia
Gene
AGBL1
Schizophrenia
This gene encodes glutamate decarbamylase which is involved in post-translational modifications of various proteins. Mutations of the gene lead to an increased risk of schizophrenia, yet the molecular mechanism through which gene disorders affect progression of the disease is not yet known.
Gene
BRCA1
Ovarian cancer
Gene
BRCA1
Ovarian cancer
The gene encodes a protein that plays an important role in ensuring the stability of the genome and suppression of oncogenesis, protecting the body from tumors. Mutations of the gene that disrupt its normal functioning cause almost 40% of cases of breast cancer and over 80% of cases of ovarian cancer.
The website’s main character uses her own example to explain genetics and its influence on the formation of personality, heredity and predispositions.
Beautiful metaphors help readers understand the text.

Clients who are ready to purchase more expensive examination and buy a test package that includes decoding of the whole genome are redirected to the premium products section where they can register, receive their results and use additional medical services.

Overview of possibilities
Health and longevity test
Family planning test

Examples of decoded genes are illustrated with beautiful graphics that make exploring website pages fun.

Gene
ACTN3
Strength
Gene
ACTN3
Strength
encodes the structure of the alpha-actinin-3 protein. Promotes ordering of the contractile apparatus of muscle fibers and is involved in a large number of metabolic processes
Gene
PPARA
Body type
Gene
PPARA
Body type
participates in the regulation of cell differentiation, cell development and metabolism. Affects physical qualities and physique
Gene
VEGFR2
Endurance
Gene
VEGFR2
Endurance
regulates division, survival and development of endothelial cells and new vessel growth. Variants of the gene can have influence on endurance

The footer of each page contains information on additional services available after the procedure.

Partner compatibility
Finding relatives
Complete health report
Individual disease prevention recommendations
Personalized health check-up
Predisposition to sports
Predisposition to academic and art achievements
Personality features and psychological risks
Chat with a geneticist about family planning
Predispositions
National composition
Individual training program
Chat with a dietologist and fitness consultant
Individual diet program
Ancestor migration map
Neanderthal genome percentage

A special large section of the website is devoted to the description of diagnosed disorders and analyzed mutations. The information is grouped by gene names, types of mutations and individual disorders. The pages are connected with crosslinks and illustrated with simple tables.

Gene catalog
Disorder panel
Gene page


Representatives of medical clinics, laboratories and scientific institutions can use the corporate section to order tests and share their experience of working with Genotek. The final price is calculated on the fly as the parameters of sample preparation, analysis and information processing change.

Sample preparation
Analysis stage
Information processing

Test results displayed on user account pages come directly from the company’s database that is regularly updated with latest discoveries.

art director

  • Ludwig Bistronovsky

interface designer

  • Anna Kleymenova

designers

  • Andrey Maykov
  • Alena Sofina
  • Evgeny Panov
  • Sergey Nikolaev

technical designers

  • Aleksandra Maun
  • Evgenia Filatova
  • Kirill Zhilinsky
  • Svetlana Yaroshevich
  • Aleksandr Shumov
  • Maria Pavlova

illustrators

  • Maksim Degtyarev
  • Polina Suchkova

photographer

  • Igor Fatkin

visualizer

  • Viktor Lvov

technologists

  • Dmitry Yakimenko
  • Oleg Postoev
  • Roman Kosovichev

tester

  • Dmitry Muratov

content manager

  • Anna Rybakova

editor

  • Aleksandr Nosikov

project managers

  • Diana Shamba
  • Anastasia Sharkova

models

  • Pavel Gerasimchuk
  • Oksana Gerasimchuk
  • Antonina Rokutova
Medical  Websites  Genotek