Chargement

XXVII Studio

Conception

Dans l’optique d’un projet web et/ou mobile, nous prenons toutes les informations nécessaires à la conception du projet...

Conception

Dans l’optique d’un projet web et/ou mobile, nous prenons toutes les informations nécessaires à la conception de votre projet. Cette étape est absolument nécessaire afin de cadrer le périmètre de votre projet, mais également pour avoir de véritables fondations de celui-ci. Nous analysons vos objectifs, vos cibles, vos concurrents, et vous proposons une solution ou plusieurs solutions complètement adaptées à vos besoins.

XXVII

Services

Carte des savoirs-faires

Conseil

Notre expertise nous permet de vous conseiller sur la manière d'utiliser les technologies du web afin de développer votre communication et/ou business...

Conseil

Que vous soyez déjà présent sur le web ou que vous comptez y être, nous sommes capables d’agir en tant que conseillers sur la manière d’utiliser les technologies du web afin que vous puissiez développer votre communication et/ou votre business. Le web peut devenir très compliqué à utiliser si la société ne sait pas quels leviers utiliser pour quel(s) impact(s).

Nous sommes présents avant et après la réalisation de votre solution web, afin de vous accompagner dans le développement de votre entreprise.

DA Web & Mobile

Nous mettons à votre disposition notre expertise en Dir. Artistique, pour votre identité visuelle, votre solution web et bien d'autres supports...

Direction Artistique Web & Mobile

Identité visuelle

Incontournable aujourd’hui, toute société possède une identité graphique, composée la majeure partie du temps d’un nom de marque et d’un logo. Ces deux éléments sont les fondations de toute marque/société, car c’est ce que son utilisateur/client final verra en premier. Nous sommes capables de créer cette identité, qui sera le reflet futur des valeurs de votre société, ou celles de votre produit et/ou service en particulier.

Production graphique Web & Mobile

Une fois la conception réalisée, vient la production graphique. Selon la solution web adoptée, on parle ici de Direction Artistique web et mobile, Webdesign. C’est l’étape de création en amont de l’intégration et développement.

XXVII

Studio de
création digitale

Hors Format<span>Agence de Production Audiovisuelle</span>-<br/><span class='teaser-techs'>UX / Dir. Artistique /<br/>Dir. Technique / Conseil</span>

Hors Format

Agende de Production Audiovisuelle

UX / Dir. Artistique / Dir. Technique / Conseil

Hors Format est une agence de conseil et de production audiovisuelle située à Lille, réalisant tous type de vidéos : reportage, corporate, creative, publicitaire et pédagogique pour ses clients.

Besoins / Objectifs

  • Moderniser l’identité et la perception de Hors Format à travers la promotion de son activité et la valorisation de son travail.
  • Apporter une vraie valeur ajoutée pour la gestion du site par l’agence, de façon autonome, sur les contenus et les projets.
  • Améliorer le référencement naturel

Solutions apportées

  • Création d’un site vitrine afin de valoriser son travail et donner une perception beaucoup plus professionnelle.
  • Une expérience utilisateur soignée et mise en valeur des services, à travers une identité forte.
  • Développement d’un back office efficace. Ajout d’une fonctionnalité spécifique pour ses prospects : La possibilité de créer une playlist compilant des projets spécifiques sur une page masquée à destination de clients et prospects.

Technologies

  • Ruby on Rails, HTML5, CSS3
  • Back Office personnalisé

Caractéristiques Techniques

  • Responsive Design
  • Full-Screen

XXVII

Références

Sélection de projets 2012 à 2014

Shop In Street<span>Application Smartphone NFC</span>-<br/><span class='teaser-techs'>UX / Dir. Artistique /<br/>Dir. Technique / Conseil / Print</span>

Shop In Street

Site produit de l'application mobile NFC

UX / Dir. Artistique / Dir. Technique / Conseil / Print

Application mobile utilisant la technologie NFC permettant d’aimer, de partager et de réserver un produit à travers une vitrine d’un magasin.

