trame communication visuelle : Accueil : Web
image

Giammarino & Fils

Graphisme Web
Web Design pour le site Giammarino & Fils société de jardiners paysagistes.
Cette interface intègre une galerie d'images avec défilement de celle-ci en miniature.

par Julien Sakotic / apprenti

le web 2.0

Qu'est-ce que c'est et pourquoi choisissons-nous cette nouvelle démarche conceptuelle
L’ergonomie d’un site vise à conduire le visiteur le plus rapidement possible à l’information recherchée. Plus encore, on sait qu’ergonomiquement, une page est d'abord perçue dans son intégralité avant d’être visitée en détail par l'utilisateur.

Un site à beau être technique, l'internaute n'en a préalablement pas conscience.
Ce qu'il voit en premier lieu c'est le visuel qui lui laissera une trace (une photographie mentale) et dont il attribuera les qualités au produit ou au service.

Pour que tous les éléments d'un site soient agréables et attirants, nous possédons diverses méthodes visuelles pour les valoriser. Entrent en compte, par exemple, la typographie, la couleur, l'encadrement, les aplats, les dégradés, les effets de volumes, de mouvement et de transitions.

Pour donner des exemples, on verra très peu de grandes entreprises qui n'ont pas établi de charte graphique appliquée à leur communication virale (sur le web). Si on regarde les sites d'Apple, de Microsoft, voir même des entreprises nationales telles que Migros ou Coop, les visuels correspondent à l'idée qu'on possède du produit. Les couleurs sont reprises, les logos aussi, et à travers du graphisme, on transmet la politique de l'entreprise ainsi que sa philosophie.
Le webdesign qu'on appelle webdesign 2.0 de nos jours peut être résumé en deux aspects. La partie technique et la partie communication.

Le niveau technique correspond aux outils employés (Ajax, java script, flash etc.). Ces outils ont pour but de faciliter la navigation et l’ergonomie ainsi que de proposer des effets visuels intéressants (transitions de pages, navigation mobile, slideshow).

Le niveau communication correspond au concept de partage et de diffusion de l’information, mais également à la hiérarchisation des textes (taille, couleur, polices), à l’approche de la navigation (parcours plus exploratoire voir sensoriel de la page), à la présentation des éléments de contenus (ombres portées, réflexions, previews) tendant de ce fait à faire de l’interface un « objet virtuel » et à donner de la trois dimensions à l’écran. On mise donc sur une approche plus ludique du visuel, axée sur la lisibilité et la disponibilité de l’information.

Les internautes ne sont plus spectateurs, mais deviennent acteurs, l’interface devient objet de communication.

image

Graphisme Internet Villars-sur-Glâne

Design du site communal officiel
Réalisation de l'interface web d'une commune. Trame communication visuelle est particulièrement présente dans la réalisation graphique de projets administratifs tels que diverses communes, projets fédéraux (SECO) et autres.
www.villars-sur-glane.ch
retour en haut de page
image

UTS Transaction

Web design du site internet pour UTS Transaction
Site de transactions monétaires sécurisées online
www.uts-transactions.com
image

Design d'interface web pour Iphone

Webdesign Egovernment
Graphisme web décliné pour PDA et smartphones dans le cadre du projet Egovernment (Interface déportée des communes de Suisse)

SECO - Bilan final positif pour la SuisseID
Berne, 13.01.2011

En lançant la SuisseID en mai 2010, la Confédération a voulu favoriser la percée de la voie électronique pour les transactions d’affaires en Suisse. L’introduction accélérée de la preuve d’identité électronique a été décidée par le Conseil fédéral et le Parlement dans le cadre de la troisième phase des mesures de stabilisation conjoncturelle. Le nombre prestataires proposant des possibilités d’utilisation de la SuisseID est passé à plus de 110 en l’espace de huit mois. L’offre a séduit avant tout des grandes villes et des communes. Au 31 décembre 2010, plus de 271 000 SuisseID ont été commandées. Le financement prévu à cet effet a été ainsi entièrement utilisé. En 2011, le SECO poursuivra le dialogue avec des experts en sécurité et l’analyse des résultats de l’enquête de 2010.

Pour visiter l'interface mobile:  mobile.cyberadmin.ch
image

Lapati.ch

Bientôt en ligne
Web design d'un site de patinoires mobiles
image

Sidice

