Conception Web à Toronto et partout en Ontario : des sites accessibles conçus dans le navigateur sur votre vrai contenu, selon les WCAG 2.1 AA dès la première maquette — des thèmes et gabarits WordPress que vos rédacteurs ne peuvent pas casser, des systèmes de design dont le contraste est vérifié à chaque construction, de l'illustration et des documents accessibles — pour les organisations dont le site doit fonctionner pour tout le monde et convaincre ceux à qui il s'adresse.
Conçu dans le navigateur, sur le vrai contenu, avec la norme comme intrant. Une lacune est attrapée dans les composants, pas à l'audit — et le site est livré.
WCAG 2.1 dès la première maquette
AAWCAG 2.1 dès la première maquette
de couleurs vérifiées à chaque construction de ce site
55 pairesde couleurs vérifiées à chaque construction de ce site
conçu sur votre vrai contenu, pas une maquette
Navigateurconçu sur votre vrai contenu, pas une maquette
Accessible peut être beau
Le site que vous lisez a été conçu comme nous concevons pour nos clients : des serre-livres sombres et un milieu clair, une échelle typographique et un système de couleurs en jetons, cinquante-cinq paires de couleurs vérifiées contre leur contrat de contraste à chaque construction, des états de focus dessinés avant que le premier composant ne soit livré, et un contrat de mouvement qui ne joue jamais sans commande. Rien n’y ressemble à un exercice de conformité, et chaque page respecte les WCAG 2.1 AA — parce que la norme était un intrant du design, pas un audit à la fin. Nous faisons la même chose pour les organisations de la santé, de la recherche et du secteur public partout en Ontario.
Conçu dans le navigateur, sur votre contenu
Une maquette figée est une promesse que le vrai contenu casse. Nous concevons dans le navigateur dès le premier concept — avec vos titres, vos images, votre plus longue chaîne en français et votre plus petit téléphone — pour que ce que vous approuvez soit ce qui est livré, et que les décisions d’accessibilité soient prises une fois, dans le système de design, plutôt que redécouvertes à chaque page. Les jetons, les composants et les gabarits qui en sortent sont à vous, documentés, dans un dépôt à votre nom, et la même équipe les porte dans WordPress pour que le design survive aux rédacteurs.
Ce que nous concevons
Accessible peut être beau — ce site en est la preuve, et chaque site client est bâti de la même façon
Conception Web accessible
Des interfaces conçues selon les WCAG 2.1 AA avant la première ligne de code : contraste mesuré, états de focus dessinés, cibles dimensionnées, ordre de lecture décidé, mouvement encadré par un contrat. Pas une liste de vérification passée à la fin; la façon dont le design est fait.
Conçu dans le navigateur, sur votre contenu
Pas de maquettes figées qui s’effondrent quand le vrai titre est deux fois plus long. Nous concevons dans le navigateur avec vos vrais mots, vos images et vos données, dans les deux langues si vous en avez deux, pour que ce que vous approuvez soit ce qui est livré.
Des systèmes de design
Couleur, échelle typographique et espacement en jetons; des composants avec leurs états dessinés; une documentation que votre équipe peut étendre. Chaque paire de couleurs de ce site est vérifiée contre son contrat de contraste à chaque construction, et nous mettons la même barrière en place pour vous.
Des thèmes et gabarits WordPress
Des thèmes et des gabarits pour l’éditeur de blocs que vos rédacteurs peuvent utiliser sans casser la norme — le design accessible porté dans l’outil où vit votre équipe de contenu. Voir le développement WordPress.
Illustration
De l’illustration originale, dessinée à la main, pour les pages d’atterrissage, les personnages et les icônes — une chaleur que les banques d’images ne donnent pas, avec un texte de remplacement écrit par la personne qui a dessiné. Voir l’illustration.
Des documents accessibles
Des mises en page InDesign qui deviennent des PDF balisés et structurés — la même discipline de design portée dans l’imprimé et les documents. Voir les PDF accessibles et la remédiation de documents.
De la recherche avec les gens qui s'en servent
De la recherche et des tests avec de vrais utilisateurs, y compris des personnes qui dépendent de lecteurs d’écran, de la loupe et du clavier — parce qu’un design qui ne fonctionne que pour le designer n’est pas terminé.
Comment se déroule un mandat de design
Rechercher
Vos publics, votre marque, votre contenu tel qu’il est vraiment, et votre obligation d’accessibilité — avant de toucher un pixel.
Concevoir, dans le navigateur
Une direction explorée sur du vrai contenu et de vrais appareils, avec des variantes que vous pouvez comparer plutôt qu’un seul dévoilement.
Raffiner et vérifier
Des itérations avec votre équipe; contraste, focus, cibles tactiles et ordre de lecture vérifiés au fil du travail, pas audités à la fin.
Livrer
Jetons, composants, gabarits et documentation — prêts pour la production, dans un dépôt qui vous appartient. Aucune dépendance envers un fournisseur.
À qui cela s'adresse
Le secteur public et le secteur parapublic
Ministères, organismes, hôpitaux et établissements avec une obligation d’accessibilité et une équipe de contenu qui n’est pas une équipe de design. Nous sommes fournisseur attitré de l’Ontario.
Santé, recherche et éducation
Des organisations dont les sites portent des outils cliniques, de la recherche et du matériel de cours, où la structure porte le sens et où le public inclut tout le monde.
Les entreprises dont le site doit vendre
Des entreprises qui ont besoin que le site ressemble à l’organisation qu’elles sont, fonctionne sur chaque téléphone et convertisse — sans plainte d’accessibilité la semaine après le lancement.
Dans les mots de nos clients
Nous avons eu la chance de travailler avec Cantan Group (et Imran) pour réaliser notre rapport annuel (en anglais et en français). Le processus a été extrêmement collaboratif du début à la fin et nous avons vraiment apprécié l'occasion de travailler ensemble à créer un excellent produit final. Ce rapport doit raconter l'histoire et l'impact de notre organisation, et nous n'aurions pas pu le faire sans le soutien et l'expertise d'Imran et de son équipe. Nous travaillerions certainement de nouveau avec eux!
Drew Maginn
Travailler avec Cantan Group a été un plaisir pour le nouveau système CRM intégré de mon organisation. J'ai travaillé étroitement avec les designers sur l'interface du système et l'image de marque de l'application. J'ai été très impressionnée par leur niveau de compétence et de professionnalisme. Nos utilisateurs adorent la simplicité et la facilité du nouveau système, et le logo a fait fureur.
Rabia Hamid
Travailler avec Imran de Cantan Group à la construction de notre site WordPress a été un plaisir. Toujours réactif aux problèmes et aux besoins du projet, il a démontré une connaissance approfondie en plongeant dans le code et en livrant des personnalisations pour optimiser notre site. Il demeurait disponible pour des rencontres, même à court préavis, et professionnel du début à la fin. Merci, Cantan Group!
Dans le navigateur, sur votre vrai contenu, dès le premier concept. Les maquettes figées promettent une mise en page que le vrai titre casse; un design dans le navigateur est la chose elle-même — adaptatif, accessible et testable dès le premier jour. Nous utilisons les outils de design pour l’exploration et l’illustration, pas pour le livrable.
Un site accessible peut-il être beau?
Celui-ci l’est. L’accessibilité contraint une poignée de décisions — contraste, taille, focus, mouvement — et laisse le reste au goût et au métier. Les sites qui ont l’air conformes plutôt que conçus ont été bâtis par des gens qui ont rencontré la norme à la fin au lieu de concevoir avec elle dès le départ.
Concevez-vous pour WordPress?
Oui, et nous bâtissons ce que nous concevons : des thèmes pour l’éditeur de blocs, des blocs et des gabarits sur mesure, pour que le design survive aux rédacteurs. La même équipe fait le développement WordPress, et c’est pourquoi les deux ne dérivent jamais.
Comment la conception Web est-elle tarifée?
Un prix fixe pour un design délimité après la recherche, le nombre de gabarits et de composants étant la principale variable, et un prix de conception et de construction quand nous le menons jusqu’à un site en ligne. Nous préférons chiffrer une portée plus petite que vous pouvez étendre plutôt qu’une grande à laquelle vous devez vous fier.
Faites-vous de l'image de marque et de l'illustration?
Du travail d’identité quand il accompagne un site, et de l’illustration originale à l’interne — pages d’atterrissage, personnages, icônes. Pour le COQES, nous avons développé l’identité de marque, un style d’illustration sur mesure et le site Web ensemble.
Que possédons-nous à la fin?
Tout : les jetons, les composants, les gabarits, les fichiers sources et la documentation, dans un dépôt à votre nom. Si vous nous quittez, vous partez avec le design.