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 necessaires pour formaliser et cadrer le projet. Les arborescences, zonings et wireframes composent le cahier des charges et de specifications. 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 hierarchisation 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ées utiles et une ergonomie adapté aux usages des clients. Le parcours utilisateur à é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ées 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 élements en fonction des besoins ergonomiques tout en garantissant l'alignement et les proportions des élements les uns avec les autres. Un webdesign ainsi cadré garantit une bonne hierarchisation 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...

Découvrez ou redécouvrez comment nous réalisons des campagnes de communication originales et adaptées aux problématiques de nos clients ! Méthodologie, exemples et making-of, les étapes clefs de nos réalisations n'auront plus de secret pour vous.

Voir la suite

nouveau site Internet pour 4DViews

29/03

4DViews - Nouvelle identité et nouveau site

Voici notre dernière référence web : Le site Web de 4DViews 4DViews est une société spécialisée dans la conception de systèmes de capture vidéo multi-caméra 2D et 3D.

RT @cssawards: ColocArts by @colocarts - Featured @cssawards https://t.co/zYZCI9Q8sq #webdesign #onepage #css https://t.co/SOCZVjtbC8

Adobe qui nous rappelle ce qu'était le graphisme avant Illustrator :D

Voir la suite

Mention spéciale du jour sur @cssdesignawards On prend avec plaisir. Merci https://t.co/75AxtOyLsJ

Nous recherchons un développeur PHP. Hésitez pas à faire suivre https://t.co/cWCG4QIXIC #Grenoble #job #web #php… https://t.co/5O2MhLARst

Fier que notre nouveau site soit nommé sur @cssdesignawards Votez pour lui si vous aimez ! https://t.co/4QiWKdLcJT… https://t.co/HAjkZmUny9

Nous recrutons un(e) développeur Web. + D'info sur notre site. #job #grenoble #web https://t.co/8QKXKhHvnp

Bonjour ! Pour répondre à nos besoins croissants nous recherchons un(e) développeur confirmé, avec au moins 3 ans d’expérience. Si vous êtes intéressé, n'hésitez pas à postuler, via le formulaire de contact du site (objet "Recrutement") N'hésitez pas aussi à partager cette annonce ! Bonne journée !

Voir la suite

23/02

Recrutement : L'agence recherche un développeur Web

L'agence recherche un Développeur Web (H/F) en CDD de 6 mois à temps plein