Depuis peu sur la toile!
Web design pour le site internet de sidice, société de traduction, basée à Fribourg.
Cette interface associe un graphisme original et une ergonomie audacieuse aux fonctionnalités d'un CMS simple.
www.sidice.ch
image

Hemmer

Graphisme web
Web design d'un site de partenaire (en cours de développement).

www.hemmer.ch
partenaires
image

Meubles Gaille

Web design et graphisme du site Internet Meubles Gaille.
Interface Web destinée au professionels et au grands publics.
www.meublesgaille.ch
image

La Tuffière

Site web
Réalisation du web design de l'association culturelle La Tuffière
www.latuffiere.org
retour en haut de page
image

Commune de Marly

Graphisme web
Web design du site internet de l'administration communale de Marly
www.marly.ch
image

Mobilis

Web Design du site internet pour Mobilis
Réalisation graphique intégrant une interface web de shop en ligne.
www.mobilis.ch
image

Design web du site officiel de Jo Siffert

Graphisme de plateforme internet
Réalisation graphique du site du célèbre pilote de F1 Jo Siffert, design de l'identité visuelle de la plateforme ainsi que concept et réalisation des divers supports de communication
www.josiffert.com
image

SIte officiel de la fédération internationale de grappling

Mandat FILA
www.fila-grappling.com
image

romontours

Graphisme web
Web design d'un site d'une agence de voyage
image

Gardencenter.ch

Web design du site internet pour Gardencenter
Interface d'un shop de jardinage en ligne
www.gardencenter.ch
image

Page Architectes

Graphisme web
Web design d'un site de partenaire
image

Pamisa

Web design du site internet pour Pamisa
Réalisation de l'interface graphique intégrant un shop en ligne qui regroupe un large choix d'assortiment de vins venant d'Espagne
www.pamisa.ch
retour en haut de page
image

Commune d'Ependes

Graphisme Web
Web design du site internet de l'administration communale d'Ependes
image

Web design axiome management sa

Graphisme du site internet
Réalisation graphique de l'interface web d'Axiome Management proposant ses services dans le domaine de la planification, du management et de la réalisation de projets de construction.

www.axiome-sa.ch
partenaires
image

Innesco

Web design du site internet pour Innesco
www.innseco.com
image

ESL

Web design du site internet pour ESL
Spécialiste des séjours linguistiques à l'étranger
www.esl-languages.com
image

Fila Olympic TV

mandat FILA
Youtube TV
Projet en cours de réalisation.
image

Web design The best of Spa / Le meilleur du Spa !

Réalisation graphique web en triptyque
Concept et Webdesign de 3 interfaces internet de produits liés à l'univers du Wellness spas, sauna et hammams.
www.thebestofspa.ch
image

Mobilis

Graphisme web
Web design d'un site de commande de mobilier
image

La Clinic

Graphisme du site web
Web design du site de La Clinic Montreux
image

Egovernment / SECO

Design de la plateforme administrative déportée des communes de Suisse.
Cette interface est le produit du projet Egovernment initié par le SECO (Secrétariat d'Etat à l'économie). Il s'agit d'un service précurseur en Europe, de prestations administratives en ligne.
Ce web design est disponible au skinning en 4 teintes différentes et en déclinaison interface Iphone.
portals.cyberadmin.ch
image

PME ADMIN

Site Web
image

UNIFR Faculté des lettres

Graphisme Web
Réalisation du Web design pour l'Université de Fribourg / Faculté des Lettres
lettres.unifr.ch
image

Design du site Internet DUNIA

Graphisme 2010
Réalisation graphique de la plateforme web d'un magasin de design intérieur et extérieur destinée au grands publics.
www.duniadeco.com
image

Commune d'Aclens

Graphisme web
Réalisation du web design du site internet de l'administration communale d'Aclens
image

Worldconference

Web design du site internet pour World Conférence
Réalisation de l'interface web proposons des vidéos-conférences en haute définition.
image

design web Piccolo

Graphisme web à moindre coût en partenariat avec l'entreprise Hemmer.ch
Piccolo vous permet d'obtenir un site internet au design soigné à moindre coût. Le concept graphique joue sur les transparences permettant ainsi de changer d'ambiance de couleur en quelque clics.
www.hemmer.ch
retour en haut de page
image

Ioware

Webdesign du site internet pour Ioware
Site de mise en place de solutions logicielles.
www.ioware.ch