Aller au contenu
MadeByAura.

Tous les projets

Refonte de l'accueil du Bistrot de la Pierrière, avec le nom en grand sur les vignes au bord du lac

Sept concepts de refonte

Sept établissements, de Lutry à Neuchâtel. Pour chacun, un site d'origine daté, puis sa refonte, sur quatre vues à comparer.

Concepts de refonte

Sept sites d'origine et leur refonte, vue par vue

Sept concepts de refonte, de Lutry à Neuchâtel. Pour chaque établissement, un site d'origine daté, puis sa refonte, avec les mêmes contenus, les mêmes photos et une direction artistique propre. Quatre vues sont à comparer, l'accueil, la présentation, une page clé et l'accueil sur téléphone.

Démonstrations

Sites
7, quatre vues chacun
Type
Concepts de refonte
Photos
Pexels

Les photos sont les mêmes dans le site d'origine et dans sa refonte. Seules la mise en page, la typographie et la qualité d'image changent.

Restaurant

Bistrot de la Pierrière, Lutry · concept de refonte

Un bistrot de lac, ses filets de perche du Léman et les vins de Lavaux. Le modèle figé des années 2010 devient une page éditoriale aux photos plein cadre, pensée aussi pour le téléphone.

  • Point de départ modèle de site des années 2010 à largeur fixe, photos étirées, carte en tableaux et rien de prévu pour le téléphone.
  • Direction de la refonte une allure de magazine au bord du lac, en bleu Léman et or chasselas, avec de grandes lettres élégantes et des photos sur toute la largeur.
Vue « Accueil » de la refonte de Bistrot de la Pierrière (restaurant, Lutry)Vue « Accueil » du site d'origine de Bistrot de la Pierrière (restaurant, Lutry), avant la refonteAvantAprès
Accueil · agrandir l’avant · agrandir l’après
Vue « Présentation » de la refonte de Bistrot de la Pierrière (restaurant, Lutry)Vue « Présentation » du site d'origine de Bistrot de la Pierrière (restaurant, Lutry), avant la refonteAvantAprès
Présentation · agrandir l’avant · agrandir l’après
Vue « La carte » de la refonte de Bistrot de la Pierrière (restaurant, Lutry)Vue « La carte » du site d'origine de Bistrot de la Pierrière (restaurant, Lutry), avant la refonteAvantAprès
La carte · agrandir l’avant · agrandir l’après
Vue « Accueil sur téléphone » de la refonte de Bistrot de la Pierrière (restaurant, Lutry), dans un cadre de téléphoneVue « Accueil sur téléphone » du site d'origine de Bistrot de la Pierrière (restaurant, Lutry), avant la refonte, dans un cadre de téléphoneAvantAprès
Accueil sur téléphone · agrandir l’avant · agrandir l’après

Atelier de ferronnerie d'art et serrurerie

Forge Orbeclair, Vallorbe · concept de refonte

Un atelier de ferronnerie qui montre ses ouvrages comme un catalogue d'ingénieur, avec la même exigence que ses portails forgés. Les vignettes minuscules d'un vieux site laissent place à un catalogue d'ouvrages en fiches numérotées, lisible sur téléphone.

  • Point de départ modèle de site de 2009 à largeur fixe, bandeau pixelisé, colonne de rubriques inutiles, galerie de vignettes minuscules et page illisible sur téléphone.
  • Direction de la refonte industriel et brut, en noir charbon, acier et rouille, avec de grandes lettres serrées, une grille bien visible, des fiches d'ouvrages numérotées et un viseur à promener sur les étincelles.
Vue « Accueil » de la refonte de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe)Vue « Accueil » du site d'origine de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe), avant la refonteAvantAprès
Accueil · agrandir l’avant · agrandir l’après
Vue « Présentation » de la refonte de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe)Vue « Présentation » du site d'origine de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe), avant la refonteAvantAprès
Présentation · agrandir l’avant · agrandir l’après
Vue « Réalisations » de la refonte de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe)Vue « Réalisations » du site d'origine de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe), avant la refonteAvantAprès
Réalisations · agrandir l’avant · agrandir l’après
Vue « Accueil sur téléphone » de la refonte de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe), dans un cadre de téléphoneVue « Accueil sur téléphone » du site d'origine de Forge Orbeclair (atelier de ferronnerie d'art et serrurerie, Vallorbe), avant la refonte, dans un cadre de téléphoneAvantAprès
Accueil sur téléphone · agrandir l’avant · agrandir l’après

Hôtel boutique de montagne

Hôtel Pravelin, Les Haudères · concept de refonte

Un hôtel de douze chambres dont le site donne envie de réserver avant même d'avoir regardé les prix. Le fond étiré et les boutons brillants font place à de grands paysages, des chambres en carrousel et une page qui s'adapte au téléphone.

  • Point de départ site fait en 2011 avec un outil en ligne, photo de fond étirée et pixelisée, titres calligraphiés, boutons brillants, météo figée et mise en page fixe qui ne s'adapte pas au téléphone.
  • Direction de la refonte luxe calme, en crème et vert sapin, avec des lettres fines et élégantes, de grands paysages qui apparaissent en fondu, des pages aérées et des chambres présentées en carrousel.
