Prototype design of an ecommerce platform

Psychic and astrology
Psychic and astrology
Psychic and astrology

18 janvier 2022

This mission involved rethinking the Femme Actuelle Astro Consult website to turn it into an e-commerce platform for clairvoyance consultation.

My UX/UI Design mission was to:

  • Analyze existing marketing data and UX data (personas, user research)

  • Write the functional specifications document for the website redesign

  • Rethink information architecture (tree structure)

  • Optimize user journeys (scenarios, flows)

  • Create site mockups, mobile-first prototyping

PRACTICAL INFORMATION

Presentation of the UX/UI Design mission

Mission context

Femme Actuelle Astro Consult' (FAAC) was a multi-service e-commerce platform attached to the Femme Actuelle brand.

Through its website, FAAC offered individuals the opportunity to schedule appointments for consultations of divinatory arts (clairvoyance, mediumship, astrology, numerology...), to send questions to a psychic, to check their horoscope, and to order esoteric products.

Customer needs

The website was supposed to expand its target and become an e-commerce platform while suggesting the reassuring universe of Femme Actuelle.
The platform had to provide access to information about various divinatory arts practices, magazine articles, and various decision-making support content.

Woman with stripes
Woman with stripes
Woman with stripes
Woman with long curly hair
Woman with long curly hair
Woman with long curly hair

Project objectives

  • Improve user experience by simplifying the appointment booking process

  • Reassure and guide the client

  • Retain users

  • Enhance SEO through content and navigation

  • Achieve revenue goals.

  • Encourage mobile app downloads

Tools used

  • Dessin

  • Invision

  • AdobeXD

Woman with a crystal ball
Woman with a crystal ball
Woman with a crystal ball

PROCESS

Website redesign process

Project management

We had a kick-off meeting for the project and then :

  • I carried out project management for the UX/UI Design part of the website redesign project.

  • I wrote the functional specifications document taking into account the project schedules, deadlines, and budget.

  • I was in charge of meetings throughout the project for iterative work mode.

Design and prototyping

  1. Data collection provided by the client:

    • UX Research

    • Personas

    • Analytics

    • Content

    • Illustrations

    • Mobile application UI kit


  2. Information architecture:

    • Brainstorming of existing content

    • I conducted a card sorting workshop

    • I created the website's sitemap


  3. Creating fluid user journeys:

    • I analyzed and crossed data to create fluid user journeys

    • I sketched all website flows

    • I created user journey scenarios


  4. Iterative prototyping:

    • I thought through the design based on previous research.

    • I proposed HD wireframes for desktop and mobile

    • I led each prototype presentation meeting to work iteratively and validate each prototype as the project progressed.

    • I proposed a focus on the checkout tunnel workflow (choice of consultation type, date, time) until the validation of the shopping cart.

    • I proposed several versions of client account login (as a registered or guest user).


  5. User testing on prototypes:

    • I conducted user testing with 10 videos and 30 questionnaires on the prototypes I had designed.

    • I made corrections based on the results of this user testing

Site web tree structure and flowchart
Site web tree structure and flowchart
Site web tree structure and flowchart
User journey scenario
User journey scenario
User journey scenario

RESULTS

Prototype delivered for website integration and development

After validating all user journeys and final mockups, I delivered an interactive prototype of the website.

As a result, the project team was able to integrate and develop the new Femme Actuelle Astro Consult website.

Homepage mockup
Homepage mockup
Homepage mockup
Horoscope page mockup
Horoscope page mockup
Horoscope page mockup
Blog page mockup
Blog page mockup
Blog page mockup
Reservation tunnel mockup
Reservation tunnel mockup
Reservation calendar mockup
Reservation calendar mockup
Form field mockup
Form field mockup

Each client owns their website and is free to make modifications and/or deletions.
I am showcasing my work here at a specific moment without being responsible for the visible changes currently online.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.