Qu’est-ce qu’un CMS ?

Un CMS est un Content Management System, un Système de Gestion de Contenu (SGC en français). Un CMS est un logiciel web permettant de créer un site internet dynamique simplement. Un outil de « CMS » est un site web disposant de fonctionnalités de publication et offrant en particulier une interface d’administration (back-office) permettant à un administrateur de site de créer, organiser les différentes rubriques et mettre à jour les informations du site.

Les systèmes de gestion de contenu sont une famille de logiciels de conception et de mise à jour dynamique de sites web, partageant les hyperliens, référençant les articles, dôtés d’un moteur de recherche sur le texte ainsi que des tris spécifiques (par auteur, date de modification, etc…).

Idéalement, un CMS doit posséder un système de workflow permettant à une équipe rédactionnelle de travailler simultanément sur le contenu du site et à un responsable de publication de valider les différentes contributions avant leur mise en ligne. Les articles et le contenu du site sont stockés dans une base de données, tandis que des templates (modèles de pages) définissent la présentation du contenu.

Classiquement, un CMS propose une présentation sous forme de boîtes, la plupart du temps organisées en trois colonnes. La plupart des CMS disposent d’un fil RSS mis à jour automatiquement lors de la publication de nouveaux articles.

Comment fonctionne un CMS ?

Un CMS est constitué d’un ensemble de fichiers lisibles par un navigateur, généralement écrits en PHP, et d’une base de données (généralement MySQL) contenant l’ensemble des informations du site internet.

Séparation de la forme et du contenu
La mise en forme du site est assurée par l’intermédiaire de templates et des fichiers de CSS. Le système de templates permet d’uniformiser la navigation et l’arborescence et de changer facilement l’interface. Pour ce qui est du contenu, la grande majorité des CMS stockent les informations dans des bases de données, ce qui permet de la réutiliser à plusieurs endroits et de les modifier.

Gestion simplifiée du contenu
Une personne connaissant les fonctionnalités d’un traitement texte est capable de gérer les bases d’un site internet CMS. Il est possible de hiérarchiser les types d’utilisateurs du CMS. Les fonctionnalités sont multiples selon les plate-formes. Ces fonctions peuvent être basiques comme par exemple le droit de lecture ou d’écriture d’un article, ou plus élaborées comme un droit de modération d’autres utilisateurs. On peut donc travailler à plusieurs sur le même document et spécifier des droits pour chaque utilisateur, ce qui améliore considérablement la qualité de l’information. De plus l’interface peut se gérer de n’importe où, grâce à une maintenance du site décentralisée.

Méthodes de rangement de l’information
La majorité des systèmes CMS offre la possibilité de catégoriser l’information afin d’améliorer les moyens de recherche. Il est donc possible de créer des catégories de contenus, des sections (ou rubriques) voire des mots clés ce qui favorise l’indexation.

Solutions Open Source d’Interactive Studio

L’équipe d’Interactive Studio crée pour vous le design et le contenu de vos sites internet Open Source : Développement média, éditorial et publication. Nous maîtrisons les meilleurs CMS Open Source PHP tels que Joomla!, Magento, Drupal, Workpress et Prestashop…

Interactive Studio est à l’écoute de vos projets de sites web et vous conseille sur les diverses solutions Open Source qui s’offrent à vous. Notre engagement est de permettre à nos clients de savoir tirer profit d’internet, et d’en faire un outil de développement pour leur entreprise. C’est donc sur cette base que nous travaillons avec des valeurs de proximité et d’efficacité pour vos projets de sites internet.

Elu meilleur CMS Open Source cette année, Joomla! est le CMS Open Source le plus souvent utilisé. Chaque projet est soumis à notre analyse pour proposer les meilleurs solutions Open Source PHP.

Notre équipe experte vous accompagne tout au long de votre projet web ! A travers nos projets internet CMS, Interactive Studio s’occupe pour vous d’intègrer l’ensemble des services liés à la création de votre site internet, aide et conseille à la définition stratégique tout en s’occupant de la création de la charte graphique et d’une interface originale.

