Chargement

Chargement

Fermer

Fermer

Conception et réalisation de site Web

Conception et réalisation
de site web

Conception & Ergonomie
#CDC #zoning #wireframe

Aujourd'hui, posséder une vitrine web est indispensable mais ce besoin exprimé en cache d'autres. Souvent, il faut faire appel à des fonctionnalités qui au départ ne sont pas forcément visibles mais s'avèrent nécessaires pour répondre aux métiers spécifiques de chacun de nos clients. La phase de conception prend alors tout son sens. Nous vous écoutons afin de bien comprendre votre contexte et les objectifs de votre futur site internet. Ensemble nous travaillons à cerner vos cibles et leurs usages. Quel est votre public ? Que vient-il chercher sur votre site ? Quel sera leurs parcours utilisateurs ? Quels usages et interactions auront-ils avec la plateforme ?

Lors de la phase de conception, nous réalisons tous les documents nécessaires pour formaliser et cadrer le projet. Les arborescences, zonings et wireframes composent le cahier des charges et de spécifications. Ce travail se présente sous la forme d'une maquette composée de blocs et de contenus disposés schématiquement. Véritable "patron" de votre site, cette phase nous permet d'imaginer et de valider avec vous la disposition des éléments, l'organisation et la hiérarchisation des informations, ainsi que la navigation.

Wireframe et mockflow site Internet

Ainsi nous parcourons vos problématiques et rédigeons la réponse fonctionnelle que nous souhaitons leurs apporter. Cela prend la forme d'un cahier des charges et des spécifications où les fonctionnalités de la plateforme sont détaillées, où les rôles et leurs possibilités d'administrations sont précisés. Cette phase en amont de la production permet également de mettre l'accent sur les contenus et le référencement. L'objectif est d'intégrer au plus tôt un contenu exhaustif et pertinent afin que le site soit opérationnel dès sa sortie.

Client :
Centre Commercial Fontaines des Clairions

Arborescence de site Internet

Une ergonomie et un design repensé...

Réalisation de site Internet Responsive sur tous les supports

Nous avons réalisé le nouveau site internet de La Galerie Fontaines des Clairions. Fort de notre expérience avec des centres commerciaux sur toute la France, nous avons orienté la conception du site en imaginant les besoins du public du centre, mais aussi ceux des administrateurs de la galerie et des boutiques. En découle des fonctionnalités utiles et une ergonomie adaptée aux usages des clients. Le parcours utilisateur a été étudié afin de proposer une arborescence efficace et un design adapté à l'image du centre.

Webdesign & Responsive
#modernité #charteGraphique #grille

Un webdesign réussi doit s'inscrire dans les dernières tendances graphiques du web, tout en y apportant l’intemporalité nécessaire à une durée de vie de plusieurs années. Il doit bien évidement respecter votre charte graphique, point de départ de l'inspiration du graphiste et il doit toujours privilégier le contenu et sa lisibilité à la forme et au graphisme. Un site doit être à la fois simple, esthétique, fonctionnel et accessible, s'adresser au plus grand nombre tout en apportant une empreinte graphique forte et reconnaissable.

Refonte de site Internet - Webdesign avant et après

Le responsive design est une technique qui permet au site internet de s'adapter aux différentes résolutions d'écrans disponibles et d'universaliser son affichage sur les différents appareils : ordinateurs, tablettes, téléphones et nouveaux devices à venir. C'est donc une véritable solution stratégique à long terme et ses avantages sont nombreux. Les internautes se connectent de plus en plus souvent depuis leur téléphone ou leur tablette, les sites internet doivent savoir s'adapter à ces nouvelles modalités de connexion.

Client :
Minalogic

Pôle de compétitivité mondial des technologies du numérique, Minalogic nous a missionné pour la refonte graphique et technique de son site internet. Les objectifs étaient multiples : véhiculer un nouveau positionnement dans un site vivant, attractif et représentatif d'un écosystème dynamique et retransmettre les contenus et l'offre de service de manière lisible et accessible.

Exemple de wireframe Zoom sur la refonte du site de Minalogic

Un menu dynamique présent sur toutes les pages afin de faciliter la navigation

Un calendrier fonctionnel, ergonomique

Les réseaux sociaux présents dans le header

Mise en place du webdesign en utilisant des grilles

La structure du site est basée sur une grille de 12 colonnes. La grille permet au webdesigner de positionner ses éléments en fonction des besoins ergonomiques tout en garantissant l'alignement et les proportions des éléments les uns avec les autres. Un webdesign ainsi cadré garantit une bonne hiérarchisation des éléments et une bonne lisibilité de l'ensemble des pages.

Développement & Production
#CMS #surMesure #e-commerce

