Anne Margairaz by aymen younes

Sommaire I.

Contexte et analyse du projet

- Les interlocuteurs - Contexte et cibles - Benchmark

IV. Description technique - Solutions sur mesure - Bases de données - Hébergement (Online)

- Positionnement V. II.

Description éditoriale

- Ligne éditoriale - Médias utilisés

Promotion & animation

- Référencement - Partenariats - Plan média

- Localisation VII. Vie du projet III.

Description fonctionnelle

- Rubriques du site - Arborescence

- Equipe - Planning - Budget Prévisionnel

- Outils disponibles - Masques fonctionnels - Scénario interactif

Projet Final - Mars 2015

I. CONTEXTE ET ANALYSE DU PROJET

Projet Final - Mars 2015

 Les interlocuteurs Cliente : Anne Margairaz Graphistes :

Pascal Hurter Clémence Guibout Aurélie Renier Chefs de projet : Aymen Younes Eddy Vaulet Projet Final - Mars 2015

 Contexte et cibles Recherche et création d’une identité professionnelle pour l’architecte Anne Margairaz Proposer un site vitrine animé par des réseaux sociaux et du support print (Cartes de visite, et plaquettes de présentation ) Pour qui ? Agences architectes et projets individuels (moins grand public) Pourquoi ce projet ? Après 10 ans de collaboration en agence, la cliente décide de se lancer à son compte. Elle souhaite à présent créer son identité digitale bien à elle.

Ses motivations Se présenter et exposer son travail et ses inspirations afin de se positionner comme free-lance. Que rechercheront ses visiteurs ? Ils souhaiteront retrouver son parcours, ses références, ses sources d’inspiration, son actualité, ce qu’elle pourra leur apporter comme service (projets etc.) et un contact.

Projet Final - Mars 2015

Peut-on proposer dès lors des supports bien définis ? On pourra proposer un site, un logo, des cartes de visite et des plaquettes de présentation. Portrait du client Anne Margairaz, 36 ans, Architecte free-lance depuis 4 mois à Paris, opérationnelle sur les principaux outils de CAO & DAO. Est-ce que loisirs et profession cohabitent ? La cliente aime dessiner, elle aime voir les projets de ses collègues afin d’en exprimer son ressenti. Elle est sensible à ce que l’architecture apporte dans le développement urbain après réalisation. (Développement durable, les effets parasites bien pensés, etc.)

Projet Final - Mars 2015

 Benchmark Analyse de la concurrence :

Un architecte que notre cliente apprécie :

Bjarke Ingels Group Les architectes free-lance les mieux référencés du Web français :

Projet Final - Mars 2015

1 1

. Page créée par Wix, couleurs de type « flat », type trop répandu.

3

2.

L’architecte n’a pas de projets personnels, ceux présentés sont tous d’une agence. Le manque d’expérience est visible.

2

3.

On sent qu’il manque du contenu (des répétitions et du remplissage).

Projet Final - Mars 2015



1 . Judicieux choix de partage. (recommandation sous forme de carte de visite, follow Twitter, hyperliens avec les sites partenaires)



2. Projets signés de l’agence TAG, regroupement des concours et des projets, l’ensemble donne une rubrique de présentation plus une galerie de projets. 

3. Principe de rubriques en échelle des savoir-faire. Principe de sécurité élémentaire non respecté… (rubrique contact spammée.) 



Projet Final - Mars 2015

Bjarke Ingels Group

Projet Final - Mars 2015

Bjarke Ingels Group 1 . Site présenté en 2 sections, une mise en avant des projets et de l’actualité. 



2. Menu à base d’icones qui forment une silhouette de bâtiments. 

3. Rubriques axées sur tout ce qui regroupe et concerne le groupe. 

Projet Final - Mars 2015

 Positionnement (SWOT) FAIBLESSES

FORCES • Grande expérience de la cliente • Connaissances spécialisées (urbanisme, etc.)

• Budget réduit • Méconnaissance de la cliente des réseaux sociaux • La cliente n’existe pas sur le Net

MENACES

OPPORTUNITES • Elargissement du champ d’action • Démontrer son savoir-faire

• Concurrence sur Paris • Aucune stratégie de communication

Conclusion: La démarche de création de site et d’une identité digitale est complexe. Il faudra acquérir de la notoriété par des communautés de réseaux sociaux afin de se démarquer des autres architectes & agences. On prendra soin de choisir comment aborder son métier, son univers, et ses projets.

Projet Final - Mars 2015

II. DESCRIPTION EDITORIALE