Voir ci-dessous différents projets de sites internet développés sur Joomla :

Voici les différentes solutions Open source développées chez Interactive Studio pour concevoir de votre site internet :

WORDPRESS

WordPress est un système de gestion de contenu qui permet de créer et gérer facilement l’ensemble d’un site web ou simplement un blog. Élu meilleur CMS Open source 2009, WordPress est un des CMS les plus répandus. C’est d’ailleurs la plateforme de blogging majoritaire. En plus d’être un logiciel gratuit, WordPress est personnalisable avec de nombreux thèmes et plugins.

Créé en 2003, cette plateforme propose une installation et une gestion très simple d’utilisation. La prise en main est immédiate. Néanmoins, la recherche de thèmes et de plugins demeure assez fastidieuse de par son nombre important. WordPress se révèle puissant dans le référencement SEO et sa simplicité de mise à jour de contenus. Bénéficiant de plugins et de modules additionnels, Worpdress permet des mises en pages riches, des dispositifs E-Commerce ainsi que la transformation de blog en Application iphone…

WordPress s’avère idéal pour la création de site vitrine, d’un blog et de petit ou moyen portail d’information.

DRUPAL

Drupal, proche de WordPress permet une prise en main aussi efficace. Plateforme plus technique, Drupal possède un grand nombre de modules pour gérer les publications, l’organisation et les droits d’accès d’une communauté d’utilisateurs. Drupal possède des caractéristiques particulières lui permettant de gérer un flux important d’information : un espace utilisateur, un espace de création de contenu, un forum et une galerie d’images intégrés, la possibilité de recevoir le contenu par email ou logiciel…

A l’inverse de WordPress, Drupal ne propose pas de solution d’hébergement. Plus puissant mais aussi plus complexe, Drupal permet de développer des sites portails et institutionnels très complets. L’administration est en revanche plus simple pour l’utilisateur.

JOOMLA!

Elu meilleur CMS Open Source en 2011, Joomla! est un système de gestion de contenu libre, entièrement gratuit. Il est écrit en PHP et utilise une base de données MySQL. Parmi les fonctionnalités, on relève la présence des flux RSS, création de news, une version imprimable des pages, des blogs, des sondages, des recherches. Joomla! est le système de gestion de contenu le plus complet et le plus utilisé de manière généra comme un forum, une boutique en ligne, galerie photos, etc…

Simple d’utilisation, Joomla! offre également un maximum de fonctionnalités. La solution Open source Joomla peut être idéale pour un site portail ou encore pour un petit ou moyen e-commerce. Son administration permet par exemple de créer un site institutionnel complet ainsi qu’une boutique de vente par correspondance.

Solution Open Source pour le E-Commerce

MAGENTO

Magento est une solution e-commerce open source développée par la société Varien. Magento propose un nombre considérable de fonctionnalités. Doté d’une très grande flexibilité, il permet de contrôler totalement l’aspect, le contenu et les fonctionnalités de votre e-shop (ou boutique en ligne). D’une ergonomie exemplaire, très riche en fonctions, Magento est surtout simple et agréable à l’utilisation et donne une vraie dimension professionnelle à votre boutique. Il est recommandé d’utiliser la solution Open source Magento pour le moyen ou gros e-commerce de vente à distance. C’est une plateforme très puissante qui répondra à toutes vos ambitions de vente en ligne !

PRESTASHOP

Prestashop, entreprise française, est un CMS dédiés aux sites marchands, vente par correspondance. Prestashop est lui aussi très simple d’utilisation et d’installation. Vous disposerez ainsi d’un « store » de plugins pour améliorer son magasin et d’un catalogue de thèmes bien fourni pour en modifier l’apparence. Si vous souhaitez monter votre commerce de vente à distance avec un nombre raisonnable de produits, Prestashop est suffisamment bien conçu et simple d’utilisation pour répondre à vos attentes.

Le Système de Gestion de Contenu s’avère extrêmement utile dans la création de sites vitrine, plaquettes ou portail d’information, dans la réalisation de sites e-commerce, pour la création de blogs. La diversité et la richesse qui constituent les applications CMS permettent de meilleures réponses à toutes types de demandes.