Vue « Accueil » de la refonte de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères)Vue « Accueil » du site d'origine de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères), avant la refonteAvantAprès
Accueil · agrandir l’avant · agrandir l’après
Vue « Présentation » de la refonte de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères)Vue « Présentation » du site d'origine de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères), avant la refonteAvantAprès
Présentation · agrandir l’avant · agrandir l’après
Vue « Chambres » de la refonte de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères)Vue « Chambres » du site d'origine de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères), avant la refonteAvantAprès
Chambres · agrandir l’avant · agrandir l’après
Vue « Accueil sur téléphone » de la refonte de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères), dans un cadre de téléphoneVue « Accueil sur téléphone » du site d'origine de Hôtel Pravelin (hôtel boutique de montagne, Les Haudères), avant la refonte, dans un cadre de téléphoneAvantAprès
Accueil sur téléphone · agrandir l’avant · agrandir l’après

Chocolatier artisan

Maison Vernelle, Vevey · concept de refonte

Une maison de chocolat de Vevey qui présente ses bonbons comme un catalogue de joaillier, de la fève torréfiée à l'écrin. La boutique en ligne brune de 2010, à trois colonnes et vignettes déformées, devient un catalogue de chocolatier, sombre et précieux, où chaque création a sa fiche.

  • Point de départ boutique en ligne de 2010, texte crème sur fond brun à motifs difficile à lire, bandeau de promotions qui défile, trois colonnes de panier et de lettre d'information, vignettes carrées déformées et largeur fixe de 960 pixels illisible sur téléphone.
  • Direction de la refonte sombre et précieux, en cacao profond, crème et cuivre sobre, avec de grandes lettres très fines, des photos aux tons chauds en lumière rasante et une collection présentée comme un catalogue de luxe, prix alignés en pointillés.
Vue « Accueil » de la refonte de Maison Vernelle (chocolatier artisan, Vevey)Vue « Accueil » du site d'origine de Maison Vernelle (chocolatier artisan, Vevey), avant la refonteAvantAprès
Accueil · agrandir l’avant · agrandir l’après
Vue « Présentation » de la refonte de Maison Vernelle (chocolatier artisan, Vevey)Vue « Présentation » du site d'origine de Maison Vernelle (chocolatier artisan, Vevey), avant la refonteAvantAprès
Présentation · agrandir l’avant · agrandir l’après
Vue « La collection » de la refonte de Maison Vernelle (chocolatier artisan, Vevey)Vue « La collection » du site d'origine de Maison Vernelle (chocolatier artisan, Vevey), avant la refonteAvantAprès
La collection · agrandir l’avant · agrandir l’après
Vue « Accueil sur téléphone » de la refonte de Maison Vernelle (chocolatier artisan, Vevey), dans un cadre de téléphoneVue « Accueil sur téléphone » du site d'origine de Maison Vernelle (chocolatier artisan, Vevey), avant la refonte, dans un cadre de téléphoneAvantAprès
Accueil sur téléphone · agrandir l’avant · agrandir l’après

Fiduciaire

Colonne Juste, Fribourg · concept de refonte

Une fiduciaire fribourgeoise dont le site pose ses comptes comme une architecture, solide, lisible et vérifiée au centime près. Le vieux site de 2009 en tableaux devient une page immersive, avec une colonnade en 3D sous une lumière dorée, les chiffres en grand et les prix présentés comme un registre.

  • Point de départ vieux modèle de site de 2009 en tableaux, bandeau bleu étiré, case de connexion inutile, contenu en listes à puces et rien de prévu pour le téléphone.
  • Direction de la refonte une architecture de pierre de molasse au couchant, avec une colonnade en 3D animée sous une lumière rasante, une ligne dorée comme sous un total, des lettres hautes et étroites, de l'ardoise verte, de la pierre claire et des tarifs présentés comme un registre.
Vue « Accueil » de la refonte de Colonne Juste (fiduciaire, Fribourg)Vue « Accueil » du site d'origine de Colonne Juste (fiduciaire, Fribourg), avant la refonteAvantAprès
Accueil · agrandir l’avant · agrandir l’après
Vue « Présentation » de la refonte de Colonne Juste (fiduciaire, Fribourg)Vue « Présentation » du site d'origine de Colonne Juste (fiduciaire, Fribourg), avant la refonteAvantAprès
Présentation · agrandir l’avant · agrandir l’après
Vue « Prestations » de la refonte de Colonne Juste (fiduciaire, Fribourg)Vue « Prestations » du site d'origine de Colonne Juste (fiduciaire, Fribourg), avant la refonteAvantAprès
Prestations · agrandir l’avant · agrandir l’après
Vue « Accueil sur téléphone » de la refonte de Colonne Juste (fiduciaire, Fribourg), dans un cadre de téléphoneVue « Accueil sur téléphone » du site d'origine de Colonne Juste (fiduciaire, Fribourg), avant la refonte, dans un cadre de téléphoneAvantAprès
Accueil sur téléphone · agrandir l’avant · agrandir l’après

