Aller aux directions

Choisis une direction.

Huit sites en ligne, photographiés aujourd'hui. Dis-moi juste un numéro et je refais ton portfolio dans cette direction, en HTML/CSS pur, avec tes dix réalisations dedans.

Je ne copie pas leur code, je reprends la mise en page, la typographie, la palette et les mouvements. C'est ce qui fait la beauté d'un site, et c'est reproductible sans aucune librairie.

1

Sombre, un seul accent, les travaux en grille

Fond presque noir, titre énorme, accent parme sur une partie du titre, puis trois réalisations côte à côte en photo. C'est la direction la plus proche de ce qu'on a déjà, mais mieux tenue.

Pour toi : tes dix captures ressortent très fort sur le noir. Reproductible à 100 %. Le plus rapide.

Voir le site en vrai
Site sombre avec un grand titre et trois réalisations en photo
2

Clair, titre immense et fin, grandes tuiles d'image

Fond crème, un titre très grand et très léger qui traverse l'écran, et deux grandes images qui montent par-dessus les lettres. Beaucoup d'air, très calme.

Pour toi : l'inverse du noir. Plus doux, plus haut de gamme. Tes captures passent bien mais ressortent moins.

Voir le site en vrai
Site clair avec un très grand titre fin et deux grandes images
3

Bleu franc, capitales grasses, photos en tas

Un bleu plein écran, un titre en capitales très grasses qui alterne deux graisses, et des photos jetées en désordre et légèrement inclinées sur la droite.

Pour toi : le plus mémorable et le plus chaleureux. Les dix captures en tas incliné, ça raconte tout de suite « j'en ai fait plein ». Reproductible à 100 %.

Voir le site en vrai
Site bleu avec un titre en grandes capitales et des photos inclinées
4

Gris clair, défilement horizontal, une forme jaune

Fond gris très clair, les réalisations défilent de gauche à droite comme des cartes posées, et un grand rond jaune passe par-dessus la typographie.

Pour toi : le plus « designer ». On fait défiler tes dix sites au doigt sur téléphone. Un peu plus long à faire, et il faut une couleur vive qui remplace ton parme.

Voir le site en vrai
Site gris clair avec des cartes qui défilent et un grand rond jaune
5

Noir et rouge, capitales écrasées, allure machine

Tout en noir, un rouge vif, des capitales très larges et très écrasées qui occupent toute la largeur, des petites étiquettes en écriture de machine à écrire.

Pour toi : très fort, très technique. Ça impressionne un prospect jeune, ça peut refroidir un boulanger de 60 ans. Reproductible à 100 %.

Voir le site en vrai
Site noir et rouge avec de très grandes capitales écrasées
6

Une réalisation à la fois, plein cadre

Fond sombre, et au centre une seule réalisation en grand, comme une affiche, avec son titre par-dessus. On passe à la suivante, une par une.

Pour toi : chaque site a droit à toute la place. Mais on ne voit plus « dix d'un coup », et c'est justement ton argument. Je te le déconseille.

Voir le site en vrai
Site sombre avec une seule réalisation affichée en grand
7

Sombre et sobre, une grande capture encadrée

Noir, un titre net sans effet, une phrase courte, et dessous une grande capture posée dans un cadre arrondi. Rien d'autre. C'est le registre des sites de logiciels.

Pour toi : c'est à peu près ce qu'on a construit ce matin, en plus sobre. Sûr, propre, mais ne surprendra personne.

Voir le site en vrai
Site noir avec un titre net et une grande capture encadrée
8

Une pièce en 3D où on se promène

On entre dans un décor en trois dimensions, on tourne la tête, les réalisations sont accrochées aux murs comme des tableaux.

Honnêtement : on ne peut pas. Ça demande une librairie 3D, donc un site lourd, long à charger, qu'il faudra maintenir. C'est le seul truc de cette planche qui nous est fermé. Je te le montre pour que tu saches où est la limite.

Voir le site en vrai
Décor en trois dimensions dans lequel on se déplace

Et les templates HTML gratuits de restaurant ?

Tu m'as demandé où on trouve des modèles HTML/CSS tout faits pour les commerces. J'ai cherché, et j'en ai photographié plusieurs. Voilà la vérité : ils existent, ils sont gratuits, et ils se ressemblent tous. Grande photo de plat, voile noir, « Welcome to », un mot en doré, du faux texte latin. C'est propre, c'est daté, et ça ne ressemble à aucun commerçant en particulier.

C'est exactement pour ça que ton idée est la bonne : les beaux modèles par métier, personne ne les a. Si on les fabrique nous, c'est ton avance.

Template de restaurant gratuit, fond sombre et grande photo de grillades
Restoran, gratuit
Template de restaurant gratuit, photo de burger et titre en écriture manuscrite
Feane, gratuit
Template de restaurant gratuit, photo d'assiette en plein écran avec un voile sombre
Restaurantly, gratuit

Compare avec les huit du dessus. Même métier, même budget. Ce n'est pas le même monde.