Situer

Internet

Nous avons sélectionné certaines de nos créations de sites Internet décrivant notre démarche, présentant nos clients et les résultats obtenus. Nous avons ajouté pour chacune des fiches client une approche tarifaire.

Les sites présentés sont classés par types de professions. Il nous a semblé intéressant de les ordonner ainsi afin de mieux illustrer les différentes approches créatives en fonction du métier qu'elles concernent.

 NOTE :  il est possible que certaines de nos réalisations aient subi quelques décalages de mise en page. La prise en main des mises à jour faites par certains de nos clients occasionne parfois des résultats pas très heureux. Nous insistons donc sur l'importance de respecter la charte graphique du site telle qu'elle a été livrée.

Il était une fois 1992

En 1992, notre Portfolio Internet aurait à peu de chose près ressemblé à ça. Un Macintosh Classic II 68030 cadencé à 16 Mhz, gonflé de 10 Mo de mémoire vive. La bête !

 

Et c'est pourtant sur cette machine que nous nous sommes émerveillés, alors qu'Internet en était à ses tous premiers balbutiements.


A l'époque, nos créations graphiques devaient prendre en compte la lenteur de nos ordinateurs et nous obligeaient ainsi à toujours aller au plus simple dans nos idées et nos visuels, sous peine d'atteindre rapidement les limites de nos compagnons de travail, qui alors se retrouvaient figés, affichant cette fenêtre qui rappelera certains souvenirs aux graphistes de l'époque. Nous n'en étions cependant pas moins créatifs pour autant.

image plantage MAC CLASSIC
image sjnkmb

Glossaire

 Wireframe :  croquis ou montage simple, en général au trait, indiquant les zones de contenus d'un site Internet. Il permet de discuter sur l'ergonomie du site avant de se lancer dans le graphisme définitif. Il est indispensable dans le cadre de la création d'un site Internet.


 Charte graphique :   ensemble de règles fondamentales, graphiques et typographiques, permettant de créer l'image (identité) d'une entreprise.

 Cahier des charges :   ensemble des contraintes tant graphiques qu'ergonomiques permettant de définir les livrables attendus avant d'entamer le travail de design et de développement. Il précède les wireframes.


 Intégration :   action de mettre en ligne (et de programmer) tous les éléments nécessaires à l'habillage graphique, typographique et ergonomique d'un site internet. Cette tache peut vite devenir fastidieuse compte tenu parfois d'un grand nombre de pages et de médias à mettre en ligne.

 Responsive :   se dit d'un site Internet qui en fonction du terminal de consultation (ordinateur, tablette, smartphone), répond aux exigences d'affichage de celui-ci. Ainsi, certains visuels, textes et mises en page se modifient afin de rendre l'expérience de navigation la plus agréable possible. Cette pratique est soit automatisée, soit à programmer. Elle nécessite de nombreux tests afin de respecter au mieux la charte graphique mise en place. 

SJNKMB.com > Assurances

Mission

Réalisation de la charte graphique du site Internet de la société Sompo Japan Nipponkoa Martin & Boulart SAS, filiale du Groupe Sompo Japan Nipponkoa (SJNK) dont la maison mère, Sompo Japan Nipponkoa Holdings Inc., est située à Tokyo.

Etre sobre, dynamique, mettre en avant les couleurs du groupe et présenter clairement l'activité de l'entreprise.

Travail réalisé

• Charte graphique

• Wireframes

• 8 pages de design

sjnkmb.com

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

lafon.fr > technologies

Mission

Repenser entièrement le site Internet de lafon.fr afin de non seulement le rafraïchir mais aussi le faire migrer vers une solution CMS Drupal (développement externalisé). Notre essentielle préoccupation a donc été de créer la charte graphique du nouveau site lafon.fr tout en permettant aux autres sites Internet de Lafon Technologies de s'inscrire dans cette logique graphique. Toutes les pages produit ont été repensées, la navigation, le calibrage des textes ainsi que l'ergonomie du site.

Travail réalisé

• Chartes graphiques

• Wireframes

• 7 pages de design

lafon.fr

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

Charge Pulse by Lafon > technologies

Mission

Le site Internet (sous domaine) Pulse by Lafon, a repris l'intégralité de la charte insuflée dans le site Internet lafon.fr. En effet, cette forte identité s'est vue déclinée dans les tons de verts, respectant les codes écologiques mis en avant par le véhicule électrique et les bornes de recharge. Il fallait rendre le site dynamique et le monter au même rang que ses concurrents directs.
Ainsi, Pulse by Lafon, développé en externe sous Drupal, permet tant aux utilisateurs qu'aux administrateurs du site Internet une plus grande clarté et souplesse de navigation.