Projet Final - Mars 2015

 Ligne éditoriale Contexte de la charte L’initiative de notre cliente est de s’ouvrir au Web et à ses perspectives. Pour cela elle nous a communiqué ses ambitions et nous a fait partager son univers graphique . A partir de ces pistes nous avons décidé de rédiger un contenu personnel pour donner un maximum d’éléments aux visiteurs et les aider à comprendre son univers et s’en imprégner. Cibles internes et externes Les cibles principales se divisent en 2 parties:

- Les professions indépendantes dans son domaine d’activité et les agences d’architecture - Les promoteurs immobiliers Les cibles secondaires de la cliente: son réseau professionnel.

Projet Final - Mars 2015

 Médias utilisés Twitter et Facebook : Microblogging pour Twitter, simple et très puissant. Facebook pour gagner de la notoriété Pinterest, Viméo et Instagram : Outils de créativité à la portée de tous, pour créer de la visibilité auprès d’autres créatifs. Viadeo et LinkedIn: Réseaux professionnels de qualité, opportunité de trouver des groupes de discussion et des liens avec des réseaux sociaux. Google + et les sites partenaires de la cliente : Google + pour améliorer le référencement, les sites des partenaires pour assurer des liens réciproques.

Projet Final - Mars 2015

 Médias utilisés Les contenus des rubriques seront :

• Projets : présentation détaillée de ses différents projets • Présentation : description efficace et concise de la cliente (data flow), • Valeurs: explication de son univers architectural • Collaborations : présentation de ses collaborateurs, qui constituent une communauté de travail et permettent de faire jouer les leviers des réseaux sociaux • Actualité : Aucune rédaction, il s'agit d’un flux, • Contact : Informations et formulaire de contact.

Fréquence des mises à jour: 2 par an, par le biais d’un développeur/intégrateur qui soumettra les changements au site. Mais l’intégration d’un flux de réseaux sociaux permettra la mise à jour régulière de l’actualité de la cliente.

Projet Final - Mars 2015

 Localisation

Le marché visé est essentiellement identifié sur Paris. On proposera donc le Français comme langue de base. Mais on ne peut négliger d’autres marchés, et étant donné le passé professionnel de la cliente, l’accès aux visiteurs anglophones (langue anglaise – Concours EUROPAN) mais également hispaniques (grande expérience en Espagne) doit être envisagé, Il faut donc prévoir une traduction dans ces deux langues. Le contenu est assez simple et est destiné à tous publics. Les articles sont à but pédagogique, informatif, et peuvent donc être perçus par tous.

Projet Final - Mars 2015

III. DESCRIPTION FONCTIONNELLE

Projet Final - Mars 2015

 Rubriquage Pré-home : Il s’agit de la page d’accueil du site présentant le logo, et les icônes permettant le choix de la langue (français, anglais ou espagnol). Home : Espace visuel dédié à la mise en exergue d’un projet phare du bureau. L’utilisateur aura une idée concrète du niveau de qualité des services proposés. Projets : Cette rubrique présente tous les projets réalisés, et donne accès à quatre sous-rubriques thématiques : Architecture, Concours, Espaces publics et Projets urbains L’utilisateur a la possibilité de visualiser tous les projets ou de les filtrer par thème, de consulter le projet sélectionné et de le partager sur plusieurs réseaux sociaux. Présentation : Une brève présentation de l’Architecte et de son parcours professionnel avec une description des types de projets réalisés et de sa vision de l’architecture : sous format texte et schéma. Valeurs : Cette rubrique permet à l’utilisateur d’avoir une idée de l’univers et des valeurs professionnelles de l’Architecte moyennant des liens vers ses sites d’inspiration. Collaborations: Cette rubrique permet d’avoir les coordonnées des partenaires de l’architectes, ainsi que des liens vers leurs réseaux sociaux. Actualité: Cette rubrique permet à l’utilisateur de suivre les dernières publications de l’Architecte sur les différents réseaux sociaux qu’elle utilise. Contact: Cette rubrique contient: . les coordonnées de l’Architecte (adresse postale, numéro de téléphone, réseaux sociaux...) et permet à l’utilisateur de la contacter par mail via le formulaire de contact, . Une localisation via Google Map de l’adresse de l’Architecte.

Projet Final - Mars 2015

 Arborescence

Projet Final - Mars 2015

 Arborescence

Projet Final - Mars 2015

 Arborescence