Besoins / Objectifs

  • Créer un site produit, présentant et faisant la promotion de l’application mobile Shop In Street
  • Avoir une approche très pédagogique et visuel de l’utilisation et du fonctionnement de l’application
  • S’adresser à deux cibles différentes : les utilisateurs finaux et les commerçants
  • Approche évolutive sur le long terme, avec plusieurs étapes importantes dans le développement du projet Shop In Street

Solutions apportées

  • Création et intégration d’un site One Pager, très pédagogique, racontant étape par étape le fonctionnement de l’application. Première étape du développement du projet
  • Création et montage de visuels au service de la compréhension et de la pédagogie
  • Création d’une section dédiée aux commerçants

Technologies

  • Bootstrap 3
  • Startup Framework

Caractéristiques Techniques

  • Responsive Mobile et Tablette
  • One Pager
  • Rétina Display

À propos

Twenty Seven Studio est né d'une passion pour la direction artistique et tout particulièrement le webdesign. Créatif, passionné et soucieux du détail...

À propos

Une philosophie

Twenty Seven Studio est né d'une passion pour la direction artistique et tout particulièrement le webdesign. Créatif, passionné et soucieux du détail, je réalise vos supports de communication print, web et mobile à l'image de votre société et/ou votre marque.

Un parcours

Passionné et Freelance depuis 6 ans, j'ai également eu plusieurs expériences en agences web et en régie publicitaire. Cela m'a permis de me confronter à de multiples clients et projets variés.

Une culture

Curieux et soucieux des dernières avancées technologiques et des dernières tendances en webdesign, j'apporterai de la fraicheur et de la créativité à votre projet.

Dir. Artistique Freelance

Romain Cariou

Since 2009

Expériences Professionnelles

De multiples expériences en tant que Freelance Dir. Artistique, en Agence de créa/web et Régie.

Des expériences professionnelles
en agences et régie

Dir. Artistique Freelance en agence

Diverses missions en tant que Freelance de Direction Artistique, Webdesign et Intégration durant 2 mois au sein d'agences. Plusieurs gros projets réalisés pour des appels d'offre notamment.

Webdesigner / Graphiste en agence

Production graphique et d'intégration au sein de 3 agences web / créa parisiennes durant 8 mois au total qui m'a permis d'acquérir beaucoup d'expérience, notamment en relation clientèle, en travail d'équipe et en techniques.

Webdesigner / Graphiste en régie

Webdesigner et Graphiste chez Orange dans sa régie publicitaire internationale Orange Advertising. Direction Artistique notamment pour deux autres services d'Orange (Ad Market & Ad Trading). Webdesign & Intégration. Réalisation d'invitations, illustrations, appels d'offres pour des formats publicitaires et opérations spéciales. Ce travail m'a permis pendant 2 ans, d'être confronté à de grands comptes tels que Nike, Warner, Eurostar, Adidas, Dove, Blizzard, Carslberg ...

IESA Art & Culture<span>Ecole des métiers et du marché de l'art</span>-<br/><span class='teaser-techs'>Dir. Artistique / E-mailings / Print</span>

IESA Art & Culture

Ecole des métiers et du marché de l'art

Dir. Artistique / E-mailings / Print

Refonte graphique du site institutionnel de l’école IESA Art & Culture, du groupe Studialis, réunissant une vingtaine d’écoles dans toute la France. Orientée sur les arts, l’école IESA Art & Culture avait besoin de remoderniser son site Internet, à travers une Direction Artistique forte, et l’utilisation des dernières tendances en matière de Responsive Design et Rétina Display.

Besoins / Objectifs

  • Moderniser le site Internet de l'école
  • Responsive Mobile

Solutions apportées

  • Création d’un site institutionnel repensé, avec une nouvelle direction artistique forte.
  • Création des maquettes mobile en prenant en compte le Retina Display.

E-mailings

  • Kit e-mailings réalisés Desktop & Mobile

Bientôt en ligne

Par Ici Les Artistes<span>Ateliers ludiques et pédagogiques</span>-<br/><span class='teaser-techs'>UX / Dir. Artistique / Dir. Technique / Conseil</span>

Par Ici Les Artistes

Ateliers ludiques et pédagogiques

