Comment la poterie a inspiré le design de notre dernier modèle de site web

Laura DeGroot, conceptrice et développeuse, nous fait part du processus de création du dernier thème de Format, Kiln.

feuille_1.gif

Il n'est sans doute pas surprenant que la poterie ait inspiré le thème de notre nouveau site web. Après tout, il s'intitule "Kiln" (four) et ses images d'exemple sont une collection de céramiques faites à la main. Mais le thème de ce site n'est pas seulement une idée amusante : les poteries présentées sont en fait le travail personnel du concepteur qui a créé le thème, et les photos ont été prises ici même, chez Format, par un photographe de notre équipe.

En tant que développeuse frontale chez Format, Laura DeGroot développe généralement des thèmes. Lorsqu'elle a décidé de concevoir et de développer un nouveau thème pour Format, elle s'est inspirée de l'esthétique excentrique et artisanale de ses œuvres d'art pour donner à Kiln une personnalité unique.

De nombreux membres de l'équipe de Format font leur propre travail créatif en dehors de leur travail quotidien ; souvent, cette expérience artistique finit par influencer ce qu'ils font chez Format. En tant que photographe et membre de l'équipe chargée de la réussite des clients de Format, Nicole Dee apporte son point de vue créatif pour aider les gens à donner le meilleur d'eux-mêmes à leurs sites web. "Un jour, j'ai fait une blague sur le fait que je devrais photographier sa poterie pour le site de démonstration", raconte Dee à propos du thème Kiln de DeGroot. "C'était une blague qui s'est transformée en réalité ! Nous avons pris cette idée et l'avons poursuivie". Les deux artistes ont décidé de faire équipe pour photographier une sélection de céramiques pour le site de démonstration de Kiln.

"Nous avons vraiment intégré nos deux esthétiques dans la séance photo", explique Dee. Les pierres précieuses et la nature sont les principales sources d'inspiration de l'esthétique Kiln ; le thème a un côté onirique des années 1970 que Dee décrit comme un "monde fantastique". Elle prend généralement des photos sur pellicule, mais pour cette séance, elle a opté pour le numérique, en utilisant un filtre d'objectif des années 70 transmis par son grand-père pour donner aux images un aspect prismatique.

Pour en savoir plus sur la création du thème Kiln, nous nous sommes entretenus avec M. DeGroot sur les défis que représente la création d'un thème de site web et sur le processus de conception.

site web du four_1

Format Magazine : Quelle a été la première étape de la création du thème ?

Laura DeGroot : Je pense que j'avais simplement une idée en tête, qui s'est traduite par le fonctionnement de la page de la collection : une impression de maçonnerie aléatoire. Je n'ai jamais trouvé le mot juste pour le décrire, mais c'est une impression de hasard et d'album que je voulais obtenir. Nous y avions déjà pensé, mais c'était un véritable défi technique que de faire en sorte que la page ait l'air intentionnellement aléatoire alors que l'utilisateur peut ajouter des images de toutes tailles et de toutes sortes. C'était donc quelque chose que nous n'avions pas encore réalisé et que je voulais essayer.

C'était une situation unique, car je n'avais jamais conçu de thème auparavant. J'ai suivi un cours d'UX récemment et j'ai dit à Garry [Ing, concepteur de produits chez Format] que j'étais intéressé par la conception d'un thème. Il était prêt à me laisser créer un thème, ce qui était vraiment génial.

Comment s'est déroulé le processus de conception ?

J'ai fait une maquette de ce à quoi je voudrais que la collection ressemble et je l'ai apportée à Garry. Nous avons discuté des problèmes techniques qui pourraient se poser, des possibilités et de ce qu'il pensait de l'aspect de la collection. Nous avons ensuite procédé à quelques itérations supplémentaires. Il m'a demandé de créer une sorte de tableau d'inspiration de différents sites qui ressemblaient à ce que j'espérais pour le thème.

J'ai en quelque sorte appris ce qu'était le processus de conception pendant que nous le faisions. J'ai créé un tableau d'humeur pour Garry afin qu'il m'aide à distiller à partir de ces images ce que j'essayais d'accomplir. Ensuite, nous avons fait des allers-retours pendant que j'affinais le thème.

Lorsque j'ai eu une bonne présentation, c'est-à-dire des aperçus de ce à quoi ressemblerait la boutique, la galerie, la collection, les pages de contact, tout, y compris l'en-tête et tous les différents états de l'en-tête et du logo, je l'ai présenté à l'équipe de conception du produit. Ils m'ont fait part de leurs commentaires et, comme je concevais le produit, il n'y a pas eu de transfert au développeur.

En général, définir ses attentes en tant que concepteur et les communiquer au développeur est une partie délicate du processus, car il faut s'assurer que la communication se fait. Mais je savais que je pouvais m'asseoir et construire le thème, et que je pouvais y apporter des modifications à la volée pendant que je le construisais - parce qu'il y avait un défi technique ou autre - et que je pouvais le faire. C'était vraiment génial d'avoir cette liberté.