N’hésitez pas à faire appel à l’équipe d’Interactive Studio pour vous conseiller et mener à bien vos projets de création de site internet basés sur Open Source CMS

Vous souhaitez créer un site mobile ? Lancer une campagne de communication avec QR codes ?

Interactive Studio s’en charge pour vous ! Que ce soit pour les besoins d’un site immobilier, d’un restaurant ou toute autre activité commerciale, si vous voulez booster votre visibilité, il est indispensable de booster son activité grâce à un système révolutionnaire : les QR Codes, un vrai plus dans votre campagne de communication.

Le QR Code est un code similaire au code barre mais cette fois, en 2 dimensions. A l’origine le QR Code est une invention japonaise mise au point en 1994 par la société Denso-Wave. Pour faciliter son adoption, la société a décidé de standardiser le procédé qui permet de créer et de lire les QR Code, s’il s’agit de la norme ISO /EIC 18004.

Le QR Code permet de stocker un grand nombre d’information dans une taille réduite. Ils sont lus essentiellement par des smartphones comme l’IPhone via une application dédiée. Le smartphone lit le code via son appareil photo intégré et le logiciel décode le QR Code. Dans la plupart des cas, les QR Code mènent vers une page Internet, mais s’étendent à d’autres applications.

Il est possible de créer un code QR à partir d’un texte, adresse url, image, ou encore un numéro de téléphone… Grâce au code QR vous annoncez la promotion de votre blog, développez des carte de visites, des flyers, ou encore affiches publicitaires…

Conditions d’utilisation du Code QR

• Votre site internet doit être adapté aux téléphones mobiles c’est à dire sans « flash» , avec une largeur fluide, sans les colonnes, vidéos intégrées de façon adaptée.

• Il est impératif d’utiliser des applications fiables, quel que soit le contenu du QR code par exemple BarcodeScanner (android), Qrafter (iphone) pour le large choix de fonctionnalités supportées et i-nigma pour sa compatibilité avec de nombreux modèles et pour les Blackberry, QR code Pro Scanner.

• Les QR Codes ne doivent pas être trop petits sur vos supports de communication car ce sont des appels à l’action !

• Nous informons sur ce que va apporter le scan du QR code : coupon, vidéo, photos, publicité…

QR Code : Les Avantages Commerciaux

L’avantage du QR Code est sa petite taille. Bien que suffisamment petit pour être imprimé sur de nombreux supports, il permet de stocker presque 1000 fois plus de données qu’un simple code barre. Une fois lu par le smartphone du consommateur, le QR Code peut mener directement sur la page web du fabriquant du produit ou sur une page particulière qui fournira au consommateur des informations exclusives ou des avantages particuliers.

Exemple : On peut imaginer un site d’Immobilier proposant un QR Code dans sa vitrine, permettra au consommateur de mémoriser l’annonce sur son téléphone par exemple, ou encore, d’être redirigé sur une page web qui contiendra une publicité ou une video… Les possibilités sont nombreuses sur ce type de support.

Une autre application consiste à imprimer un QR Code sur une publicité papier. L’annonceur peut ainsi directement rediriger le prospect vers une page Internet qui fourni tous les détails de son produit.

L’utilisation du QR Code est grandissante, comme le témoigne la progression qu’affiche Google Trends, mais on peut dire que le tag 2D n’est pas encore entré dans les habitudes des consommateurs. Beaucoup de personnes se demandent encore à quoi servent ces nouveaux « petits dessins » qu’on commence à voir un peu partout, tout en leur évoquant une grande curiosité sur ce qu’ils renferment.

Design Code QR

Il est important de souligner que le QR Code possède un algorithme de correction qui permet la lecture de codes altérés ou partiellement détruit. Cela permet une certaine tolérance. Ainsi les QR Codes peuvent contenir des images. Nous nous chargeons également de designer votre QR Codes. L’intégration d’images ou de dessins dans un QR Code permet de rendre celui-ci plus attractif et incite donc à son utilisation.