UX / Dir. Artistique / Dir. Technique / Conseil

Création d’un site vitrine pour la start-up Par Ici Les Artistes, proposant une large gamme de services et ateliers ludiques à destination des enfants de 6 mois à 10 ans. Approche évolutive sur le long terme, avec plusieurs étapes importantes dans le développement du projet (Vitrine -> Réservation -> E-commerce). Pour répondre à ce besoin : création et intégration d’un site vitrine avec une identité visuelle forte, mixant illustrations au crayon et photographies; accès à l’information, et prise de contact rapides pour les utilisateurs intéressés par ces ateliers.

Besoins / Objectifs

  • Approche évolutive sur le long terme, avec plusieurs étapes importantes dans le développement du projet Par Ici Les Artistes (vitrine > réservation > e-commerce)
  • Créer un site vitrine présentant dans un premier temps les services et ateliers que propose Par Ici Les Artistes

Solutions apportées

  • Création et intégration d’un site vitrine avec une identité visuelle forte, mixant illustrations au crayon et photographie
  • Planning sur le long terme avec plusieurs étapes importantes dans le développement du projet Par Ici Les Artistes

Technologies

  • Bootstrap Twitter

IESA multimédia<span>École multimédia Paris</span>-<br/><span class='teaser-techs'>Dir. Artistique / Print</span>

IESA multimédia

École multimédia Paris

Dir. Artistique / Print

Refonte graphique du site institutionnel de l’école IESA multimédia, du groupe Studialis, réunissant une vingtaine d’écoles dans toute la France. L'IESA multimédia avait besoin de remoderniser son site Internet, à travers une Direction Artistique forte, et l’utilisation des dernières tendances en matière de Responsive Design et Rétina Display.
Réalisations de deux brochures de 32 pages chacune, pour les formations initiales et continues.

Besoins / Objectifs

  • Refonte graphique site Institutionnel, web et mobile
  • 2 Brochures Formation Continue et Initiale de 32 pages chacune

Bientôt en ligne

Print

Vos supports print de communication : Cartes de visite, Brochures / Plaquettes, Flyers, Affiches, Kakemono ...

Print

Cartes de visite

La carte de visite de votre marque et/ou société est très importante, c'est ce que vous déposerez à la suite d'un rendez-vous client. Il se rappelera notamment de votre marque et identité à travers cette carte déposée.

Brochures / Plaquettes

Nous réalisons vos brochures et plaquettes en fonction de vos besoins, elles illustrent notamment vos métiers, vos produits et vos savoirs-faires. Véritable support de communication Print.

Flyers, Affiches, Kakemono

Vous organisez un salon, un stand ? Nous réalisons pour vous vos flyers, affiches et/ou kakemono, en totale cohérence avec votre identité visuelle et en fonction de vos besoins.

by JoCo<span>Auteur Photographe</span>-<br/><span class='teaser-techs'>UX / Dir. Artistique /<br/> Dir. Technique / Conseil</span>

by JoCo

Auteur Photographe

UX / Dir. Artistique / Dir. Technique / Conseil

Création du portfolio de l’auteur photographe Jean-Charles Grout proposant des impressions de ses photographies d’art. L’objectif principal était de promouvoir les travaux de ce photographe et les prestations de qualité qu’il exerce. Tirages limités et photographies uniques. L’objectif était également de pouvoir avoir une visibilité maximale sur tous les différents devices. Réalisation du site sous Wordpress, pour que le client puisse avoir une gestion simple et efficace de son propre site internet.

Besoins / Objectifs

  • Promouvoir les photographies et les services réalisés et proposés par ce photographe
  • Optimisation des contenus pour mobile et tablette
  • Être bien référencé
  • Être autonome dans la gestion de son site Internet

Solutions apportées

  • Création d’un portfolio Full-screen optimisé pour mobile et tablette
  • Intégration & Développement sous Wordpress
  • Optimisation du référencement naturel SEO
  • Formation réalisé pour que le client puisse être autonome sur son site Internet

Technologies

  • Wordpress

Caractéristiques Techniques

  • Full-Screen
  • Responsive Mobile et Tablette