Projet Final - Mars 2015

 Outils disponibles L’utilisateur aura la possibilité de zoomer sur les visuels de chaque projet en cliquant sur les vignettes similaires et ensuite de pouvoir le partager sur différents réseaux sociaux. L’utilisateur aura aussi accès aux sites d’inspiration de l’Architecte ainsi qu’aux réseaux sociaux et coordonnées des partenaires. Il pourra télécharger le CV de l’Architecte sous format texte et consulter son actualité et ses publications sur plusieurs réseaux sociaux.

Projet Final - Mars 2015

 Masques fonctionnels 1. HOME Zoning

Wireframe

Projet Final - Mars 2015

Mockup

 Masques fonctionnels 2. SLIDESHOW Zoning

Wireframe

Projet Final - Mars 2015

Mockup

 Masques fonctionnels 3. PROJETS Zoning

Wireframe

Projet Final - Mars 2015

Mockup

 Masques fonctionnels 4. PRÉSENTATION Zoning

Wireframe

Projet Final - Mars 2015

Mockup

 Masques fonctionnels 5. VALEURS Zoning

Wireframe

Projet Final - Mars 2015

Mockup

 Masques fonctionnels 6. COLLABORATIONS Zoning

Wireframe

Projet Final - Mars 2015

Mockup

 Masques fonctionnels 7. ACTUALITÉ Zoning

Wireframe

Projet Final - Mars 2015

Mockup

 Masques fonctionnels 8. CONTACT Zoning

Wireframe

Projet Final - Mars 2015

Mockup

anne margairaz architecture(s) Chefs de Projets : Eddy Vaulet, Aymen Younes. Graphistes : Clémence Guibout, Aurélie Renier, Pascal.Hurter. École Multimédia - Projet final 2015.

Cahier des Charges

Anne Margairaz

100 %

FORCE VISUELLE

80 %

50 %

30 %

20 %

100 %

FORCE VISUELLE

80 %

50 %

30 %

20 %

100 %

80 %

50 %

30 %

20 %

PRÉSENTATION

PROJETS

UNIVERS

ACTUALITÉS

COLLABORATEURS

.. / PRÉSENTATION

TÉLÉCHARGER MON CV * 235 Ko

CONTACT

100 %

FORCE VISUELLE

80 %

50 %

30 %

20 %

PRÉSENTATION

.. / ACTUALITÉS

PROJETS

UNIVERS

ACTUALITÉS

COLLABORATEURS

CONTACT

100 %

FORCE VISUELLE

80 %

50 %

30 %

20 %

PRÉSENTATION

PROJETS

UNIVERS

ACTUALITÉS

COLLABORATEURS

.. / ACTUALITÉS

1 2 3 4 5 ...10

CONTACT

100 %

FORCE VISUELLE

80 %

50 %

30 %

20 %

PRÉSENTATION

.. / COLLABORATEURS

PROJETS

UNIVERS

ACTUALITÉS

COLLABORATEURS

CONTACT

100 %

FORCE VISUELLE

80 %

50 %

30 %

20 %

PRÉSENTATION

PROJETS

UNIVERS

ACTUALITÉS

COLLABORATEURS

CONTACT

.. / CONTACT

Nom younes ok

Prénom aymen

Téléphone 098654356776

Email* 098654356776 Email non valide

Message* sdgsdgjs sdhgsdhsd sdgsdjsdsgd

Merci pour votre visite je vous répondrai dans les plus brefs delais

ENVOYER

PRÉSENTATION

PROJETS

UNIVERS

ACTUALITÉS

COLLABORATEURS

.. / PROJETS / PROJET URBAIN / CRETEIL TOUS

ARCHI

CONCOURS

ESPACES PUBLICS

un peu de patience... Ça arrive tout de suite :)

PROJET URBAIN

CONTACT

* menu borgueur du site Fermer/Ouver PRÉSENTATION

ARCHI

.. / PROJETS / PROJET URBAIN / CRETEIL

CONCOURS

UNIVERS

ESPACES PUBLICS

ACTUALITÉS

PROJET URBAIN

COLLABORATEURS

* positionnement d’utilisateur a l'intérieur du site

* titre du rubrique « PROJET URBAIN »

* introduction du « PROJET URBAIN »

* Navigation dans les sous rubriques PROJET URBAIN « courneuve, CRETEIL, st ouen laumone » ARCI «ablon sur seine, bureaux valtech, réhabilitation» CONCOURS «europan2011, madrid, meudon» ESPACES PUBLICS «gennevilliers, massy»

SITE Anne Margairaz

* nombre de sous rubriques / positionnement «actuellement l’utilisateur est dans la sous rebrique CRETEIL »