Pour créer des codes avec des images ou photos, on commence donc par générer le QR Code puis on ajoute une ou plusieurs images et on teste le code. Si le lecteur de QR Code n’arrive pas à lire le code il faut alors réduire l’image intégrée. Heureusement, les codes QR sont malléables et peuvent être travaillés graphiquement de plusieurs façons, sans en affecter leur habilitée de numérisation. La vérité est que les codes QR n’ont plus à ressembler à une planche de jeu d’échec. Nous entrons dans une nouvelle ère de codes QR très design pouvant être agencés graphiquement à votre prochaine campagne publicitaire.

Vous pourrez grandement améliorer le «look» de votre code QR en arrondissant les bordures de celui-ci. Il n’est pas nécessaire d’arrondir tous les coins, mais adoucir les rebords fera certainement une grande différence au niveau de l’esthétisme du code.

Dans l’exemple suivant on voit le même QR Code avec et sans image (vous pouvez tester avec votre smartphone) :

Lire un QR Code sur son smartphone

Les lecteurs de QR Code sont disponibles sur le portail d’applications dédié à votre smartphone. Voici les deux principaux :

• QRCode pour IPhone

• Zxing pour Android

D’autres applications se révèlent parfois plus efficaces que d’autres. Ce phénomène dépend de la façon dont l’application gère l’appareil photo numérique intégré dans le smartphone.

En France, plus de 20000 jeux concours en ligne sont organisés par an. Ils sont de plus en plus nombreux et concernent tous les secteurs d’activité. Cette stratégie marketing à part entière permet aux marques organisatrices de générer d’avantage de trafic sur leur site et d’établir une relation client privilégiée.

La demande

L’équipe d’Interactive Studio a été sollicitée pour organiser le jeu concours online de la marque Overso Paris. Le jeu concours permet principalement à une marque de créer du trafic, prospecter et établir un fichier de contacts qualitatifs autant que quantitatifs. Par rapport à la création de jeux concours en offline, celle qui est réalisée sur internet est particulièrement appréciée puisqu’elle permet de calculer précisément ses retombées.

En effet, l’organisation d’un jeu-concours demeure la stratégie marketing gagnante pour atteindre de multiples objectifs : recrutement de prospects, fidélisation, acquisition de trafic, génération de leads qualifiés, créer de la notoriété, développement du nombre d’abonnés à sa newsletter, acquisition d’une base de données qualifiée, c’est-à-dire récupérer des coordonnées pour une prospection qui suivra (opt-in : l’internaute accepte de recevoir des offres de la marque).

Etape 1 : Définir l’objectif et la cible de la marque

Dans un premier temps, comme toute opération marketing sur internet, les objectifs doivent être déterminés. Les objectifs principaux de la marque Overso étant d’augmenter son trafic sur le site internet Overso.fr, acquérir une base de données de mail qualifiée ainsi que fidéliser la clientèle et augmenter sa notoriété.

Les demandes de la marque clairement définies, il est indispensable de définir la cible. Découlant en partie des objectifs à atteindre, viendra ensuite la détermination de la cible à toucher par le jeu concours (grand public, professionnels, tranche d’âge, centres d’intérêt…). Dans le cas présent il s’agit d’une cible homme/femme entre 20 et 50 ans, active, et dont les bijoux sont un des principaux centres d’intérêts.

Ces critères impliquent des choix en termes de création graphique, de mécanisme de jeu, de longueur du formulaire d’identification. Il est essentiel de soigner le graphisme et l’ergonomie du jeu concours pour rassurer et attirer les participants car la compétition ne manque pas !

Etape 2 : Choisir la mécanique de gain adaptée

Opter pour un mécanisme de jeu simple et original, c’est vous permettre non seulement d’optimiser le nombre d’inscrits mais aussi de favoriser la viralité.

Appliquée à la marque Overso Paris, c’est la mécanique du tirage au sort qui a été déterminée, puisque l’objectif principal était la création d’une base données qualifiée et d’une meilleure visibilité de la marque. Le tirage pondéré au nombre de mails générés est un moyen simple d’y parvenir rapidement.

