Adrien Gasquet

CV

EN

FR

Beatrice Gasquet's website redesign

On December 2023, Beatrice Gasquet, an English teacher who works with kids and retirees, asked me to redesign her website and graphic identity. I had 3 main missions: Create a nice and coherent graphic identity, imagine a way to display new and existing information, code the website.

    Mockup of the final website landing page

    Mockup of the final website landing page
  1. Context

    As a self employed English teacher, Beatrice Gasquet needed a website to communicate about her activity and to gather english lesson ressources for her students. So, she created with Wordpress her first website, which hasn't aged well.
    In 2023, having a nice, well-indexed and intuitive website is an essential to find new clients. This is why she asked me to redesign and code a brand new platform.

  2. Brief

    The brief for this project was to create a place where interested persons will easily find useful information such as "Who is Beatrice Gasquet ?" or "When are the English lessons ?". Because the main part of the visitors will be parents and retirees, who are not necessarily as comfortable online as my generation, the navigation in the website must be very intuitive and simple. This involves few pages in total, great accessibility (such as good color contrast and text size) and easy navigation.

  3. Identity & Design system

    After a discussion with my client, she expressed her will to have a graphical identity that follows these requirements:
    -A refined and simple visual identity. No need to have an eccentric identity. The goal is to be easily understandable.
    -Colors of the British Union Jack flag (blue, red and white).
    -An identity that inspires safeness and seriousness.

  4. New design system

    New design system

    New logo

    New logo

    Buttons style

  5. A personal UX Challenge

    One of the most challenging parts of this project was to find the best way to display every bit of information about the lessons (When? For who? Where?). The users have to be able to navigate through the variety of lessons without being lost. I chose to display the courses on the landing page so they are easily findable. I also chose to display them in lines sorted by age.

  6. Video of the lessons section

  7. PHP Admin system

    Another challenge in this project was to code an admin system in PHP for my client to allow her to add a personalized message on the landing page. This system includes the development of a secured user login system in PHP using MySQL and PHPMyAdmin.

  8. Visuals of the website
  9. Landing page

    Landing page

    Video of the form page

Return home

See next project