Case Study

Covivial

Local businesses lacked the digital infrastructure to respond to the COVID-19 crisis. We built an alternative for them.

As part of our final year project, we designed and developed a web application that acts as a marketplace for local businesses.
The application allows customers to pay online or on site and to pick up their orders in partner "relay" businesses.

Duration

4 months • ~5h / week • 6 people

Design

As online shopping is often associated with mass consumption and industry, we had to consider from the start that our target audience was more small businesses and local producers. To make our "brand" fit the audience, we built the experience around the idea of "convivialité" (~ conviviality ?), a French word that conveys the idea of togetherness, warmth and simplicity. This also inspired the name.

Covivial LogotypeCovivial Icon
A playful logo and icon that conveys the idea of freshness and nature.

We found that many similar apps used a map to show businesses nearby to the customer. Sometimes, the customer had to register to the platform and register to virtual marketplaces before they could continue their visit. We felt that every step that is required before the customer can at least be able to view the products that might interest them is detrimental to the user experience.

Covivial Homepage

So we decided to display nearby products right from the home page, based on the user's geolocation or IP address. Consultation does not require registration to the platform.
The full-text search functionality is also highlighted as the most efficient way to find a specific product. It also takes into account the user's location torank the results.
We have also kept the map, but moved it to the product description and to the profile page of a business.

Covivial Product Page

Product images are an essential part of the layout of our interface. Not only are businesses required to provide a photo, we have also deliberately reduced the amount of display space reserved for the product name to encourage businesses to use more descriptive pictures.

Development

We opted to make a progressive web app as it is a convenient way to make cross-plateform app fast. We used a JavaScript stack based on Vue.js on the front-end and Google’s Firebase on the back-end. We also used cloud services to provide complex features such as search and online payment with Algolia and Stripe.

Covivial Tech Stack : Vue.js, Firebase, JavaScript, Stripe and Algolia

Team

We worked at 6 for this end of study project. Directed by Gwendal Artalle and with the work of Gérôme Perrin, Paul Richalland, Grégorie Hacquard, Laura Cartier-Millon and myself.

XTNS