Une fois sur la page du jeu concours, le participant peut s’inscrire gratuitement et ainsi obtenir une chance de gagner un lot. Plus le participant recommande le jeu concours à ses amis, plus il multiplie ses chances de gagner. Il est donc proposé au participant d’inviter ses contacts à profiter du jeu concours. Une manière ainsi de récolter beaucoup d’informations sur les joueurs et/ou conquérir de nouveaux clients via des invitations à laisser les emails de vos amis. Notre équipe s’est également occupée d’établir un bon référencement naturel du jeu-concours Overso afin d’offrir une visibilité maximum. Ce référencement peut être accentué en partageant la page du concours sur Facebook et sur Twitter.

Etape 3 : Définir des dotations attractives et cohérentes avec sa cible

Les primes en jeu sont les meilleurs arguments de promotion du jeu. Bien choisir le ou les dotations du jeu est essentiel pour cette stratégie d’e-marketing. Par ailleurs, il est indispensable de choisir un lot qui corresponde aux centres d’intérêt de la cible. C’est pour ces raisons que la marque Overso Paris a proposé les MUST HAVE de sa collection avec la gamme Pearly et la gamme Hypnotic Vanity for Boyz and Girlz.

La qualité des dotations est très importante, c’est ce qui va attirer l’internaute vers le jeu concours. Selon la population visée, il est donc souhaitable de demander conseils à notre équipe car le choix est complexe et se fonde en grande partie sur l’expérience.

Il est obligatoire d’avoir recours à un huissier pour déposer le règlement du concours en précisant la date du jeu, la valeur des dotations ainsi que les modalités de remboursement des frais de participation.

La conception d’un jeu concours viral en ligne peut rapidement devenir très complexe : design, développement, gestion de newsletters, création de mailers…

CLIQUEZ ICI POUR PARTICIPER AU CONCOURS

L’arrivée de la nouvelle gamme de produits de la marque OVERSO « Collier Dreamcatcher » incrustée de diamants, a été l’occasion pour le Studio de créer une animation originale, visible sur le site www.overso.fr.

Le produit présenté est un collier incrusté de diamants, au symbole amérindien qui, selon la légende, éloignerait les mauvais esprits. Pour demeurer cohérent avec la connotation du produit, l’action se déroule dans un village indien.

Etape 1 : Le story-board

Au commencement, l’idée principale était définie, et axée sur l’interaction entre une grand-mère indienne et sa petite fille, effrayée par les mauvais esprits du village. La scène a lieu au milieu du désert de l’Arizona, au milieu d’un village indien. Devant la frayeur de sa petite fille, la grand-mère lui offre alors un « Dreamcatcher»  pour la protéger des mauvais rêves.

Story-board au crayon

Les scènes de la future animation étant définies, nous avons ensuite travaillé les images au dessin pour définir nos plans avec plus de précision ainsi que l’ambiance graphique à recréer sur informatique. Sur cette étape, chaque image a été dessinée et colorée au pastel.

Etape 2 : Réalisation informatique

Plan n°1 : Vue village indien

Après avoir établi tous nos éléments et nos différents plans, nous avons démarré la réalisation informatique en recréant graphiquement le village indien en utilisant la technique du montage photographique. Nous nous sommes basés sur une image haute définition, une vue de jour du désert d’Arizona.

Photo brute : Décor village indien

Pour la réalisation de ce plan, nous avons recrée des tentes indiennes, un feu de cap, un totem, des cactus : les éléments principaux du décor.  Nous avons ajouté des textures pour un rendu plus réaliste. Sur ce plan nous avons ensuite intégré différents calques pour simuler l’orage, des éclairs et la pluie.

Plan général du village indien (Animation Overso)

Nous avons choisi, pour une meilleure de compréhension, de créer un orage sur le plan général du village, accompagné d’esprits maléfiques. La petite fille pleure car elle est apeurée par l’orage et les mauvais esprits.