En fonction des besoins et des contraintes, nous pouvons nous diriger vers plusieurs solutions techniques à notre disposition. Nous sommes spécialisés sur le CMS Drupal, c’est la solution que nous utilisons lorsque la demande se fait autour d'un Open-source. Pour des solutions e-commerce, nous travaillons sous Prestashop. Lorsque le besoin est spécifique ou que l’utilisation d’un CMS n’est pas contrainte, nous développons nos sites sur-mesure. Cela nous donne une maitrise totale sur les fonctionnalités à développer et une plus grande souplesse pour l’intégration de webdesign complexe.

Présentation du projet de refonte du site de Saint Etienne Métropôle - portail de compétitivité

Client :
Saint-Étienne Métropole

Page d'accueil et comparateur de compétitivité de Saint Etienne

Dotée d’un patrimoine culturel conséquent et d’une grande richesse industrielle, la métropole de Saint Etienne projette de devenir la capitale française du design. C’est dans ce sens que nous avons réalisé leur nouveau « Portail d’attractivité ». Le site est développé sous Drupal, CMS open source permettant l'administrabilité des contenus.

Décomposition d'une image en SVG

Pour optimiser les contenus graphiques nous avons utilisé le format SVG (Scalable Vector Graphics), dont le type SVG-t est spécialement conçu pour les périphériques mobiles.

Developpement de site sous Symphony 3
Mise en place du site sur les devices mobiles

Flat design & Animations

Une des particularités du site réside dans sa partie "comparateur de compétitivité" que nous avons imaginé de manière très graphique dans un style "Flat Design". Ce style se caractérise par l'utilisation exclusive d’aplats de couleurs et de formes simples. Les développeurs ont apporté beaucoup de soins aux animations dynamisant la page et à l'utilisation de la parallaxe.

Hébergement & Déploiement
#recette #tests #miseEnLigne #serveurs

La mise en production d'un site internet est toujours stratégique. Les phases de tests sont nombreuses, les dernières retouches sont réalisées pour assurer un déploiement confortable pour nos clients. De la mise en ligne simple, à la soumission aux moteurs de recherche jusqu’à la mise en place de redirections lorsqu’il s’agit d’une refonte de site, nous nous occupons de tout.

Client :
Beauchamp

Site Internet de Beauchamp

Email

Proximité

Support continu

Sécurisé

Une fois le site mis en ligne, nous suivons de près son bon fonctionnement nous vous accompagnons pour vous assurer autonomie et maitrise de l’outil que vous avez en main. Les sites web que nous réalisons sont déployés sur des serveurs d’hébergement sécurisés avec un support continu. Les espaces d’hébergement sont évolutifs et adaptés à vos besoins. Nous pouvons également nous occuper de la gestion de vos e-mails et transférer vos anciennes boites vers celles de votre nouveau nom de domaine. Nous proposons aussi des contrats de maintenance qui permettent d'assurer une sauvegarde régulière mais aussi d'intervenir rapidement lors de dysfonctionnements.

Références clients

Actualité et Social

Suivez l’actualité de l’agence...

01/08

Un nouveau site web pour Rezo Formation

Lauréat du prix « Espoir de l’Économie », décerné par la Chambre de Commerce et d’Industrie de Grenoble en 2016, Rezo Formation nous a confié la refonte de leur site internet.

Focus sur notre étude de cas "Conception et réalisation de site Web" On vous explique notre process de travail pour la création de site Internet avec quelques petits exemples et de jolies images.

Voir la suite

le "habilletoicommetoncollègue" Challenge continue ! 😆

Voir la suite

Quand tu viens sapé comme ton collègue...la semaine commence bien !

Voir la suite

Des fois, quand on se balade dans le dossier de l'agence sur le réseau, on trouve des trucs. Des trucs pas finis, des trucs finis mais qu'on veut absolument pas montrer et des trucs qu'on aurait bien voulu montrer à tous le monde. A la base, pour la sortie du site, on voulait mettre en place un KONAMI CODE qui aurait changé la vidéo par celle-ci. J'imagine qu'on a dut avoir...

Voir la suite

Château de Vizille et Musée de la Révolution Française

16/07

Château de Vizille : Médiation numérique & interactive

Vous cherchez un petit coin de fraîcheur dans les environs de Grenoble ? Nous vous conseillons le remarquable domaine du Château de Vizille ainsi que le Musée de la Révolution française pour lequel nous avons réalisé deux dispositifs numériques.

Merci à Azur Adhesifs pour ce beau calendrier de suivi des matchs ! Et 1, et 2, et 3 collez! Allez la France! 🇫🇷

Voir la suite

Tournage tuto makeup Givenchy 🎥 En partenariat avec Crea Tive et Pierre Reynard.

Voir la suite

Bravo à notre client pour son remarquable mur LED exposé au Meet in Grenoble. 👌 #technicalevents #plaquettebycolocarts

Voir la suite

14/05

Un plan de communication pour Kids' Art

En panne d’idées pour la fête des mères ? Nous avons un super bon plan à vous proposer ! Cliquez sur cet article pour en savoir plus.