Quels sont les sites qui vous ont inspiré ?

J'ai été très inspiré par les styles brutalistes. La rotation du logo a été inspirée par un Format utilisateur qui a piraté son propre site. Enfin, pas piraté, mais elle a créé un CSS personnalisé pour forcer le logo à pivoter.

Mon argument était que ce serait une bonne occasion pour les utilisateurs de faire de l'art avec leur site. Je voulais aussi avoir une navigation latérale, ce que cette utilisatrice a fait sur son site, mais cela s'est avéré un peu trop compliqué techniquement. Peut-être qu'un jour nous pourrons le faire, mais c'était un peu difficile avec ce thème parce que je défendais des choses qui n'intéressaient peut-être pas beaucoup de gens. Par exemple, la mise en page aléatoire n'intéresserait pas du tout certaines personnes. C'était donc un défi d'avoir ces options dans le thème, mais aussi de faire en sorte que le thème soit normal.

site_web_de_la_poterie_à_droite_1

L'œuvre en céramique de DeGroot à Right On Pottery Co..

Comment trouver l'équilibre ? Ce désir d'ajouter des touches créatives et de rendre le thème différent, mais aussi de rester simple pour les personnes qui recherchent la simplicité.

Je pense que nous avons la chance de pouvoir travailler avec des variables, ce qui permet aux gens de faire de leur thème ce qu'ils veulent. C'était bien d'avoir l'option de le rendre bizarre si on le voulait, et il semble que beaucoup de gens l'aient fait, ce qui me réjouit.

J'ai parcouru la liste de tous les utilisateurs de Kiln, et la plupart d'entre eux ont fait une rotation avec leur logo, ce qui est très excitant. Je pensais que les gens iraient peut-être choisir un thème et qu'ensuite, lorsque vous choisissez un thème, il affiche votre contenu dans ce thème et je pensais qu'ils verraient immédiatement le logo et qu'ils diraient : " C'est bizarre. Je ne veux pas de ça" et que cela les rebuterait parce que c'est un peu bizarre. Mais il semble que les gens aient vraiment adopté ce thème, ce qui me rend très heureux.

Qu'est-ce que cela fait de voir les différents sites web créés par des personnes? Êtes-vous surpris par ce que les gens ont fait avec Kiln ?

Oui, je ne m'attendais pas à ce que les gens utilisent autant la rotation du logo, mais c'est tellement excitant. J'ai failli pleurer le premier jour, parce que nous l'avons lancé et que je suis partie en vacances pendant une semaine. À mon retour, il y avait une centaine d'utilisateurs qui l'utilisaient.

Je les ai tous regardés et ils sont si beaux. Les gens sont tellement créatifs et donnent à Kiln une apparence que je n'aurais jamais imaginée ! C'est vraiment agréable.

Y a-t-il eu des défis auxquels vous ne vous attendiez pas en tant que concepteur d'un thème ?

Je pense qu'il était assez difficile de s'en tenir à ma vision initiale alors que j'avais la possibilité de jeter des choses au rebut, alors que je développais le projet et que je me disais : "Ce truc est difficile, je vais juste modifier le design." C'était un peu difficile de s'assurer que le résultat correspondrait à ce que j'avais imaginé. D'une certaine manière, cela m'a donné plus d'empathie pour les designers, car je pouvais mieux ressentir l'attachement qu'ils portent à leurs créations. Mais le fait de pouvoir peser le pour et le contre et d'être la personne en charge de la décision m'a également facilité la tâche.

Y a-t-il d'autres fonctionnalités folles que vous souhaiteriez ajouter aux prochains thèmes ?

Ce n'est pas très compliqué, mais la taille de la police du logo est actuellement limitée à 60 pixels et je voudrais pouvoir l'agrandir. Je voulais que le site de démonstration Kiln ait un logo géant de 130 pixels. Je pense que ces gros logos en texte noir seraient super géniaux. C'est quelque chose que je veux ajouter, c'est sûr.

Je ne sais pas quelle sera la prochaine étape, mais c'est amusant d'ajouter ces petites choses excentriques, comme le petit gribouillis. Il semble que ce soit la chose préférée de tout le monde, du moins dans l'équipe.

NDS_2406

Dans les coulisses du photoshoot de Kiln.

Pour en savoir plus sur le travail de conception de poterie de Laura DeGroot, consultez son site Internet site web, construit à l'aide de Kilnet retrouvez les photographies de Nicole Dee sur son site internet. site web, construit à l'aide du logiciel Format Thème panoramique.

A4 1 4

Un guide pour améliorer vos compétences en photographie

Améliorez votre photographie grâce à notre guide de ressources gratuit. Bénéficiez d'un accès exclusif à des conseils, des astuces et des outils pour perfectionner votre art, construire votre portfolio en ligne et développer votre activité.

Nom(Obligatoire)
S'abonner à la lettre d'information Field Label
Ce champ est utilisé à des fins de validation et ne doit pas être modifié.
fr_FRFR