Plan général du village indien version 2 (Animation Overso

Les esprits maléfiques se devaient de rappeler l’univers amérindiens (mauvais esprit, totem). Nous avons donc défini des animaux c’est à dire un loup, un tigre, un serpent et un aigle que nous avons détouré et travaillé sur Photoshop afin qu’il prenne l’aspect des mauvais esprits désirés.

Plan général du village indien version 3 (Animation Overso)

Zoom sur l'un des esprits

Plan n°2 : Silhouettes dans la tente

Le second plan de l’animation, à l’identique du story-board, se déroule dans la tente où est train de pleurer la petite fille. Le dessin du story-board supposait une interaction entre la grand-mère et la petite fille. Le choix d’un rendu photographique entraîne des contraintes liées aux médias utilisés pour le montage. Pour réaliser cette scène nous avons donc crée des silhouettes des personnages sur Illustrator puis ensuite intégré sur Photoshop avec le décor.

Silhouettes dans la tente: grand mère et petite fille

Silhouettes dans la tente : grand mère et petite fille plan 2

Plan n°3 : Intérieur de la tente

Ce plan présente la grand-mère indienne, le travail réalisé ici est essentiellement composé d’un détourage Photoshop et de diverses retouches photographiques et de gammes colorées.

Plan grand-mère (Animation Overso)

Plan petite fille (Animation Overso)

Le deuxième plan des personnages est focalisé sur la petite fille effrayée recevant le collier des mains de sa grand-mère. La photographie de base a largement été modifiée sur Photoshop, principalement en changeant l’orientation du regard de la petite fille, ainsi qu’en intégrant plusieurs calques dans ses yeux pour insister sur les pleurs de la petite fille.

Plan : petite fille qui reçoit le dreamcatcher

Sur ce plan, les mains de la grand-mère donnent le Dreamcatcher à la petite fille. Le collier ainsi détouré rend la scène plus réaliste, le mouvement est d’ailleurs déterminant dans cette scène qui est, comme les autres, animée sous Flash.

Plan final présentation produit (Animation Overso)

Plan n°4 : Packshot produit

Ce plan qui est le dernier a nécessité des intégrations et des déroutages Photoshop sur le fond et le cou de jeune femme. Le produit est ainsi présenté. Si vous cliquez sur le lien « EN SAVOIR PLUS» , vous accéderer au eshop de la boutique Overso.

Cliquez ici pour regarder l’animation « Dreamcatcher»  en intégralité.

Plan n°3 : Intérieur de la tente

Ce plan présente la grand-mère indienne, le travail réalisé ici a été essentiellement composé d’un détourage et de diverses retouches photographiques liées aux couleurs

Plan petite fille (Animation Overso)

Le deuxième plan des personnages est focalisé sur la petite fille effrayée recevant le collier des mains de sa grand-mère. La photographie de base a largement été modifiée sur Photoshop, principalement en changeant l’orientation du regard de la petite fille, ainsi qu’en intégrant plusieurs calques dans ses yeux pour insister sur les pleurs de la petite fille. Les mains de la grand-mère ont également été retravaillées pour pouvoir coïncider

A l’occasion des Championnats du Monde d’ESCRIME 2010, qui ont eu lieu le 4 au 13 Novembre au Grand Palais et qui a réuni plus 4000 personnes par jour, nous avons été chargés de réaliser la nouvelle mascotte 2010 du groupe.

Une mascotte/identité visuelle moderne et dynamique destinée à faire connaître l’escrime au grand public et surtout à sensibiliser les plus jeunes à ce sport.

Nos objectifs étaient d’informer et d’actualiser au maximum l’image de l’évènement tout en répondant aux contraintes de charte graphique, déclinée en trois couleurs vert, noir et blanc. La mascotte devait en outre être déclinable en peluche et costume et porterai un casque et une épée. Le personnage ne pouvait en aucun cas représenter un animal ni un quelconque symbole.

Nous avons d’abord examiné les pistes à décliner par la suite en nous dirigeant vers un personnage vivant et futuriste doté d’un masque moderne avec un jeux de matière comme l’acier, le verre ou encore l’éclat des lames.

Vous trouverez ci-dessous les différentes étapes de sa réalisation.

1^ère étape : Réalisation des planches recherches (crayonnés) à partir des éléments développés en commun. Deux pistes sont clairement reconnaissables avec une déclinaison plus connotée enfantine avec de l’autre un personnage plus dynamique, adressé au grand public.

2^ème étape : Suite à la validation de la première proposition, le personnage est détouré sur Illustrator puis colorisé dans les teintes de la charte graphique

3^ème étape : Proposition des déclinaisons de costumes, mise en place du logotype et affinement des détails du costume.

4^ème étape : La mascotte est validée et surnommée Scrimi et est prête à être déclinée sur les autres supports.

5^ème étape : Déclinaison de la mascotte sur les différents supports de communication

Costume de Scrimi au Championnat du monde d’escrime 2010

Déclinaisons de Scrimi sur supports Tee Shirt enfant

Pour continuer dans notre lancée, une seconde animation, vous est proposée pour la page d’accueil de notre site www.interactive-studio.biz Vous apprécierez à nouveau les différentes étapes proposées par notre équipe de création.

Comme pour la précédente animation, nous vous proposons , en quelques lignes, un 2ème projet sur la réalisation d’ une animation flash sur le thème de Noël en restant sur l’idée première d’un traitement texturé.

Vous trouverez, ci-après, les différentes étapes de la réalisation et procédés utilisés.

1 ère étape : Réalisation de rough sur papier représentant le décor et les éléments ( Père Noël, traîneau, neige cheminée ) à animer.

2 ème étape : Colorisation et mise en page des éléments, décor sur logiciel Photoshop.

3 ème étape : Réalisations des animations ( traîneau, Père Noël ) sur Flash.

4 ème étape : intégration de l’animation Flash sur la page d’accueil de notre site.

Cliquez ici pour visualiser l’animation

Il est très important d’avoir un site régulièrement mis à jour afin que vos clients soit toujours informés des nouveautés liées à vos activités.
Il est aussi très agréable pour vos visiteurs de voir que votre site est toujours en adéquation avec les gros événements du calendrier (fêtes de fin d’année, saint Valentin…à l’instar de Google qui « customize»  régulièrement son logo au fil de l’an)

Nous allons vous détailler en quelques lignes la réalisation d’une animation thématique, le projet consistait donc à réaliser une bannière flash sur le thème d’Halloween pour la page d’accueil de notre site www.interactive-studio.biz.

L’idée de base était de partir sur un traitement texturé pour garder un effet dessin sur papier .

1 ère étape : Réalisation d’esquisses sur papier représentant le décor et les éléments ( route, chat ,citrouilles) à animer.

2 ème étape : Colorisation et mise en page des éléments , décor sur logiciel Photoshop.

3 ème étape : Réalisations des animations ( chat, sorcière, brume ) sur Flash.

4 ème étape : intégration de l’animation Flash sur la page d’accueil de notre site.

Cliquez ici pour visualiser l’animation

Et bien, la visite n’est pas finie…

Vous trouverez, ci-après, nos différentes propositions de rendu faites à Diderot RealEstate pour le Projet N°2.

Photo originale sans aucun traitement :

Proposition de rendu N°1 :

Proposition de rendu N°2 :

Proposition de rendu N°3 :

Proposition de rendu N°4 :

Proposition de rendu N°5 retenue par Diderot RealEstate :

Cliquez ici pour voir le projet N°1 que nous avons réalisé pour Diderot RealEstate.

Diderot RealEstate

Nous allons vous montrer, ci-après, les différents rendus que nous avons proposés à notre client. Quel que soit le rendu, l’ensemble des retouches ont été réalisées avec Photoshop. Nous avons bien sûr travaillé en haute résolution c’est à dire en 300 Dpi puisque ces 2 photos étaient destinées à la chaîne d’édition.

Photo originale sans aucun traitement :

Proposition de rendu N°1 :

Proposition de rendu N°2 :

Proposition de rendu N°3 :

Proposition de rendu N°4 retenue par Diderot RealEstate :

Cliquez ici pour voir le projet N°2 que nous avons réalisé pour Diderot RealEstate.