Travail réalisé

• Chartes graphiques

• Wireframes

• 7 pages de design

• pulse.lafon.fr

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

CECOGEB.com> économie

Mission

Principale mission du Cecogeb : être un Centre de Ressources et de Prévention économique pour la Très Petite Entreprise.

Réalisation de la charte graphique. Découpage des écrans et création des pages clefs du site Internet.

Il a fallu totalement repenser la charte graphique du site Internet du CECOGEB pour lui donner une dynamique attendue, à la hauteur de ses activités. Le choix s'est porté sur des éléments graphiques courbes donnant à la page d'accueil une approche ergonomique originale et une identité graphique très personnelle.

Travail réalisé

• Charte graphique

• Wireframes

• 5 pages de design

cecogeb.com

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

MA-SOURCE.fr > Boutique

Mission

Réalisation de la boutique en ligne. Adaptation de la charte graphique pour le site Internet. Intégration des produits et des pages de la boutique en ligne. Pour ce travail, il a fallu mettre en avant la pureté, la fraîcheur, la simplicité et l'esprit pratique de l'ultrafiltration Finecel.

Travail réalisé

• Charte adaptée

• 14 pages de design

• Wordpress

• WooCommerce
• Intégration

• Responsive

ma-source.fr

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

AMABOIS > Construction

Mission

L'inventeur du VERTICAMA : madrier de bois vertical, mettant à profit toute les qualités et composantes du bois, tant mécaniques, qu'accoustiques. Ce procédé unique permet de construire très rapidement des maisons en bois dont les caractéristiques en termes d'économies d'énergie sont surprenantes. 
C'est à peu près le cahier des charges qui nous a été confié pour réaliser le site Internet de la société AMABOIS. Un site "solide", coloré, beaucoup de visuels, qui donne envie en somme. 

Travail réalisé

• Charte graphique

• Wireframes

• 13 pages de design

• Intégration

amabois.fr

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

LESSORTIESDELARENARDE.org > Association

Mission

Réaliser un site Internet attractif, frais, ludique dans l'esprit des Sorties de la Renarde dont la mission principale est de faire découvrir le milieu naturel et culturel de l'Ile d'Oléron. Organisation de sorties pour les écoles, sorties week-end, sorties thématiques. Intégration de calendriers et de documents PDF à télécharger. Prise en main aisée par le client pour les mises à jour du site Internet.

Travail réalisé

• Charte graphique

• Wireframes

• 9 pages de design

• Intégration

lessorties...

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

SOPHIEGEOFFRION.com > Libéral

Mission

Sophie Geoffrion est philosophe praticienne. Il lui fallait un site Internet traduisant au mieux l'athmosphère feutrée et lumineuse de son cabinet de consultation philosophique. Outre cette activité, Sophie Geoffrion a développé depuis quelques années la marque Philoland, écrin de culture philosophique réunissant les arts du spectacle vivant, les causerie philosophiques, les dîners à thèmes et la philosophie pour la jeunesse.

Le site Internet réunit les deux grandes activités de la philosophe praticienne, sous un même design, permattant ainsi de mieux comprendre l'envergure et la portée de ses multiples activités.

Travail réalisé

• Charte graphique

• Wireframes

• 8 pages de design

• Intégration

• Responsive

sophiegeoffrion.com

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

fontan-joaillier.fr > bijouterie

Mission

L'ancien site Internet de la bijouterie joaillerie Fontan, situées en plein coeur de Bordeaux, avait été réalisé par les Pages Jaunes. La société Fontan a décidé de réaliser un nouveau site Internet, a ses couleurs, et représentatif de la qualité de fabrication de ses bijoux. Ce projet mûrement réfléchi a fini par voir le jour en un temps relativement rapide : moins de deux mois pour mettre le site en ligne.

Travail réalisé

• Charte graphique

• Wireframes

• 8 pages de design

• Intégration

• Responsive

fontan-joaillier.fr

Prix indicatif

fourchette de prix

cat picture

1 - 2 - 3

easy-colis.com > transport

Mission

Easy Colis est une solution de gestion des colis développée par CrossLog, qui s'interface avec les CMS Ecommerce (Prestashop, WooCommerce, Magento,...). Très innovant dans son concept et très simple d'utilisation, il devenait alors évident qu'un site Internet fait d'une seule page allait répondre à cette demande et renforcer la notion de simplicité.
En collaboration avec Sébastien Ripoll, graphiste, nous avons très rapidement mis le site en ligne en à peine plus d'un mois.

Travail réalisé

• Charte graphique

• Wireframes

• 1 page de design

• Intégration

• Responsive

easy-colis.com

Prix indicatif

fourchette de prix

cat picture

1

Site management