* pour la navigation a l’interieur du sous rebrique CRETEIL « 6 visuel a difiler, (5 image + 1 texte) » * nombre de visuel / possitionement du sous rebrique CRETEIL « 6 visuel a difiler, (5 image + 1 texte) »

PRÉSENTATION

PROJETS

UNIVERS

ARCHI

CONCOURS

ESPACES PUBLICS

ACTUALITÉS

COLLABORATEURS

CONTACT

PROJET URBAIN

ABLON SUR SEINE

EUROPAN2011

GENNEVILLIERS

COURNEUVE

BUREAUX VALTECH

MADRID

MASSY

CRETEIL

RÉHABILITATION

MEUDON

* pour fermer la pop up

ST OUEN LAUMONE

.. / PROJETS / PROJET URBAIN / CRETEIL

* telechargement des visuels

100 %

* défilement automatique ou manuel

80 %

* Aide/ titre du projet

CONTACT

* menue PROJETS

FORCE VISUELLE

TOUS

PROJETS

50 %

30 %

* titre du projet « CRETEIL » 20 %

100 %

FORCE VISUELLE

80 %

50 %

30 %

20 %

PRÉSENTATION

PROJETS

UNIVERS

ACTUALITÉS

TOUS

CONCOURS

ESPACES PUBLICS

PROJET URBAIN

.. / PROJETS / TOUS

COLLABORATEURS

CONTACT

SITE Anne Margairaz

PRÉSENTATION

ARCHI

PROJETS

CONCOURS

UNIVERS

ESPACES PUBLICS

ACTUALITÉS

PROJET URBAIN

ABLON SUR SEINE

EUROPAN2011

GENNEVILLIERS

COURNEUVE

BUREAUX VALTECH

MADRID

MASSY

CRETEIL

RÉHABILITATION

MEUDON

ST OUEN LAUMONE

COLLABORATEURS

CONTACT

anne margairaz architecture(s) Chefs de Projets : Eddy Vaulet, Aymen Younes. Graphistes : Clémence Guibout, Aurélie Renier, Pascal.Hurter. École Multimédia - Projet final 2015.

Charte Graphique

argumentaire Comme pour la conception structurelle du site, sa conception graphique a été orientée sur la mise en valeur des projets architecturaux d’Anne Margairaz : imaginer un site qui serve d’écrin à l’iconographie de ces projets.

• choix des visuels, grands et horizontaux, pour mettre en valeur photos, plans, simulations…

Le fond blanc permet également de donner une unité harmonieuse au one-page lorsqu’on le visite en « scrollant ». • choix de police : Roboto, simple, élégante et sans empattement.

Ligne retenue: sobriété, élégance et simplicité.

• choix de couleurs : noir et blanc sur fond blanc, pour s’adapter à la diversité des documents iconographiques, plus une couleur d’accompagnement pour une touche dynamique et contemporaine.

Ces options graphiques permettent d’avoir une réelle cohérence entre le site et les déclinaisons print.

Les choix ont chaque fois été faits dans cette optique:

• choix de hovers efficaces tout en étant discrets

tendances

logo Variantes

Utilisation recommandée : logo en noir sur fond blanc.

anne margairaz

Typographie du logo Gravity light et ultra light. Attention : ce logotype ne peut en aucun cas être modifié et ne doit jamais être utilisé sur fond photographique.

anne margairaz

architecture(s)

Utilisation du logo sur fond couleur clair.

anne margairaz

architecture(s)

Utilisation du logo sur fond couleur foncé.

couleurs NOIR

BLANC

GRIS

COULEUR

#000

#fff

#939598

#83c9a6

CMJN : 0/0/0/100

CMJN : 0/0/0/0

CMJN : 0/0/0/50

CMJN : 50/0/45/0

RVB : 0/0/0

RVB : 255/255/255

RVB : 147/149/152

RVB : 13/201/166

Pour répondre aux problématiques graphiques, nous avons défini une palette de couleurs qui se compose du noir, du blanc, d’un gris intermédiaire, et d’une couleur d’accompagnement dynamique et contemporaine.

typo Une seule typo est utilisée pour l’ensemble du site et pour tout le matériel imprimable. Typo utilisable uniquement dans les quatre versions indiquées ci-contre.

Roboto

La typo Roboto a une nature double. Elle a un squelette mécanique et ses formes sont en partie géométriques. Cette police de caractères présente des courbes amicales et ouvertes. Roboto a un rythme de lecture plus généralement trouvé dans les typos de type humanes.