ESGC&F<span>Ecole de Commerce</span>-<br/><span class='teaser-techs'>UX / Dir. Artistique</span>

ESGC&F

Ecole de Commerce

UX / Dir. Artistique / Formats Pubs

Refonte graphique du site institutionnel de l’ESGC&F, école du groupe Studialis, réunissant une vingtaine d’écoles dans toute la France. L’ancien site était très démodé et peu d’actualité. Cependant leur ancien site mobile fonctionnait extremement bien auprès de ses utilisateurs actuels. L’enjeu était principalement de remoderniser le site, conserver l’accessibilité et améliorer la direction artistique globale de la version Desktop et Mobile. Second enjeu était de sectionner le site en plusieurs parties, correspondant aux 5 villes où l’ESGC&F est implantée.

Besoins / Objectifs

  • Moderniser le site Internet de l'école ESGC&F
  • Sectionner le site en 5 écoles, en fonction de leur ville d'origine
  • Conserver l'efficacité et l'accessibilité des contenus mobile

Solutions apportées

  • Création d’une palette de couleur et de bandeaux photographiques pour chacune des villes
  • Home Page efficace et esthétique présentant 5 points d’entrées bien mis en valeur
  • Remodernisation graphique du site Internet, remis à la tendance graphique d’aujourd’hui

Formats publicitaires

  • Réalisation de Skyscrapers, Megabanners, Banners, Carrés

UX / UI

Une expérience utilisateur pensée et analysée au centre de votre projet, afin d'optimiser la conversion de votre visiteur en client.

UX / UI

L'ergonomie au service de l'utilisateur

L'ergonomie de votre site Internet est une priorité : c'est ce qui impactera directement le plus l'impression de vos visiteurs sur votre site. Une excellente ergonomie accentuera inévitablement la durée de navigation de vos visiteurs. Une simplicité de navigation et une intuitivité maximales seront réfléchies et réalisées.

L'ergonomie au service de votre business

Plus l'utilisateur passe du temps sur votre site Internet, plus vous avez de chance de le convertir en client. Nous analysons également, à travers des statistiques ciblées et utiles, le comportement de l'utilisateur après une première version de votre site. Cela nous permettra par la suite d'optimiser encore l'expérience utilisateur et surtout la convertion en client potentiel.

Ma fringue<span>Réseau Social de mode féminine</span>-<br/><span class='teaser-techs'>UX / Dir. Artistique / Intégration / E-mailings / Jeu Concours /Conseil</span>

Ma Fringue

Réseau Social de mode féminine

UX / Dir. Artistique / Intégration / E-mailings / Jeu Concours /Conseil

Refonte graphique du site social Mafringue.com. Réseau social destiné à créer et partager des books autour de la mode féminine. L’objectif principal était de moderniser le site social de Mafringue, pour ses futurs utilisateurs. Conception et Création du site graphique en Responsive Design, principalement pour iPad.
En parralèle du projet de site Internet, Création et Intégration d’un jeu concours pour Mafringue, avec un kit complet d’emailings ainsi qu’un mini site desktop et mobile destinés à la collecte d’emailing pour de futurs opérations.

Besoins / Objectifs

  • Création graphique des pages du site Internet
  • Création d'un Kit e-mailing
  • Création d'un jeu concours

Bientôt en ligne

Communication

Développez votre communication à travers les technologies qui s'offrent à vous : E-mailings, Newsletters, Formats Publicitaires, Réseaux Sociaux...

Communication

E-mailings / Newsletter

Vous souhaitez informer, prospecter, ou donner de la visibilité à votre site internet ? Nous réalisons des kits e-mailing et newsletters à votre image, qui vous permettront d'être totalement autonome par la suite, et de réaliser vos prochaines campagnes e-mailings.

Formats publicitaires

Réalisation de vos publicités sur Internet : Conception et Création des formats pubs standards du web, en Flash, en Gif et JPEG, dans le respect des contraintes fixées par l'annonceur.

Développement Social

