• Websites
  • Genotek
  • 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
    health_bg
    genealogy_bg
    child_bg
    diet_bg
    talants_bg
    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
    1
    Lung cancer
    Gene
    CHEK2
    1
    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
    2
    Alzheimer’s disease
    Gene
    APOE
    2
    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
    3
    Multiple sclerosis
    Gene
    HLA-DRB1
    3
    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
    4
    Schizophrenia
    Gene
    AGBL1
    4
    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
    5
    Ovarian cancer
    Gene
    BRCA1
    5
    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
    • Jenia 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