Roboto light

Roboto regular

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890

Roboto medium

Roboto bold

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890

matériel print anne margairaz architecture(s)

anne margairaz

architecture(s)

29, rue des Boulets 75011 - Paris. Tél.: 06 45 36 77 71 e-mail : annemargairaz@yahoo.fr

anne margairaz architecture(s)

29, rue des Boulets - 75011 - Paris. \ Tél. : 06 45 36 77 71 \ e-mail : annemargairaz@yahoo.fr

Papier à lettre

Couverture et interieur chemise

29, rue des Boulets - 75011 - Paris. \ Tél. : 06 45 36 77 71 \ e-mail : annemargairaz@yahoo.fr

29, rue des Boulets 75011 - Paris. Tél.: 06 45 36 77 71 e-mail : annemargairaz@yahoo.fr

Plaquette de présentation

Carte de visite

29, rue des Boulets - 75011 - Paris. \ Tél. : 06 45 36 77 71 \ e-mail : annemargairaz@yahoo.fr

anne margairaz

architecture(s)

anne margairaz architecture(s) 29, rue des Boulets 75011 - Paris. Tél.: 06 45 36 77 71 e-mail : annemargairaz@yahoo.fr

Sticker

Crayons

arc

tur

e(s

Enveloppe commerciale

ma ann rga e iraz it e

)

arc

Carte de correspondance

ma anne rga iraz

hit

ma anne rga iraz

hit

tur

e(s

)

ui kit Alexandre Dumas M a eL

e ett

Charonne M

haro nne

ugu eA

edru

Roll

e herb Faid

ste

Rue des Boulets M

C de

ipp Phil

Ave nue L

vard ule

de C

nue Ave

Rue

ne ron

Rue

Opéra Bastille

CONTACTEZ-MOI

Charon

Rue de

nom *

ie Ha

Maraichers M

Avron M

e-mail *

rg Sa

int An

message

lets

Faubou

Rue du

B es

Faidherbe-Chaligny M

Rue de Montreuil

prénom *

toine

Adresse e-mail invalide !

Nation M Cours de

Vincenn

* Champs obligatoires

ENVOYER

iconographie

écrans FR / EN / ES

écrans

écrans CRÉTEIL (94) - ZAC PETIT PRÉ SABLIÈRES Mutation complète d’un grand îlot de logements sociaux en un nouveau quartier ouvert sur la ville. Maîtrise d’ouvrage : Expansiel. Durée de la mission : 2011-2015. Superficie de de la ZAC : 3,2 ha. Missions : • Maîtrise d’œuvre urbaine. Programme mixte : bureaux, équipements, logements dont logements étudiants. 37000 m2 de SHON total et 370 logements (30 % de locatif social). • Maîtrise d’œuvre des espaces publics. Montant des travaux : 5 700 000 € HT Équipe : • ATELIER RUELLE mandataire. • BERIM, Bet VRD/Infrastructures. • AGI2D, BET environnement.

La transformation est attentive au rythme des mutations, à la diversification des programmes comme aux enjeux d’ouverture sur la ville (métro et TVM). Elle intègre plusieurs contraintes (adossement aux ouvrages de la RD1 et du métro, bruit, PPRI et optimisation des surcoût liés à la présence de terres polluées) qui sont compensées par un exigence forte en termes de qualité urbaine et de qualité environnementale.

CRÉTEIL (94) - ZAC PETIT PRÉ SABLIÈRES Mutation complète d’un grand îlot de logements sociaux en un nouveau quartier ouvert sur la ville. Maîtrise d’ouvrage : Expansiel. Durée de la mission : 2011-2015. Superficie de de la ZAC : 3,2 ha. Missions : • Maîtrise d’œuvre urbaine. Programme mixte : bureaux, équipements, logements dont logements étudiants. 37000 m2 de SHON total et 370 logements (30 % de locatif social). • Maîtrise d’œuvre des espaces publics. Montant des travaux : 5 700 000 € HT Équipe : • ATELIER RUELLE mandataire. • BERIM, Bet VRD/Infrastructures. • AGI2D, BET environnement.

écrans

écrans VALEURS

écrans Paul Keyro. Chef de chantier.

Alexandre Dubois. Architecte.

Emile Lymet. Géomètre-topographe.

Aurélie Devin. Décoratrice.

www.keyro.bati.com

www.alexdubois.archi.com

www.lymet.geotopo.com

www.aureliedevin.deco.com