Votre présence sur les réseaux sociaux d'aujourd'hui est primordiale. En fonction de votre domaine d'activité, nous sélectionnons pour vous les réseaux qui peuvent vous intéresser et surtout vous permettre de fidéliser une clientèle déjà acquise ou à acquérir.

Les Clayes Immo<span>Agence Immobilière</span>-<br/><span class='teaser-techs'>UX / Dir. Artistique / Dir. Technique / Conseil</span>

Les Clayes Immo

Agence Immobilière

UX / Dir. Artistique / Dir. Technique / Conseil

Refonte du site de l’agence immobilière Les Clayes Immobilier, située dans les Yvelines. L’objectif principal était de moderniser et redorer l’image de l’agence afin de se démarquer d’une forte concurrent dans sa ville et ses environs. Il fallait également repenser l’expérience utilisateur afin de proposer une réelle alternative aux gros du secteur comme Se Loger.
Contraintes d’une identité déjà historique auprès de ses cibles, d’un logiciel de publication d’annonces immobilières à conserver.

Besoins / Objectifs

  • Moderniser l’identité vieillissante de l’agence, datant de plus de 10 ans
  • Se démarquer d’une concurrence très forte dans le secteur, par le biais de nouvelles fonctionnalités
  • Améliorer le référencement naturel pour être positionner premier sur des recherches Google du type : “agence immobilière les clayes sous bois”
  • Conserver l’outil de gestion immobilière utilisé par les agents immobiliers de l’agence

Solutions apportées

  • Refonte graphique de l’identité et du site Internet de l’agence, tout en conservant un minimum l’identité existante (enjeu important pour une agence historique, qui possède une identité reconnue dans son secteur)
  • Expérience utilisateur au coeur de ce site Internet afin de faciliter l’accès aux annonces immobilières de l’agence. Pour cela un module de recherche personnalisé entièrement réalisé, et répercuté sur toutes les pages. Mise en évidence de coups de coeur de l’agence (permettant de proposer une mise en valeur de l’annonce pour le propriétaire) et des nouveautés.
  • Mise en place d’une passerelle automatique entre le logiciel de publication d'annonces immobilières de l'agence (COSMOSOFT) et le site internet.

Technologies

  • Bootstrap Twitter
  • Back Office personnalisé

Intégration

Conformes aux normes W3C, utilisation des derniers langages HTML5 et CSS3 ainsi que des boîtes à outils puissantes comme Bootstrap Twitter...

Intégration

HTML5 / CSS3

Conformes aux normes W3C, nous utilisons les dernières technologies d'intégration HTML5 et CSS3 afin d'optimiser le plus possible l'expérience utilisateur, et surtout avoir des bases solides pour le développement.

Bootstrap Twitter

Boîte à outils particulièrement puissante, elle permet d'avoir une base d'intégration parfaite, compréhensible de tous, et adaptable très facilement en fonction de vos besoins.

Développement

Etroite collaboration avec un développeur capable de répondre à des problématiques de développement complexes... Référencement, Formation, Statistiques...

Développement

Je suis en étroite collaboration avec un développeur capable de répondre à des problématiques de développement complexes, et utilisant différentes technologies en fonction des besoins : NodesJS, Ruby On Rails, PHP...

Référencement, Formation, Statistiques

Le produit / service créé doit pouvoir être utilisé par notre client de façon instinctive pour qu’il puisse gérer lui-même, au maximum, son business et ou sa communication sur le web. Plusieurs outils sont à notre disposition. Nous proposons des services d’optimisation de référencement pour accroître la visibilité de la société et/ou produit de notre client. Nous formons notre client à l’utilisation de son produit. Nous l’accompagnons dans la mise en place de statistiques utiles à sa stratégie de développement : analyse des visiteurs, les taux de rebonds, la provenance de ces visiteurs, leur durée de navigation, les abandons d’achats pour des site e-commerce etc… Ces données lui permettront d’affiner sa stratégie, et d’améliorer le produit, en connaissant mieux ses prospects et clients.

Votre projet ?

N'hésitez plus et contactez-moi pour discuter de votre projet, avoir de plus amples informations sur mes réalisations et/ou obtenir un devis.

* Champs requis