Identity

<
>
Charte Graphique - My Tour Live - page 1 Charte Graphique - My Tour Live - page 2 Charte Graphique - My Tour Live - page 3 Charte Graphique - My Tour Live - page 4 Charte Graphique - My Tour Live - page 5 Charte Graphique - My Tour Live - page 6 Charte Graphique - My Tour Live - page 7 Charte Graphique - My Tour Live - page 8 Charte Graphique - My Tour Live - page 9 Charte Graphique - My Tour Live - page 10 Charte Graphique - My Tour Live - page 11 Charte Graphique - My Tour Live - page 12 Charte Graphique - My Tour Live - page 13 Charte Graphique - My Tour Live - page 14 Charte Graphique - My Tour Live - page 15 Charte Graphique - My Tour Live - page 16

The identity of the My Tour Live brand is made up of 3 entities: the corporate, the application, the booking platform.

The platform where the virtual tours take place, which is a SPA (Single Page Application), uses the Vue.js framework and finally the reservation website created under Laravel, Vue.js as well as my personal Weaver Scss framework.

The corporate identity is intended to be more subtle and sober than the 2 web platforms which are more colorful with a more “digital friendly” approach in their visual design.

User area

My Tour Live - Mockup MacBook pro - page de login
My Tour Live - page compte

The reservation site contains several user roles:

customers (default role) who can only access the front side of the site, to the customer view.

Guides, editors and admins all have access to the back office but with different permissions:
guides can manage creating new tours and manage only their own tours.
publishers only have access to the management of articles
admins have full control of the back office.

Reservation system

My Tour Live - Réservation - Calendrier - 1 My Tour Live - Réservation - Calendrier - 2 My Tour Live - Réservation - Calendrier - 5 My Tour Live - Réservation - Calendrier - 4 My Tour Live - Réservation - Calendrier - 3
My Tour Live - Réservation - Aside - 2 My Tour Live - Réservation - Aside - 1 My Tour Live - Réservation - Aside - 3 My Tour Live - Réservation - Aside - 4 My Tour Live - Réservation - Aside - 5

The reservation system made in Vue.js allows great interactivity with hot data processing to allow the user to add to the cart quickly and intuitively.

The application presents, on the left, the year and associated months and in the middle the calendar of the selected month. Past visits are not visible, past days are not selectable either. The following days are all selectable, the days with visits are specified with a different style.

Consumer pathway

My Tour Live - Parcours client - page visites My Tour Live - Parcours client - calendrier réservation My Tour Live - Parcours client - pop-up validation réservation My Tour Live - Parcours client - panier My Tour Live - Parcours client - participants My Tour Live - Parcours client - paiement My Tour Live - Parcours client - historique d'achats

The consumer pathway, when making a purchase, begins with the selection of the desired visit, then the date and time.

This part of the journey can also be done without having an account and therefore without being connected to the platform. A connected shopping cart system has been implemented to allow people to prepare it before having to create a consumer account.

When the buyer decides to go to payment, he creates his account or connects to display his basket. If he already had products in his basket in a previous connection, it is added to the overall basket.

The payment process is carried out in 3 stages: validation of the basket, information of the participants and finally choice of the payment method (credit card, Paypal or Alipay).

Once the payment has been made and validated, the consumer receives his invoice by email, he can also find it in his “history” area of ​​his account.