Je suis sur le terrain par tous les temps ! Pendant toute la durée des travaux, j’organise le planning des différents corps de métier et contrôle le travail des ouvriers. Je travaille avec le conducteur de travaux, avec qui je participe aux différentes réunions de chantier et je règle les tâches administratives.

je suis chargé d’obtenir le permis de construire, de négocier les prix avec les entrepreneurs qui réaliseront le chantier, je veille au respect de toute la réglementation. Tout est pris en compte pour pouvoir dessiner un premier plan et graver dans le marbre les indications techniques.

Je fonde mon travail sur les plans et les relevés effectués sur le terrain par mon collègue le technicien géomètre. À partir de ces données précises (altitude, présence de poteaux, d’arbres, de murs), j’imagine les travaux d’aménagement nécessaires à la réalisation du projet.

J’aménage les intérieurs en fonction des souhaits de mes clients et des règles esthétiques (harmonie des couleurs). Évoluant souvent dans le sillage de l’architecte d’intérieur, je suis intégré dans une équipe et travaille sur les chantiers avec les différents corps de métier.

écrans Alexandre Dubois

Ullenda consequossit autem quatia int apicia conem et aut et pa voluptat mo maioruntem aut

@Alexandre Dubois 22mn

Apiendant, nobit omnis et veriasp icturemos ut labore aut ipsam remos es quiandi tota dolorum.

Anne Margairaz

@MargairazAnne 30mn

Aniate cumquidi di ommolut quatis re natibus, optur, nobis distiae voluptae et am quis es accus as dolut labo. Sedis di accullabo. Nem.

Aurélie Devin

@AurelieDevin 56mn

Solo que nimi, corem. Vitem nis inis dolutem. Paul Keyro

Agenda de la semaine Piscine de la Butte aux Cailles

Anne Margairaz

John Smith

@PaulKeyro 58 mn

Ximeniscillam quas am consed qui ut voluptea. Anne Margairaz

@MargairazAnne 2 h 32mn

Ullenda consequossit autem quatia int apicia conem et aut et pa voluptat mo maioruntem aut

Alexandre Dubois

@Alexandre Dubois 3 h 08

Officimpor sitatium quas impos ventem volupitio ex esequae nobis magni doloren imint.

écrans

 Scénario interactif Principes d’ergonomie : Mieux distinguer le positionnement de l’utilisateur dans le site grâce au changement d’état du lien dans le menu principal. L’utilisateur peut naviguer dans un projet grâce aux flèches et aux vignettes. Le changement de couleur des pictos des réseaux sociaux pour mieux distinguer le lien choisi. Accès à l’information : L’utilisateur aura accès aux différentes rubriques du site grâce au menu principal ou bien en scrollant. L’utilisateur pourra consulter les projets à partir des sous-menus Projets, filtrés par thème ou en cliquant directement sur la vignette du projet. L’utilisateur aura accès à l’actualité de l’Architecte soit en consultant les dernières publications sous la rubrique actualité soit en consultant ses différents réseaux sociaux. L’utilisateur pourra contacter l’Architecte par téléphone, grâce aux différents réseaux sociaux figurant dans la rubrique contact ou par le formulaire de contact. L’utilisateur pourra contacter les partenaires soit via les différents réseaux sociaux soit via l’URL de leurs sites.

Projet Final - Mars 2015

 Scénario interactif Les parcours types des utilisateurs:

Projet Final - Mars 2015

 Scénario interactif Les parcours types des utilisateurs:

Projet Final - Mars 2015

 Scénario interactif Les parcours types des utilisateurs:

Projet Final - Mars 2015

IV. DESCRIPTION TECHNIQUE

Projet Final - Mars 2015

 Solutions sur mesure Notre cliente souhaite que son site soit présenté en « one page ». On pourra envisager de développer le site en HTML. La mise à jour du site se fera une ou deux fois par an. La cliente ne souhaite pas gérer les mises à jour et accepte que le site ne soit upgradé que 2 fois par an. (VS CMS) Technologies HTML, CSS, JQUERY on pourra pour certains cas aussi proposer et disposer de bibliothèques PHP pour les liaisons hors site des flux RSS non-automatiques. Projet Final - Mars 2015

 Bases de données

IMAGES ID ID PROJETS URL

PROJETS ID ID TYPE NOM ANNÉE DESCRIPTION

TYPES ID INTITULÉ

COLLABORATIONS

RÉSEAUX SOCIAUX

ID IMAGE NOM TÉL EMAIL

ID ID COLLABORATION PICTO URL

