Foodarom
Refonte multilingue du site vitrine de Foodarom, créateur d'arômes et d'ingrédients.
← Tous les projets
Quadra T-shirts. Un chandail à créer.
Quadra T-shirts voulait moderniser sa boutique et simplifier la personnalisation de vêtements en ligne. Le Collectif a construit un site transactionnel avec parcours produit, aperçu visuel et paiement.
PME · Commerce · quadratshirt.ca ↗
Le mandat, en quatre temps.
Le client
Quadra T-shirts est une entreprise québécoise spécialisée dans l'impression de vêtements personnalisés. Elle accompagne les projets d'équipes, d'entreprises et de groupes qui veulent commander des pièces à leur image.
Le mandat
Le mandat visait la refonte du site transactionnel, avec un parcours de personnalisation, des fiches produits, un panier, une commande en ligne, un compte client et une expérience pensée pour l'ordinateur et le mobile.
À garder en tête
Le parcours devait guider le choix du produit, l'ajout de texte, l'ajout d'image, la couleur, les couches du visuel et la validation avant achat. Le site devait aussi gérer les questions fréquentes et les demandes d'aide.
La méthode
Le Collectif a cadré les fonctions dans un cahier des charges, puis produit les wireframes et les maquettes en versions ordinateur et mobile. L'équipe a développé la boutique, testé le panier, mis le site en ligne et formé le client.
Ce qu'on a livré
Conception du siteDesign et UXDesign responsiveBoutique en ligneModules sur mesurePersonnalisation de produitPanier d'achatConfiguration SEOConformité Loi 25Formation WordPress
Le détail de ces expertises →
Trois choses à retenir.
Le vêtement, puis la couleur
Chaque modèle porte son prix et sa palette : seize teintes pour le t-shirt adulte, l'aperçu qui suit le choix, et la charte de grandeurs à portée de clic avant de commencer.
Le visuel composé à l'écran
Le texte se pose sur le chandail et se règle sur place : police, corps, couleur, alignement. Chaque élément devient un calque qu'on déplace, tourne et empile, avec le rendu qui suit à chaque geste.
Recto, verso et calques
Le canevas garde la face en cours et la liste des éléments déjà posés. Ajouter un texte ou une image tient en un bouton, et les wireframes ont servi à fixer l'ordre de ces étapes.
D'autres projets à voir.
Solutions Novika
Le nouveau site vitrine de Solutions Novika, centre de recherche appliquée qui concrétise des projets technologiques depuis 40 ans.