Fleuriste

Pivoine Buissonnière, Moudon · concept de refonte

Un atelier fleuriste qui compose des bouquets de saison avec les fleurs des jardins de la Broye. Le fond fleuri et son diaporama hors service laissent place à une page botanique et éditoriale, vert profond et lin, où les bouquets de saison prennent toute la place.

  • Point de départ site personnel de 2009 sur fond fleuri, titre incrusté dans une image, diaporama qui ne s'affiche plus, bouquets en tableau et commande par e-mail.
  • Direction de la refonte botanique et raffiné comme un magazine, en vert encre, lin et terre avec une seule touche de rose pivoine, de grandes photos de fleurs en lumière naturelle avec leurs légendes et des lettres fines et élégantes.
Vue « Accueil » de la refonte de Pivoine Buissonnière (fleuriste, Moudon)Vue « Accueil » du site d'origine de Pivoine Buissonnière (fleuriste, Moudon), avant la refonteAvantAprès
Accueil · agrandir l’avant · agrandir l’après
Vue « Présentation » de la refonte de Pivoine Buissonnière (fleuriste, Moudon)Vue « Présentation » du site d'origine de Pivoine Buissonnière (fleuriste, Moudon), avant la refonteAvantAprès
Présentation · agrandir l’avant · agrandir l’après
Vue « Bouquets de saison » de la refonte de Pivoine Buissonnière (fleuriste, Moudon)Vue « Bouquets de saison » du site d'origine de Pivoine Buissonnière (fleuriste, Moudon), avant la refonteAvantAprès
Bouquets de saison · agrandir l’avant · agrandir l’après
Vue « Accueil sur téléphone » de la refonte de Pivoine Buissonnière (fleuriste, Moudon), dans un cadre de téléphoneVue « Accueil sur téléphone » du site d'origine de Pivoine Buissonnière (fleuriste, Moudon), avant la refonte, dans un cadre de téléphoneAvantAprès
Accueil sur téléphone · agrandir l’avant · agrandir l’après

Physiothérapie

Physio Galet Bleu, Neuchâtel · concept de refonte

Un cabinet de quatre physiothérapeutes au bord du lac, avec prise de rendez-vous en ligne. Le portail en trois colonnes au texte minuscule devient une page apaisante, avec la prise de rendez-vous en ligne en quatre étapes.

  • Point de départ site de 2008 en trois colonnes, texte minuscule justifié, logo en simple image et rendez-vous par formulaire e-mail.
  • Direction de la refonte apaisant et pensé comme une application, avec des dégradés glacier, sauge et sable, des cartes arrondies, des icônes au trait fin et une réservation en quatre étapes.
Vue « Accueil » de la refonte de Physio Galet Bleu (physiothérapie, Neuchâtel)Vue « Accueil » du site d'origine de Physio Galet Bleu (physiothérapie, Neuchâtel), avant la refonteAvantAprès
Accueil · agrandir l’avant · agrandir l’après
Vue « Présentation » de la refonte de Physio Galet Bleu (physiothérapie, Neuchâtel)Vue « Présentation » du site d'origine de Physio Galet Bleu (physiothérapie, Neuchâtel), avant la refonteAvantAprès
Présentation · agrandir l’avant · agrandir l’après
Vue « Soins et rendez-vous » de la refonte de Physio Galet Bleu (physiothérapie, Neuchâtel)Vue « Soins et rendez-vous » du site d'origine de Physio Galet Bleu (physiothérapie, Neuchâtel), avant la refonteAvantAprès
Soins et rendez-vous · agrandir l’avant · agrandir l’après
Vue « Accueil sur téléphone » de la refonte de Physio Galet Bleu (physiothérapie, Neuchâtel), dans un cadre de téléphoneVue « Accueil sur téléphone » du site d'origine de Physio Galet Bleu (physiothérapie, Neuchâtel), avant la refonte, dans un cadre de téléphoneAvantAprès
Accueil sur téléphone · agrandir l’avant · agrandir l’après

Crédits photos

Photos Pexels, utilisées selon leur licence. Les mêmes photos servent à l’avant et à l’après.

Bistrot de la Pierrière, Lutry

Forge Orbeclair, Vallorbe

Hôtel Pravelin, Les Haudères

Maison Vernelle, Vevey

Colonne Juste, Fribourg

Pivoine Buissonnière, Moudon

Physio Galet Bleu, Neuchâtel

Mon rôle

  • Choix des secteurs et direction de chaque refonte
  • Orchestration des agents de développement
  • Relecture des captures et validation

Outils HTML et CSSClaude CodePlaywright

Voir les formules site web