SCHÉMA GÉNÉRAL Projet Final - Mars 2015

 Hébergement (online) L’hébergement du site pourra se faire sur le site OVH car au vu de la taille du site (Site vitrine), et des propositions à disposition, cela peut amplement convenir. La solution acceptera les langages dynamiques, bases de données et comprendra aussi la création de nom de domaine, mail pro.

1,99€

HT/ mois

(SOIT 2,39€ TTC)

Cette proposition permet de mutualiser le coût sur une période définie. (engagement de 12 mois) Projet Final - Mars 2015

V. WEBMARKETING

Projet Final - Mars 2015

 Référencement Afin d’établir un référencement cohérent, nous allons nous mettre à la place d’un visiteur du site et ce qu’il va chercher sur le web pour nous trouver. Pour commencer nous allons établir une liste de mots personnelle, ensuite nous ferons une recherche sur un site concurrent afin de vérifier la pertinence de nos résultats.

architecte Paris cabinet architecte Paris architecte

free-lance

architecte paysagiste architecte scénographe scénographe architecte urbaniste

scénographie

urbaniste Paris

architecte décorateur intérieur Projet Final - Mars 2015

On propose souvent d’établir des recherches de mots-clés, pertinence oblige (4 mots). Mais dans le domaine architectural, la recherche au delà de 2 mots est réduite à 0 résultats. (ex: architecte décorateur d’intérieur paris = 0) Recherches/mois

49 500 22200 3600 2900 480 110 90 50 30

architecte architecte d’intérieur architecte paysagiste, architectes architecte paris architecte urbaniste, architecte intérieur paris projets urbains architecte scénographe architecte décorateur architecte décorateur d'intérieur, projets architecture Mots-clés

Projet Final - Mars 2015

Une recherche via le site SEMRUSH a été faite afin de voir le travail de référencement effectué par nos concurrents.

Projet Final - Mars 2015

La recherche trouve 4 mots-clés organiques orientés sur le graphisme, l’illustration & perspective de l’architecture. (la combinaison graphiste / architecture ressort avec 20 recherches mensuelles pour un CPC de 0.)

Projet Final - Mars 2015

La recherche trouve 4 mots payants, le site a donc choisi de faire appel à ces 4 mots pour obtenir un meilleur ranking. (Ici aucun mot ne correspond réellement aux mots-clés de notre cliente.)

Projet Final - Mars 2015

On s’aperçoit que ce site ne dispose pas de mots-clés payants, et qu’un seul mot ressort: architecte freelance. Il n’est qu’en 3eme position du classement avec un volume de 50 recherches mensuelles. Aucun mot-clé payant n’a été sollicité. Projet Final - Mars 2015

Mot-clé projets urbains architecte scénographe architecte décorateur projets architecture

Volume mensuel

Recherche

110 90 50 30

Personnelle .. .. ..

La recherche trouve 4 mots payants, le site a donc choisi de faire appel à ces 4 mots pour obtenir un meilleur ranking. (Ici aucun mot ne correspond réellement aux mots-clés pour le site de notre cliente.)

Projet Final - Mars 2015

 Partenariats Notre stratégie consistera à animer et donner de la visibilité au site. Animation du site Pour cela on proposera sur chaque page du site des liens réciproques entre tous les médias à notre disposition. Ce qui permettra également à notre cliente d’animer son actualité via du réseautage. On proposera aussi de paramétrer les boutons de partage des outils RS afin de maitriser les mots-clés et la marque de la cliente. On proposera également une solution de gestion de comptes de médias sociaux. (Hootsuite, gratuit pour 3 réseaux). Plusieurs widgets de veille permettrons aussi de combler l’absence d’activité de notre cliente afin de continuer à produire du lien entre site internet et réseaux. Projet Final - Mars 2015

 Partenariats

Projet Final - Mars 2015

 Partenariats

Projet Final - Mars 2015

Liens réciproques La mise en place de liens réciproques nous permettra d’établir un partenariat sous forme d'échange de liens entre plusieurs sites complémentaires, afin d'augmenter mutuellement leur fréquentation. Il s'agit de faire correspondre notre stratégie de promotion avec les moyens de notre cliente pour que ce soit plus avantageux, tant en termes de simplicité de mise en œuvre que de coût. L'échange de liens nous permettra de bénéficier de trafic qualifié en provenance des sites partenaires et des réseaux sociaux choisis.

Projet Final - Mars 2015

Afin d'établir ce type de partenariat, il sera nécessaire au préalable de choisir des sites complémentaires (en lien avec ses « VALEURS » par exemple). On les choisira en fonction des critères suivants : • Qualité du contenu (LinkedIn, qui produit de nombreux groupes de discussion et de réseaux dans le réseau.)

• Positionnement dans les communautés (Pinterest, communauté de choix (artistique), centres d’intérêts et influences graphiques de qualité, aussi maitrisé par notre cliente.) • Affluence (Tweeter, outil de communication entre clients et entreprises, coût technologique faible, maitrisé par notre cliente)

Projet Final - Mars 2015

Visibilité du site Pour préparer le lancement du site de notre cliente, on pourra élaborer plusieurs pistes: - Le référencement « pro » dans les annuaires dédiés architecture (ex: Bati-actu, également suivi sur les RS), - On adhèrera aux groupes de discussions de tous les réseaux sociaux afin de diffuser du post (ses propres projets par exemple) et ainsi être suivi et partagé par le maximum de personnes, - On envisagera un post sponsorisé sur une période de 3 jours répété à 4 reprises à 3 semaines du lancement du site web. Au lancement du site: Un e-mailing pour présenter aux partenaires de la cliente l’ouverture du site, on s’appuiera sur la base de données de la cliente avec un fournisseur de solutions d’e-mailing. (ex: Mailchimp) On s’appuiera également sur les réseaux sociaux pour re-partager la page et, pourquoi pas, re-proposer un post sponsorisé. Projet Final - Mars 2015

 Plan média Notre cliente participe au concours EUROPAN 2015. En préparant un communiqué de presse, on crédibilisera Anne Margairaz, on lui donnera une stature, on renforcera son image par rapport à ses concurrents. On bénéficiera aussi d’une visibilité gratuite ! Dans le cas où notre cliente remporterait ce concours (elle a terminé 4e à un précédent EUROPAN), cela deviendrait l’opportunité idéale pour le réaliser. Exemple de sommaire du dossier de presse : 1. La date de publication et le nom de la société Identité de l’entreprise: “Communiqué de presse Société X” / “Paris le 01/05/2015” 2. Le titre Anne Margairaz, grande gagnante de la 15ème édition du concours Europan.

Projet Final - Mars 2015

3. L’accroche du communiqué Un petit paragraphe qui résumera en quelques lignes tout le communiqué de presse, ce que doit retenir le journaliste. 4. Le corps du communiqué On pourra présenter dès le début une photo de notre cliente ainsi qu’une photo du projet gagnant. Ensuite on présentera le cadre du concours avec un vocabulaire riche, avec des mots-clés et des slogans afin que le communiqué soit facilement mémorisable. (Nombre de participants, déroulement des épreuves, les conditions, etc.) 5. La conclusion du communiqué On trouvera en conclusion un rappel des finalistes, on proposera un contact avec les divers médias qui y ont participé (agences, etc.) et les sponsors du concours. On terminera par un appel d’action vers les coordonnées de notre cliente. Projet Final - Mars 2015

Projet Final - Mars 2015

VI. VIE DU PROJET

Projet Final - Mars 2015

 Equipe Pré-production : Etablissement des planches graphiques (Moodboards) pour représenter l’univers de la cliente. Aurélie, Clémence, Pascal. Production : -Création de la charte graphique, du logo. Aurélie et Clémence (Logo & pages du sites), Pascal (Détail des pages, création des éléments print)

-Intégration des pages web de démonstration du site pour le jury: Aurélie et Clémence -Création arborescence, ergonomie et parcours utilisateur:

Aymen -Création du cahier des charges, gestion du projet Aymen et Eddy Projet Final - Mars 2015

 Planning production

Pascal Hurter Clémence Guibout Aurélie Renier Aymen Younes Eddy Vaulet

Projet Final - Mars 2015

Pascal Hurter Clémence Guibout Aurélie Renier Aymen Younes Eddy Vaulet

Projet Final - Mars 2015

Pascal Hurter Clémence Guibout Aurélie Renier Aymen Younes Eddy Vaulet

Projet Final - Mars 2015

 Planning prévisionnel

Date d'envoi prévu Retour pour le 20-févr 24-févr 23-févr 25-mars 23-févr 25-mars 26-févr 02-mars 26-févr 04-mars 02-mars 09-mars 09-mars 10-mars 10-mars 10-mars

Objet Validation des planches de tendances Wireframes Home page Contenus du site Déclinaison des pages Intégration Recette Jury final

Février Mars 20 21 22 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11

Projet Final - Mars 2015

 Budget prévisionnel

Projet Final - Mars 2015