DOSSIER DE CONCEPTION DU SITE FiftyFriendly

Licence MTM - 2013/2014 - Thomas Nestolat

Paco 9,//(7$5'�Ǖ Ralph :$5'�Ǖ Leslie %(6$&,(5�Ǖ� William MONTAGUT - Guilhem LAVIERS

1 | P a g e

Sommaire

Introduction ...................................................................................................................................... 2

Analyse des besoins ........................................................................................................................ 4

Besoins de l’entreprise ................................................................................................................. 5

Besoins de l’utilisateur .................................................................................................................. 7

Définition de la cible ..................................................................................................................... 8

Benchmarking ............................................................................................................................ 12

Analyse et comparatifs de produits concurrents existants ...................................................... 12

Adopte Un Mec ....................................................................................................................... 14

On Va Sortir ............................................................................................................................ 23

Quintonic ................................................................................................................................. 34

Fonctionnalités des concurrents : les points forts. ................................................................. 42

Cadrage ......................................................................................................................................... 45

Compte rendu d’une réunion de cadrage de l’équipe ................................................................. 46

Brainstorming ............................................................................................................................. 47

Listing des contenus, médias, fonctionnalités. ........................................................................... 52

Tri et organisation de ces éléments ........................................................................................ 60

Cahier des charges ........................................................................................................................ 64

Architecture - Arborescence du produit et processus des principaux modules .......................... 65

Schématisation des templates .................................................................................................... 69

Spécifications techniques ........................................................................................................... 92

Charte graphique ........................................................................................................................ 94

Annexes ......................................................................................................................................... 95

2 | P a g e

Introduction

Il est aisé de constater que le marché des seniors est en plein essor. Rien qu’en regardant

le monde autour de nous, il nous est impossible de rester aveugle face au vieillissement de notre

population. Cela est encore plus probant lorsque l’on se renseigne sur la problématique actuelle au

niveau du fonctionnement du système des retraites par répartition. En effet, de plus en plus de

personnes arrivent à la retraite et le nombre d’actifs est de moins en moins suffisant pour financer

les pensions. Le nombre de seniors étant en pleine expansion le problème ne fait qu’empirer et les

gouvernements tentent de réformer le système pour qu’il continue à rester le plus stable possible.

Nous ne discuterons pas ici de la viabilité de telle ou telle réforme des retraites, tel n’est pas le sujet

aussi intéressant soit-il. Nous nous servons ici de cet exemple pour introduire le fait que le marché

des seniors est en plein développement. Ce fort développement a déjà commencé depuis plusieurs

années mais les statistiques montrent bien qu’il ne fait que commencer et que l’apogée n’est pas,

et loin de là, atteinte.

Selon une étude de l’INSEE en France, le nombre de personnes âgées de 50 ans ou plus

augmenterait fortement jusqu’en 2035, avec l’arrivée à ces âges des générations issues du baby-

boom pour arriver en 2060 à plus d’une personne sur trois ayant plus de 50 ans.

Nous parlons depuis le début de cette introduction des seniors, mais comment peut-on définir cette

catégorie de la population ? Le terme étant parfois utilisé dans des domaines très différents et

finalement peu de gens peuvent définir exactement quelle est cette tranche d’âge. Mettons-nous

d’accord tout d’abord sur une définition commune de cette cible dont nous parlerons tout au long de

ce dossier. Le terme « senior » regroupe toutes les personnes de plus de 50 ans actifs ou à la

retraite. Cette catégorie peut sembler très vaste et rassembler beaucoup de personnes différentes.

Il est vrai, et nous en sommes conscients. C’est pourquoi lorsque nous aurons besoin de détailler

cette population nous parlerons de quinquagénaire, de sexagénaires, de septuagénaires,

d’octogénaires... Car il est vrai qu’il s’agit en réalité d’un public quelque peu hétérogène qui

comprend des actifs, des pré-retraités et des retraités, des personnes en bonne santé ainsi que des

personnes avec des handicaps liés à la vieillesse.

Il est toutefois possible de généraliser des fonctionnements qui englobent toute cette population. Il

s’avère que ces personnes se sentent plus jeunes que leur âge, elles souhaitent profiter

efficacement des ressources qu’elles ont, les jeunes papy-boomers sont dans une consommation

plaisir, proche de celle des 40-50 ans. Pour la plupart, retraite est synonyme de liberté. Libérés de

prêt, sans enfants à charge, ils cherchent à améliorer leur qualité de vie, en travaillant leur

épanouissement personnel, en voyageant, en s’occupant de leurs petits-enfants, etc.

Le Credoc (Centre de Recherche pour l’Etude et l’Observation des Conditions de vie) fait apparaître

que les seniors représentent un pouvoir d’achat de 150 Milliards d’euros, qui devrait augmenter de

15% dans les 15 prochaines années, les plus de 50 ans gagnent 17 000 € par personne contre 13

000 € chez les moins de 50 ans soit 30% de revenus supplémentaires.

65% des plus de 50 ans déclarent que la conception des produits issus des Technologies de

l’Information et de la Communication (TIC) d'aujourd'hui ne leur convient pas. Pourtant les seniors

ont généralement des moyens et un pouvoir d’achat fort.

D’autant plus que l'arrivée parmi les seniors des baby-boomers, génération plus consommatrice

que les précédentes est un facteur à prendre en compte, la demande des seniors devrait

3 | P a g e

particulièrement augmenter dans des secteurs comme la santé, les télécommunications, et les

loisirs.

Actuellement les seniors consacrent une partie de leurs journées à surfer sur internet. 30 % des

internautes ont plus de 50 ans. Ce chiffre évolue très vite. 54 % des seniors ont un ordinateur chez

eux, ce qui correspond ici encore à la moyenne nationale.

46 % des 50-64 ans sont aujourd’hui connectés de chez eux à internet. Progressivement, ils

rattrapent la moyenne de la population française qui est de 53 % d’internautes.

De plus en plus équipés, ils seront plus consommateurs de nouvelles technologies.

Dans le cadre de notre formation, nous avons souhaité créer un produit multimédia orienté pour

cette tranche d’âge. Nous détaillerons ensemble les différentes étapes de la réflexion qui nous ont

conduits à ce projet, les besoins que nous avons identifiés et la solution que nous apportons à ces

manques.

4 | P a g e

Analyse des besoins

5 | P a g e

Besoins de l’entreprise

En ce qui concerne le modèle économique de notre site Internet, nous partons sur un site Internet

où les inscriptions sont gratuites.

Le site Internet bénéficiera de la technologie responsive qui permettra aux sites de s’adapter aux

différents supports utilisés pour y accéder : ordinateur, tablette, Smartphones.

Nous avons comme projet aussi de développer un service Premium/Vip. Ce service s’adresse

exclusivement à notre cœur de cible. Effectivement nous visons comme cœur de cible des seniors

avec des revenus supérieurs à la moyenne des autres seniors. Les membres de ce service auront

le privilège de participer à des événements créés grâce à des partenaires d’événementiel.

A l’inscription, nous allons demander un maximum d’informations afin de créer une base de données

qualifiée. Une base de données qualifiée couplée à une audience importante, permettra d’intéresser

certains des annonceurs, et donc pour nous de vendre des espaces publics publicitaires à un prix

élevé.

Effectivement nous avons prévu des espaces publicitaires classiques de type bannière bandeau…

Nous savons aussi pensé à utiliser des moyens moins agressifs pour faire de la publicité. Nous

allons utiliser des formats tels que les publi-rédactionnelles.

Pour des événements comme Pâques, Noël, les vacances, nous allons proposer à certains des

annonceurs la possibilité d’habiller le site Internet à leur couleur : exemple le site Internet aux

couleurs de la marque de chocolat Cémoi, ou bien de la marque Kinder à l’occasion de la fête de

Paques. Pour Noël des enseignes de jouets pourront être intéressés de communiquer sur cette

cible de clients potentiels.

L’entreprise étant jeune, elle a besoin aussi de se faire connaître du grand public. C’est pour cela

que nous allons optimiser le référencement naturel grâce à des contenus de qualité, un blog

qualifié…

Nous pensons aussi, afin de renforcer le référencement naturel, d’investir dans des campagnes de

référencement payant (Adwords, Facebook).

Nous allons investir dans l’achat de bases de données qualifiées afin de développer le nombre

d’inscrits.

Nous mettrons aussi en place un dossier presse que nous diffuserons un maximum afin de faire le

Buzz sur notre site Internet mais aussi de nous faire connaître auprès de leaders d’opinion.

Nous utiliserons le réseau universitaire afin de nous faire connaître également.

Nous comptons aussi sur le phénomène du bouche-à-oreille, mais aussi grâce à des membres avec

un fort réseau qui lanceront des invitations via l’outil disponible sur le site Internet.

Nous mettrons en place des partenariats avec différentes enseignes telles que des magasins de

jouets, des assurances, des magasins de bricolage de jardinage, des enseignes d’aménagement

d’extérieur et d’intérieur.

6 | P a g e

En ce qui concerne nos valeurs et notre image, Une chose est sûre en ce qui concerne notre base

de données, nous nous engageons à ne pas vendre celle-ci car nous pensons que cela dégraderait

l’image de l’entreprise.

Nous avons dû décider à l’unanimité que nous redistribueront un pourcentage des bénéfices à des

actions sociales en faveur des seniors (exemple : association de réintégrations de seniors).

Effectivement au-delà de l’aspect loisirs et festifs nous souhaitons nous investir socialement car

bien que nous ayons vu qu’une majorité de seniors avait un pouvoir d’achat élevé, beaucoup ont à

peine de quoi manger.

Étant plus un site Internet à but social qu’économique, nos les indicateurs clés de succès ne seront

pas le chiffre d’affaires généré par le site Internet mais ce qui déterminera la réussite de notre site

Internet, sera le nombre de membres actifs. Ensuite viendra le nombre d’événements créés, le

nombre de personnages regroupés par événement. Les notes des événements seront aussi

importantes afin de connaître la qualité de ces événements. Nous mettrons aussi en place un

système de recommandation. Voici nos objectifs sur deux ans :

1er mois 6 mois 1 an 2 ans

Objectif de nombre d’inscrits

(dans l’Hérault seulement)

500 3 000 10 000 60 000

Voici quelques explications : En 2014-2015, 37% de la pop aura plus de 50 ans. Dans l’Hérault il y a près d’1 millions d’habitants (chiffres de 2014) = 370 000. On compte toucher 1% le premier mois dans l’Hérault. En 2020 les seniors vont représenter plus de 40% Notre but est d’avoir un fort trafic, du contenu de qualité et garder une audience de qualité. Au début on vise seulement le département de l’Hérault, ensuite la région Languedoc. Selon la progression du nombre d’inscrits et selon notre succès nous viserons la France. On vise aussi d’être n°2 en nombre de membres sur les sites de rencontres amicales seniors et 1er en satisfaction client. On a besoin d’informations juridiques (CNIL, responsabilité pour l’organisation d’évènements, droit à l’oubli numérique). En ce qui concerne les coûts du projet, la création du site Internet impliquera forcément des dépenses à court terme et ensuite à long terme. Effectivement il faudra engager des dépenses pour la création et l’hébergement du site Internet et à long terme les coûts seront plus pour la gestion et l’évolution du site. Afin de réduire au maximum les coûts nous développeront le site Internet en interne.

7 | P a g e

Besoins de l’utilisateur

Notre cible est constituée des personnes de plus de 50 ans, la génération du baby-boom. Selon

notre étude de marché, cette cible est dans une période charnière de leur vie (divorce, préretraite,

plus d’endettement, plus d’enfants à charge, et beaucoup plus de temps libre). Les personnes de

plus de 50 ans ont besoin de s’épanouir, de profiter de leur vie et de s’impliquer dans des activités

qu’ils n’ont pas eu le temps de faire avant. Ils ont un fort pouvoir d’achat et du temps pour l’utiliser.

Ils recherchent principalement le plaisir à 59% et le bienêtre au travail pour les 50 - 60 ans encore

actifs. Leur santé est globalement satisfaisante et ils sont à l’apogée financière de leur carrière.

Les personnes entre 65 et 80 ans sont très nombreux à se consacrer au bénévolat. Ils sont libérés

des prêts et des enfants à charges. Leur train de vie s’en trouve donc amélioré et ils travaillent à

leur épanouissement personnel. Ils aiment voyager et s’occuper de leurs petits-enfants. Ils sont

pour une grande majorité intéressés par les domaines culturels et multiplient donc les sorties. Pour

6 seniors sur 10 leurs petits enfants sont au centre de leur vie avec en moyenne 4 petits enfants.

Les seniors représentent 38 % des dépenses de restaurant, 44 % des dépenses de communication,

57 % des dépenses de santé, 40 % des dépenses d’habillement alors qu’ils ne sont que 20 % de la

population.

En 2014 les seniors sont 11,6 millions sur Internet et représentent 24,1 % des internautes.

Une augmentation de 5 % en un an. Il faut savoir que les seniors sont la tranche d’âge qui passe

le plus de temps sur Internet. On peut parler de génération senior 2.0

Il faut savoir aussi que l’informatique a énormément évolué et que la pratique d’Internet est entrée

dans les mœurs. Internet n’est plus le domaine exclusivement réservé aux jeunes. Effectivement

une nouvelle catégorie de personnes que l’on appelle les Silvers surfeurs sont de plus en plus

présents.

Quelques chiffres intéressants en ce qui concerne cette cible : 61 % des 60-69 ans disposent d’un

ordinateur à la maison.

Les seniors sont à peu près 2 millions sur Facebook et 1,3 millions sur Twitter.

Les seniors passent en moyenne 11 heures par mois sur Internet et consultent plus de 700 pages.

Quelles sont les centres d’intérêt des seniors sur Internet ? 49 % des seniors considèrent qu’Internet

est important pour leur vie sociale et 19 % pensent qu’Internet est primordial dans leur vie

quotidienne.

Quelques freins cependant à l’utilisation d’Internet : 51 % des seniors craignent une violation de

leurs données personnelles.

Les dernières études du CREDOC, prouvent que les seniors connectés à Internet entretiennent

plus de relations sociales envers leurs familles leurs amis ou même avec des inconnus.

8 | P a g e

Définition de la cible

Profils types des futurs utilisateurs:

Cible principale Cœur de cible Cible secondaire

- Personnes qui se sentent

seules souhaitant faire de

nouvelles rencontres.

- 45ans et plus

- Personnes relativement à l’aise

avec les nouvelles technologies

de l’information et de la

communication

- Utilisateurs de notre site ayant

un compte Premium.

- Utilisateurs ayant une situation

financière aisée participant aux

évènements proposés.

- Utilisateurs ayant leurs fiches

de profil bien remplies.

- Toutes personnes

curieuses de découvrir

FiftyFriendly

Personas :

Cible principale

Prénom: Joseph et Martine

Age: 60 et 58 ans

Profession: Joseph est employé de mairie et Martine est

caissière

Rôle: Utilisateurs réguliers de FiftyFriendly

Description: “Nos enfants sont partis depuis quelques années déjà et avec ma femme nous

commencions à ressentir une petite monotonie dans notre vie. Nous recherchons sur FiftyFriendly

des personnes partageant les mêmes passions que nous afin de lier de nouvelles amitiés”.

Niveau informatique: 3/5, Joseph surf souvent sur internet, il n’est donc pas dépaysé par

FiftyFriendly, en revanche Martine n’est pas à l’aise avec les NTIC mais arrive à utiliser notre site.

Missions: Grâce à FiftyFriendly ils ont pu rencontrer un couple partageant la même passion qu’eux,

qu’est le théâtre.

_________________________________________________________________

9 | P a g e

Prénom: Mireille

Age: 55 ans

Profession: Mireille est auxiliaire de vie

Rôle: Utilisatrice régulière de FiftyFriendly

Description: “Je suis célibataire depuis 3ans j’ai deux enfants qui ont 23 et 14ans, et je souhaite

trouver une occupation pendant mon temps libre. Depuis que nous nous sommes séparés avec

mon ex-compagnon je cherche désespérément à essayer de l’oublier et faire des rencontres et des

sorties sympas”

Niveau informatique: 2/5, Mireille n’a pas un bon niveau en informatique, ça lui arrive de se retrouver

perdue sur certains sites mais avec FiftyFriendly l’apprentissage d’utilisation a été très rapide.

Missions: Habituée au site de rencontre comme Meetic ou encore OnVaSortir, elle s’est penchée

vers FiftyFriendly car elle trouve que les autres sites ne sont pas assez simple à utiliser et sérieux.

___________________________________________________________________

10 | P a g e

Cœur de cible

Prénom: Alain

Age: 52 ans

Profession: Avocat

Rôle: Inscrit sur FiftyFriendly depuis peu.

Description: “Je suis célibataire j’ai un enfant âgé de 20ans ne vivant plus à mon domicile, je me

suis inscrit sur FiftyFriendly afin de faire des rencontres amicales, je me suis déjà inscrit sur

OnVaSortir mais c’est trop populaire à mon goût, je suis tenté par les évènements que propose

FiftyFriendly, ayant choisi la formule premium j'espère ne pas être déçu”.

Niveau informatique: 5/5, Alain surf souvent sur internet, très équipé il possède un PC portable, une

Tablette et un Smartphone.

Missions: Alain vient de s’inscrire à une soirée à thème, il espère y trouver des personnes

partageants la même vision de la vie que lui.

___________________________________________________________________

Prénom: Francis

Age: 65 ans

Profession: Retraité, ancien cadre chez Air France

Rôle: Utilisateur régulier de FiftyFriendly et inscrit depuis plus d’un an

Description: “Étant à la retraite depuis peu, et vivant seul j’étais tout de suite intéressé par le concept

de nouvelles rencontres autour d’évènements. J’étais curieux de découvrir le site mais je craignais

de ne pas rencontrer des personnes partageant les mêmes centres d’intérêts que moi ou encore de

me retrouver dans des évènements ouverts au tout venant”.

Niveau informatique: 4/5, Francis est un habitué des réseaux sociaux il est déjà inscrit sur Facebook,

et Viadeo.

Missions: Francis a fait de nombreuses rencontres amicales sur FiftyFriendly et se retrouve

désormais régulièrement avec ses nouveaux amis pour des sessions de golf.

___________________________________________________________________

11 | P a g e

Cible secondaire

Prénom: Anne

Age: 35 ans

Profession: Professeure d’Histoire/ Géographie

Rôle: Utilisatrice occasionnelle de FiftyFriendly

Description: “J’ai passé une bonne partie de ma jeunesse sur les bancs de la faculté. Je souhaitais

devenir une antiquaire. Les personnes que je fréquente sont en général cultivés et plus âgés. Avec

FiftyFriendly je souhaite participer à des évènements culturels et rencontrer des personnes

cultivées”.

Niveau informatique: 4/5, Anne travail beaucoup sur Internet dans le cadre de son travail.

Missions: Anne a pu trouver des personnes lui correspondant grâce à notre système de recherche,

et discute avec eux à travers notre réseau social, elle débat également sur nos forums sur plusieurs

thèmes qui l’intéressent.

___________________________________________________________________

Prénom: Paul et Irina

Age: 50 ans et 47 ans

Profession: Directeur commercial et graphiste

Rôle: Utilisateurs occasionnels de FiftyFriendly, récemment inscrits

Description: “Nous nous sommes inscrit sur FiftyFriendly parce que des amis

nous l’ont conseillé, nous disant qu’ils avaient vécu des aventures incroyables,

grâce à ce site ils font désormais parti d’un club de randonné et parcourent de

nombreux sites en France avec des amis rencontrés sur ce le réseau social”.

Niveau informatique: 4/5, Ils ont l’habitude d’utiliser Internet

Missions: Inscrit depuis peu ils n’utilisent pas encore le site régulièrement car occupés par leur

travail, il souhaite néanmoins participer à divers évènements.

12 | P a g e

Benchmarking

Analyse et comparatifs de produits concurrents

existants

Nous allons tout d’abord déterminer les principaux concurrents.

Quintonic (DNX.corp) On va sortir! Adopteunmec

Capital social 464.870,31€ 1000 € 7500 euros

Chiffre

d’affaires

2012

57 076 300€ 1 500 000 €

(2013)

12 430 300 (2013)

Effectif 125 salariés A vérifier 40

Statut

juridique

SE (société

européenne)

Société à

responsabilité

limitée à associé

unique

SARL unipersonnelle

Siège social Luxembourg 75010 PARIS

Place Vendôme (75001) à Paris

Dirigeant,

propriétaire

DNXCorp NetUNeed (Mr

Jeremy Routier)

- Directeur de Publication du site

est Monsieur Olivier Fredj

- Directrice Editoriale est

Madame Marie Gautheron

Spécialité de

l’entreprise

Plateforme

communautaire dédiée

aux seniors

site de sorties

amicales, site de

proximité

site de rencontres décalé où

seules les filles peuvent aborder

les mecs

Date de

création

2011 2007 2006

Nombre

d’utilisateurs

230.000 membres 1 millions en 2009 5,7 millions d’inscrits

13 | P a g e

Modèle

financier

Actuellement Quintonic

est gratuit et ne réalise

qu'un chiffre d'affaires

limité avec des recettes

publicitaires

Les revenus

proviennent en

grande partie de

la publicité́ en

ligne.

le site s'autofinance grâce à la

publicité, et aux abonnements

des hommes

Leurs projets - Le nouveau

propriétaire ambitionne

d'enrichir le site de

Quintonic par de

nouvelles fonctionnalités

en partie payantes.

A vérifier JD Chamboredon: « Vu la taille

du marché français, ils ont

sûrement encore une très belle

marge de progression et un gros

potentiel de croissance sauf à ce

que le concept s’use ou soit

dévoyé par ses utilisateurs. »

Disponible

sur mobile?

non site mobile

appli iphone,

android, Windows

phone

appli iphone, android, blackberry

1 million d’applications

téléchargées

Cible plus de 50 ans plus de 30 ans célibataires + de 18ans

14 | P a g e

Adopte Un Mec

Description

AdopteUnMec, abrégé AUM, est un site web et en même temps une entreprise française de service

de rencontre en ligne. Il s'agit d'un des plus grands sites français de rencontre en ligne (« numéro

1 en nombre de pages vues » selon Libération). AdopteUnMec a pour objectif d'offrir plus d'initiative

aux femmes, de leur permettre d'être « celle qui sélectionne » une future relation.

Fonctionnement

Pour les hommes

Les hommes appelés produits souhaitant utiliser le service (un « Mec ») s'inscrivent sur le site pour

pouvoir consulter les profils de femmes inscrites appelées clientes. Les hommes peuvent essayer

d'entrer en contact avec les femmes de leur choix, à l'aide d'un « charme », une fonctionnalité

payante qui envoie une notification à la femme qui peut alors choisir de l'accepter ou le refuser. En

cas d'acceptation par un "oui" l'homme peut entrer en contact avec la femme et continuer à charmer

d'autres femmes, en cas d'acceptation par un "réserver" l'homme ne peut plus charmer d'autre

femme ni envoyer de messages à d'autres pendant 24 heures.

Pour les femmes

L'utilisation du site est gratuite pour les femmes, ces dernières disposent en outre de bien plus de

droits que les hommes. Elles ont notamment la possibilité d'« adopter » les hommes célibataires et

ainsi d'engager une conversation. Tant qu'un homme n'a pas été adopté, il ne peut pas adresser de

message à une femme. Une fois la conversation engagée et que l'homme plaît à la femme, cette

dernière peut l'ajouter au panier. Elles ont également la possibilité de se demander en ami entre

elles. Pour les filles débordant de rendez-vous le site met à leur disposition un agenda.

Design

Logotype

Adopteunmec.com

Le logotype n’est que d’une seule couleur (blanc) sur un fond noir.

Il représente une femme qui met dans son caddy de super marché un homme.

Le dessin est très simplifié, il reprend les codes graphiques des icônes.

Le mot « adopte » et « mec » ont une police bold importante.

Le texte est plus gros que le visuel.

Charte graphique

Couleurs principal

La couleur noire représente le luxe, la classe, la qualité.

Le couleur rose (tonique du site) représente la féminité, le bonheur, l’amour.

Autres : Le gris et le blanc sont là pour la lisibilité, l’aération du site et des textes.

Typographie

Typographie en Antique, linéale, capitale, bas de case, bold, regular.

La typographie antique est la plus lisible sur le web.

Manuscrite, représente l’écriture à la main, l’intimité, proche.

Blocs

Tous les blocs bords pointus.

15 | P a g e

Les boutons ont des bords arrondis.

Images

Photos

Les photos publicitaires du site sont travaillées. Les couleurs restent dans celles du site (n&b, filtre

ou tonalité rose etc.). Les images sont sélectionnées avec soin car elles sont bien en rapport avec

la thématique choisie (adopte un barbu, comique, gros …).

Pour les photos de profils des clients, le site ajoute un léger filtre qui adoucit les couleurs (tonalité

rose/beige/pèche). Cela harmonise entièrement le site et le différencie largement de la concurrence.

De plus, « adopteunmec » donne des réglementations et conseil pour les photos à ajouter sur son

compte (le visage, la personne des pieds à la tête, ne pas mettre de parties dénudées du corps…).

Donc globalement, la cible joue le jeu de suivre les conseils du site, ce qui donne un aspect de

confiance. Mais il arrive parfois (rarement) que certains ne suivent pas les règles (photos d’autres

personnes, voie pas le visage etc.).

Icones

Les icônes des réseaux sociaux sont dans des ronds.

Il y a toujours une icône qui accompagne une rubrique du site (recherche, ma page, mails …). Celle-

ci est simple et efficace. Elles apportent une lecture agréable au site et permettent de faire un lien

avec le logotype.

Remarque

Le site à une super identité graphique. Chaque points, chaque détails à étaient travaillé et réfléchie.

C’est un site qui fait un sans-faute !

Note générale 4,5/5

16 | P a g e

HOME PAGE - Note 4,1/5

Home page - Première fois sur le site 4/5:

Contenus :

_ Barre de menu avec connexion

_ Carrousel de photos (activités), inscription rapide,

connexion Facebook

_ Nos offres à la une (trois propositions de sélection avec

photo et texte)

_ Nos dernières clientes (photos, pseudo, âge, ville)

_ Nombre de petits mots échangés, boutique ouverte 7j/7,

livraison rapide, mise en panier illimitée, des nouveautés

tous les jours

_ Footer

Interactivité : Lorsqu’on clique sur des éléments du site, on

nous force à nous inscrire.

Remarques : La home page est complète. Une phrase

contextuelle en haut de page serait bien.

Home page - Quand on est connecté - Note 5/5:

Contenus :

_ Barre de menu

_ Profil à compléter (description, annonce, photos, détails,

personnalité …)

_ Une grande photo avec une suggestion

_ Produits régionaux (profils de personne de la région)

_ Facebook+ ajouter vos amis

_ Tombés du camion (profil d’une personne) - actualités

(dernier mail, dernière visite, charme, vos actus)

_ Recherche rapide (personnes à rencontrer)

_ Footer

Ergonomie : Il y a eu un bon travail de zoning et de

wireframe pour ce site. Les éléments sont bien disposés. Le

site est fonctionnel, lisible, simple et assez facile à utiliser.

Interactivité : Lorsqu’on clique sur les profils on va

directement dessus. On a un petit bouton sur la partie droite

du site qui nous permet de prévenir d’un bug sur le site.

Remarques : La home page est complète. On a des

activités et des suggestions qui changent. On voit les

personnes connecté sur le site.

17 | P a g e

Barre de menu - Note 4/5

Contenus :

_ Bonjour pseudo, mon compte (inviter des amis, modifier mon profil, mon compte, déconnexion),

mon panier

_Mails, charmes, visite, chat - recherche, ma page, mes amies, lab - pts

Ergonomie : La barre de menu est bien, celle-ci se bloc en haut de la page web lorsqu’on scroll.

Le bouton “mon compte” n’est pas assez visible même si il est sous le logotype dans la barre de

menu.

Interactivité : Lorsqu’on est sur une icône, un fenêtre “astuce” apparait et explique la rubrique.

C’est une très bonne idée pour guider l’internaute.

Remarques : Bien dans l’ensemble excepté le bouton “compte”.

Footer- Note 3,5/5

Contenus :

_ Facebook + “Suivez-nous sur” twitter, Facebook et Google+

_ Phrase explicative du concept du site

_ Aide, règles de prudence, CGU, charte de confiance, nous contacter, adopteunmec recrute,

presse, mobile, lab, mentions légales

_AUM.com est disponible sur votre mobile (app store, Google play et blackberry)

_ Copyright

Ergonomie : Le footer est trop grand sinon la hiérarchisation des éléments est bien.

Interactivité : Lien vers les réseaux sociaux

Remarques : Le contenu du footer est bien mais il est trop grand.

18 | P a g e

Inscription - Note 4,3/5

Première étape - Bouton d’inscription rapide - Note 5/5

Contenus : “inscription rapide” + sexe, date de naissance, e-mail

+ bouton d’inscription

Ergonomie : Le bloc d’inscription est accessible par sa position

dans la homepage (à droite en dessous de connexion). Le bloc

et les boutons sont imposants, ce qui assure sa lecture. Le bloc

est lisible, simple et rapide d’utilisation. Il aide et guide l’internaute

qui arrive sur le site pour la première fois.

Interactivité : Lorsqu’on clique sur le “je m’inscris”, on a un pop-

up qui s’affiche (2eme étape).

Remarques : Visible, simple, rapide et efficace. Juste parfait.

Deuxième étape - Pop-up d’inscription - Note 4,5/5

Contenus : “inscription gratuite en moins d’une minute” (sexe, date de naissance, e-mail et bouton

d’inscription) + mot de passe, confirmation du mot de passe, pseudo, certification des informations

(âge) et demande d’envoi de mailing. Les informations sont bien structurées.

Ergonomie : Le bloc d’inscription prend la hauteur de la page mais laisse apparaitre le site en

arrière-plan. Il est imposant mais il laisse la liberté à l’utilisateur de partir. Cela met en confiance, on

ne se sent pas piégé et forcé. Même si on a le risque que l’internaute parte de la page d’inscription,

il reste sur le site (homepage).

Interactivité : Lorsqu’on clique sur le “je m’inscris”, on a un pop-up qui s’affiche (3eme étapes).

19 | P a g e

Troisième étape - Pop-up d’inscription de dernière étape - Note 3,5/5

Contenus : Demande d’ajout de photos de

profil + bouton télécharger. Taille, silhouette,

style, alcool, tabac, travail + terminer.

Ergonomie : Le bloc d’inscription prend la

hauteur de la page mais laisse toujours

apparaître le site en arrière-plan. Les

informations sont lisibles et hiérarchisés.

Interactivité : Lorsqu’on clique sur le

“terminer”, on arrive sur notre page.

Remarques : Cette inscription est bien pour

l’ajout des photos mais les informations

demandées ne sont peut-être pas utile pour

notre projet.

Création profil - Note 4,5/5

Page profil - Note 4/5

Contenus :

_ Bouton “éditer mon profil”- Pseudo, âge, ville - Détails >

yeux, cheveux, mensurations, style, origines, hobbies,

profession, alcool, tabac, alimentation, signes particuliers

- Description des personnes - Shopping list (ce que

recherche la personne). Photo, popularité en

pourcentage, mails, charmes, visites, paniers, bonus,

total - Tableau des trophées -

_ Suggestions (personnes à rencontrer) - Produit

régionaux (personnes du coin) - Recherche rapide (de

personne à rencontrer). C’est informations

complémentaire en bas de page sont une très bonne idée.

Ergonomie : La séparation des informations en deux parties est bien. Cependant, le bouton éditer

profil est top petit mais il est bien positionné. Pour les blocs détails, description, shopping list, le

contenu des blocs est trop petits et donc dur à lire.

Interactivité : Bouton “éditer profil” mène vers la page “éditer son profil”.

Remarques : La page est bien complète, par contre certains éléments sont trop petits.

20 | P a g e

Edition de mon profil - Note 5/5

Contenus : Onglets horizontaux

> Mes photos - en couverture, mon album photo

> Mon annonce - pseudo, statut, annonce (description et

shoping list)

> Ma description - description générale (physique, alcool,

tabac, alimentation), détails (profession, université, hobbies,

musique, cinéma, livres, tv/séries)

> Mon sexe

> Ma personnalité

Ergonomie : L’idée des onglets fonctionne bien. Le fait de

séparer l’édition du profil en plusieurs petites étapes est une

bonne idée. (J’ai fait un test avec ma mère, elle a de suite

compris)

Design : Fond blanc, grand titre dans des cartouches gris, titre gris. (Bien)

Interactivité : Lorsqu’on descend une page d’édition, on a un bouton retour en haut. Bouton de

validation, le site nous confirme les modifications apporté à notre profil par un pop-up.

Remarques : Le contenus ne sera pas le même pour notre cible mais l’ergonomie est bien.

Mon compte - Note 4,5/5

Contenus : Onglets verticaux

> Mon compte (e-mail, date de naissance, pays, code postal, ville,

mon ancien mot de passe, mon nouveau mot de passe,

confirmation du mot de passe, valider les modifications.

> Mes alertes par e-mail (recevoir un mail pour : chaque visite,

message ou ne pas recevoir d’alerte par e-mail - recevoir les

newsletters - participer au programme Sophie)

> Vie privée (je ne souhaite pas être vue par mes rivales, valider

les modifications)

> Mon identifiant

> Désactivation (je désactive mon compte)

Ergonomie : Les onglets verticaux sont une bonne idée (même si ils sont moins pratique que les

horizontaux), car on veut éviter que la personne désactive ou modifie son compte.

Interactivité : Lorsqu’on clique sur un onglet celui-ci s’ouvre mais problème il nous emmène sur le

footer.

Remarques : La page est bien excepté sont interactivité.

21 | P a g e

Supprimer mon compte - Note 5/5

Contenus : _ Vous nous quittez déjà ? (Vos 0 doux

produits ne pourront plus vous contacter : Vous

n’apparaîtrez plus dans la boutique ! Néanmoins, vos

informations seront conservées (annonce, contacts,

points...) et vous pourrez réactiver votre compte

quand vous le souhaitez en vous connectant avec vos

actuels identifiants.)

> Je désactive mon compte (J’ai trouvé l'homme-objet

de mes rêves - Je ne trouve pas suffisamment de

produits dans ma région - Je ne trouve pas de produit

qui me convienne- Je préfère rester célibataire - Je

n'arrive pas à utiliser le site - Autre)

> Souhaitez-vous qu'AdopteUnMec.com vous tienne

au courant des futures nouveautés du site ? (oui-non)

C’est une bonne idée de forcer l’internaute à dire

pourquoi il part du site, afin de l’améliorer.

_ Je désactive mon compte

Interactivité : Lorsqu’on désactive le compte, l’équipe

d’Adopteunmec.com laisse un mot à l’internaute ainsi

que sa possibilité de réactiver son compte.

Remarques : Bien dans l’ensemble car il n’est pas

prise de tête. Puis le petit mot de fin avec la

réactivation de compte est une très bonne idée.

Les mails - Note 5/5

Contenus :

_ Nouveau message (choisir un contact, votre message,

émoticon, enregistrer, envoyer), supprimer

_ Boîte de réception (mail: photo, pseudo, nouveau/lu,

début du message, heure ou jour de la réception), mes

brouillons, spams, contacts

Ergonomie : Simple et efficace

Design : Très bien, lisible, simple, épuré.

Interactivité : Pop-up pour l’écrit d’un message

Remarques : Bien dans l’ensemble car il est facile

d’utilisation

22 | P a g e

Autres fonctions du site:

Si on a des amis proches sur le site, on peut les ajouter, leurs envoyer des mails mais aussi leurs

conseiller des personnes qui serait susceptible de leurs plaire.

Remarques globales:

C’est un site qui marche. Il est très fonctionnel. Il est beau, drôle, ludique, facile, lisible etc.

Il répond entièrement à sa cible.

23 | P a g e

On Va Sortir

Description

OnVaSortir!, ou OVS en abrégé, est un site communautaire francophone de sorties et rencontres

amicales. Il ne s'agit pas d'un site de rencontres amoureuses. Le réseau FR couvre la France (Dom-

Tom compris), le Luxembourg, la Belgique et la Suisse. La version internationale (comprenant les

départements français d'outre-mer) se nomme Urbeez. Dès 2012, le site se classe dans les 200

premiers sites français en termes de fréquentation. (Source wikipédia).

Fonctionnement

L'inscription en tant que membre (« ovésien ») est gratuite et réservée aux personnes physiques

majeures et non-professionnelles.

Les membres ont tous un pseudonyme sur le site mais s'appellent le plus souvent par leur prénom

lors des sorties et il est recommandé d'avoir une photo (de préférence une vraie, individuelle, non

truquée et récente, et pas un avatar). Les pseudos des hommes apparaissent en bleu, ceux des

femmes en rose, ceux dont le compte n'existe plus en gris clair. Si un membre ne renseigne pas

son sexe, le pseudo sera noir. Les pseudos orangés sont ceux des « Membres d'or », membres

très populaires sur le site. Si un membre est connecté sur le site, sa couleur apparait en teinte

foncée (ex: rose clair pour une femme non connectée, rose foncée pour une femme actuellement

en ligne).

Tout membre peut créer une fiche sortie en décrivant l'activité, le jour et l'heure, le lieu de rendez-

vous, le nombre maximal de personnes pouvant s'inscrire, la date/heure limite d'inscription, le prix

de la sortie si elle n'est pas gratuite, préciser s'il est possible de venir accompagné d'enfants et enfin

la proposer soit aux seuls membres « amis » ou à tous les membres du site (sauf les « indésirables

»). Il est possible d'utiliser des codes HTML facilement en WYSIWIG pour formater le texte. Il est

possible de créer une fiche en prenant une autre fiche pour modèle.

Il est possible de s'inscrire à une sortie seule, ou accompagné de personnes membres ou pas du

site (si la fiche sortie le permet). Si la sortie est complète, un système de liste d'attente est mis en

place au cas où il y aurait des désinscriptions.

En bas de chaque fiche sortie, un espace commentaires permet aux membres (inscrits ou non à la

sortie) d'ajouter ses remarques/questions sur la sortie (on peut utiliser des smileys). Le créateur de

la sortie a la possibilité d'envoyer un message à tous les membres inscrits, et de se faire remplacer.

Un e-mail de rappel est envoyé deux jours avant la date d'une sortie à tous les inscrits.

Pour chaque sortie le site propose d'héberger jusqu'à une vingtaine de photos basses résolution.

Une alternative consiste à transférer ses images sur un site de partage de photographies et à publier

le lien dans les commentaires de la sortie. Il n'est pas possible de commenter ni tagger les photos,

ni de publier de vidéos.

L'option « Gérer mes filtres » donne notamment accès à un moteur de recherche sur les sorties,

dont il est possible d'enregistrer les requêtes afin de pouvoir rapidement refaire une même

recherche à l'avenir.

Les sorties passées sont archivées pendant un à deux ans, ainsi que leurs commentaires, et il est

toujours possible d'en ajouter ; les photos associées à une sortie sont effacées au bout de cinq à

soixante jours selon les villes.

Les Conditions générales d'utilisation (conditions générales d'utilisation) du site préconisent la

nétiquette et l’écriture SMS n’est pas souhaitée. La modération est assurée par les membres eux-

mêmes. Tout membre peut signaler ce qui ne lui paraît pas acceptable, que ce soit une sortie, une

photo, ou même le profil d'un autre membre. Ce système peut provoquer la suppression de sorties

ou de profils de membres en cas d'abus sévère.

24 | P a g e

Le site propose un flux RSS des nouvelles sorties proposées, et indique les anniversaires (du jour

ou à venir).

On peut indiquer sa localisation et voir ses voisins sur Google Maps.

Les membres disposent d'une messagerie pour s'échanger des messages privés.

Le site propose des forums (dont un consacré à des petites annonces) - mais pas de chat -, ainsi

que quelques statistiques et un classement des membres par nombre moyen de sorties au cours

des deux derniers mois :

Tête bleue (dans la version en anglais, Newbie) : Encore non-inscrit à une sortie (il peut

exister aussi des « faux-nez »). Depuis 2014, les têtes bleues ne peuvent ni créer une

nouvelle discussion (mais peuvent répondre aux MP reçus), ni commenter un profil. Par

contre, en devenant membre Premium, une tête bleue peut à nouveau créer des discussions

et commenter les profils.

Bronze : 2 sorties par mois

Argent : 1 sortie par semaine

Or : 2 sorties par semaine

Platine : 1 sortie tous les 2 jours

Titane : presque une sortie par jour

Technologies utilisées : PHP, SQL, AJAX (jQuery).

(Source wikipédia)

Modèle économique

L'inscription est gratuite. S'il le souhaite, l'utilisateur peut faire un don au site.

Depuis 2014 les nouveaux inscrits doivent avoir un compte "premium" (cf. ci-dessous) pour pouvoir

envoyer des messages aux autres membres et laisser des commentaires sur leur profil.

De plus, le site affiche des publicités et permet à des partenaires professionnels (discothèques,

restaurants,...) de proposer des sorties à caractère commercial avec tarif promotionnel pour les

membres du site.

Il est possible d'accéder à une partie membre premium (anciennement dénommée « membre VIP

») de manière payante.

(Source wikipédia)

Design

Logotype

OnVaSortir! « Reviens à la vie réelle »

Les lettres « OVS » sont en capitales de couleurs orange.

La lettre « S » du mot « Sortir » se transforme en un chemin qui se dirige vers la silhouette d’une

ville.

Charte graphique :

Couleurs :

La couleur orange représente la vitalité, la communication, le mouvement.

Le couleur violette représente le calme, l’amitié, délicatesse.

Il y a là des choix colorées opposées pour montrer les différents univers, personnalités, catégories,

thèmes de sorties que proposent le site.

Typographie :

Typographie en Antique, linéale, bas de case. La graisse est regular et bold.

La typographie antique est la plus lisible sur le web.

25 | P a g e

Blocs :

On trouve des blocs avec des contours arrondis ou pointus.

Images :

Photos :

Il n’existe que les photos mise en ligne par les internautes.

Le site n’a pas de photothèque !

Le problème, c’est que parfois les images sont pixellisées, mal cadrées, moches…

Elles donnent donc une mauvaise impression des sorties ou des personnes.

Icones :

Les icônes du site sont bien pour les catégories de sorties (musique, bar, danse etc.).

Par contre, leurs affichage est trop petits sur le site.

Pour ce qui est des pictogrammes des membres en lignes, drapeaux…

Cela fait penser aux icônes qui apparaissent dans les premiers forums.

Ce qui vieilli l’image du site et ne colle pas avec la charte graphique établie.

La carte de France, Belgique, suisse et corse :

La carte reprend juste les couleurs de la charte.

Mais, elle n’est pas stylisée, elle manque cruellement de vie.

De plus, elle est cachée par des gros blocs de texte de toutes les villes.

Remarque

L’énorme erreur graphique de « OnVaSortir », est qu’ils ont créé une identité visuelle (logotype,

couleurs) mais celle-ci n’est en aucun cas respecté (couleurs rouge, bleu, vieille icônes…). Ce qui

donne une image travaillée à l’arrache, pas fini et donc pas professionnel.

Carte - Pour la création d’une carte, il est intéressant de jouer sur les départements

Note générale 1,8/5

26 | P a g e

Home page - Note 2/5

Home page - Première fois sur le site 2/5:

Contenus :

_ Logotype

_ Carte de France avec les villes, la francophonie, les DOM-TOM

_ “votre réseau social de sorties et rencontres amicales dans votre ville et ses environs”

_ Nombre de membres actifs

Ergonomie : Les blocs sont disposés n’importe comment. Le regard se perd dans toutes ces

informations.

Design : Typographie (antique, bdc, bold et regular) - Couleurs (blanc, rouge, orange et violet). Il y

a une charte graphique définie. Cette page fait mal aux yeux et n’inspire pas confiance.

Interactivité: Les villes changent de couleurs au passage de la souris.

Remarques : L’idée de la position géographique et des membres actifs est bien. Mais l’ergonomie

et le design du site est à jeter.

Home page - Quand on a choisi une région - Note 2,5/5:

Contenus :

_ Logotype - Barre de menu - langues - autres villes - région

_ Footer

Partie gauche :

_ Nos bons plans - vacances inter-ovs

_ Se connecter (pseudo, passe, se souvenir, je m’inscris, mot de

passe perdu ?)

_ Calendrier

_ Bienvenue ! (nouveaux inscrit)

_ Un membre (profil d’un membre)

Partie centrale:

_ A ce jour (...) membres actifs. En 2014, (...) sorties lancées avec

(...) participations (avec photos). - Prochaine sortie : Samedi 22

Mars à 16h30, il reste 9 places.

_ Quel est le concept du site ? (Bienvenue à toi cher visiteur, Ne

cherche plus ! Tu viens de tomber sur le site que tu as toujours voulu

trouver ! Tu as entre 18 et 79 ans et tu habites Valence ou ses

environs ? Tu fais donc partie des dizaines de milliers de personnes

27 | P a g e

désireuses d'élargir leur cercle d'amis en rencontrant de nouvelles têtes lors de sorties sympas à

Valence. Ce site est donc fait pour toi ! Le principe est simple : Ici, chacun propose les sorties qui

l'intéressent (un ciné, une balade, une expo, un resto jap, une sortie au théâtre, ou que sais-je

encore...). Ainsi, plutôt que d'aller tout seul voir une expo, mieux vaut s’y rendre avec une ou

plusieurs personnes sympas et motivées qui partagent les mêmes goûts que soi : c’est le meilleur

moyen de se faire de véritables nouveaux amis ! De la même manière, chacun peut donc s'inscrire

aux sorties proposées par les autres. Voilà ! C'est simple et efficace ! Il n’y a pas mieux pour

rencontrer de nouvelles têtes dans une aussi bonne ambiance ! Alors à toi de jouer, nous t’attendons

avec impatience pour faire ta connaissance!)

_ Une vidéo (pour découvrir toute la richesse du site)

Partie droite :

_ Membres, amis, voisins (personnes en ligne)

On submerge l’internaute d’informations. De plus, les informations pertinentes ne sont pas mises

en avant car elles sont cachées par les moins importantes.

Ergonomie :

_ Le site n’est pas fonctionnel. (Trop de blocs, de textes,..) Il manque d’aération dans ses infos.

_ Le bouton de connexion à gauche n’est pas une bonne idée, car on habitue les internautes à se

connecter en haut à droite du site.

_ Le bloc des membres connectés est beaucoup trop imposant pour l’utilité qu’il a.

Design : Rien dans le design ne donne envie de sortir (les couleurs, les photos, les cadres, les

icones, les blocs, les formes, les typos..). Le site n’inspire pas confiance.

Interactivité : Lorsqu’on passe la souris sur les pseudos, on a la description du profil. Cette

interactivité prend trop de place et elle est inutile.

Remarques : La home page comprend du contenu qui est à exploiter. Cependant, l’ergonomie,

l’interactivité et le design sont à proscrire.

28 | P a g e

Barre de menu - Note 1,5/5

Contenus :

Première partie : Logotype, langues, “le site des sortis entre amis et rencontres amicales dans ta

ville”, région, autres villes

_ Deuxième partie :

> Le site (accueil, pros&assos, forums, cgu, cgv, presse, liens, contact, Facebook)

> Les sorties (à venir, aujourd’hui, les+populaires, diaporama, recherche, nouvelles, archives,

stat’Sorties)

> Les membres (recherche, tous, trombino, voisins, ils sortent, nouveaux, passés ce jour, membres

d’or, stat ‘membres)

> Les centres d’intérêt (liste des centres d’intérêt, centre d’intérêt)

> Espace perso (Messagerie, mes infos, mon agenda, j’organise, mon journal, mon avis, mes

rencontres, amis, indésirables)

> Espace premium (infos premium, mes visiteurs, ils m’apprécient)

Beaucoup trop de rubriques et de sous rubriquent. Il faut épurer ces informations.

Ergonomie :

Première partie : La forme et la disposition des contenus son aléatoire. À ne surtout pas reproduire.

Deuxième partie : On a un menu (violet) avec un sous-menu (orange) absolument pas fonctionnel

et pratique.

Design : Les sous rubriques sont plus importants que les rubriques. Ce qui devrait être le contraire.

Interactivité : Quand on veut voir les sous-rubriques d’une rubrique ça ne marche pas. On est

obligé de cliqué sur la rubrique pour les voir.

Remarques : Trop de contenus et d’éléments. C’est fouillis, on perd du temps et de la patience.

Footer- Note 2/5

Contenus :

_ Plan du site (site, les sorties, les membres, les centres d’intérêt, espace perso, espace premium).

C’est trop long.

_ Explication des profils qui sortent. C’est inutile.

_ Afterwork, colocation ville, house, petites annonces à ville, digitick, poker, urbeez

Ergonomie : Le footer est lisible et compréhensible

Design : Jeu de couleurs pour les différents blocs

Interactivité : Liens

Remarques : Il manque les informations sur le site (mentions légales, contact, recrutement etc.)

29 | P a g e

Inscription - Note 1/5

Première étape - Se connecter ou s’inscrire - Note 0,5/5

Contenus : Pseudo, passe, connexion, souvenir - Je m’inscris - Mot de

passe perdu ?

Ergonomie : Le bloc n’est pas voyant (petit, côté gauche) car il est

caché dans toutes les informations du site.

Design : Les bords sont arrondis. Typos antique en bdc. Il ne fonctionne

pas visuellement.

Interactivité : connexion, inscription ou mot de passe perdu

Remarques : C’est le seul bloc d’inscription de tout le site. Le site

n’invite pas l’internaute à le rejoindre mais le laisse galérer et partir.

Deuxième étape - inscription - Note 1,5/5

Contenus : _Choisis un pseudo, email valide, mot de passe x2

_ Je m’engage à respecter les conditions générales d’utilisation du

site, m’avertir par email, prévenir par mail pour les nouvelles

sorties (1mail par jour, semaine)

_ Ton prénom, sexe, situation (couple, célibataire, des enfants),

date de naissance, où habites-tu ?

_ Allez, un petit mot sur toi ? Tes envies, tes passions, ta vie …

Ergonomie : On comprend où sont les informations à remplir. Par

contre, la page n’est pas aéré, tout est compressés et petits.

Design : Graphisme des années 90 (trop ancien).

Interactivité : Remplissage des informations

Remarques : Le tutoiement est à bannir sur les sites

professionnels (on tutoie les enfants pas les adultes). Pas de

catégorie sur les hobbies et passion (on laisse l’internaute se

débrouiller)...

Activation du compte - Note 1/5

Remarques : C’est pénible pour l’internaute qu’une fois qu’il a rempli toutes ses informations, de

devoir aller se connecter sur sa boite mail. Puis de chercher le mail et de le valider. Il est mieux de

connecter directement la personne pour qu’elle profite du site mais de la prévenir du mail

d’activation.

30 | P a g e

Création profil - Note 1,75/5

Page profil - Note 2/5

Contenus :

_ Petit cartouche « Claude Duant » (les

sorties, nos bons plans, vacances internons,

intramuros, gère mes filtres) + (mon agenda,

mon journal, mes infos, messagerie, forums)

_ Pseudo, statut, ses sorties favorites, fiabilité

de ses inscriptions

_ Infos perso (prénom, sexe, situation, date de

naissance, localisation), classements, son

petit mot

_ Ses cinq prochaines sorties (date, sortie,

inscrit, organisateur)

_ Ses dernières interventions (date, titre, à

propos de)

_ Sois le premier à poster un commentaire sur

ce profil, ajouter un commentaire

Ergonomie : Trop de blocs et pas assez aéré. Le bouton pour modifier le profil n’est pas visible.

Design : Le fond blanc aide à la lisibilité des informations.

Interactivité : L’ajout d’un commentaire.

Edition de mon profil + compte +suppression du compte) - Note 1,5/5

Contenus :

_ Les informations de l’inscription

_ Tes centres d’intérêt :

Vie / Quotidien (Etudiant, Gay-friendly, J'ai des

rondeurs, Allergie - Handicap, Générosité -

Altruisme, Famille - Enfants)

Profession (Informatique, Enseignement,

Milieu du droit, Milieu de la santé, Milieu

artistique, Milieu financier, Je suis mon patron,

Je ne travaille pas)

Mode de vie / Idéologie (Végétarien, Ecologie

- Bio, Luxe, Gothique, Moto, Collectionneur)

Animaux (J'ai un chat, J'ai un chien, Passion cheval, Aquariophilie)

Langue (Je parle français, Je parle anglais, Je parle espagnol, Je parle allemand, Je parle portugais,

Je parle italien)

Technologie (J'ai un iPhone, Je suis Mac, J'ai un Blog, Linux - Open source)

Activités physiques (Nager, Marche - Balade, Roller, Danses latino, Danser le rock)

Activités artistiques (Chanter, Ecriture - Poésie - Slam, Peinture - Dessin, Photo, Je joue d'un

instrument, Arts créatifs, Couture - Broderie)

Activités culinaires (Je cuisine, Pique-nique, Brunchs, Amateur de café, Amateur de thé, Amateur

de vin, Amateur de bière)

31 | P a g e

Culture (Littérature, Art moderne, Cinéma d'art & essai, Ballet - Opéra, Musique classique, Jazz,

Musées - Expositions)

Réflexion (Sciences, Philo - Psycho - Socio, Politique, Religion, Histoire - Archéologie, Paranormal

- Magie, Enigmes - Quizz - Rally)

Divertissement / infos (Radio - Journaux, Télévision, Séries TV - Manga, Shopping)

J'aime la culture/cuisine (Française, Arabe, Juive, Anglo-saxonne, Asiatique, Turque - Arménienne,

Africaine, Sud-américaine, Belge, Portugaise, Italienne, Russe)

Sport (Randonnées, Courir, Vélo - VTT, Escalade, Ping-pong, Tennis, Badminton - Squash,

Pétanque, Arts martiaux, Plongée, Football, Rugby - Touch rugby, Volley - Basket, Sports

nautiques, Golf, Sports de glisse)

Jeux (Jeux de cartes - Poker, Jeux de rôles, Jeux de société, WII - Consoles de jeux, Billard,

Bowling, Jeux d'échecs - Dames

Nature (Jardinage - Plantes, Zoo - Parcs animaliers, Mer - Plage, Montagne - Ski

Séjours (Partir en week-end, Camping, Partir à l'aventure)

Evénements (Happening - Anniv', Concert, Parcs d'attractions, Châteaux - Monuments, Foire -

Salon, Brocante - Vide-greniers)

Ne pas afficher ces informations aux autres membres du site.

_ Ta personnalité (Qu'est-ce qui te stimule le plus ? Le monde, les gens, agir/Les idées, réfléchir -

Comment ressens-tu ce qui se passe autour de toi ? Avec mon flair, mon intuition/Par mes 5 sens,

les faits - Comment prends-tu tes décisions ? Avec ma tête/Avec mon cœur - Comment vis-tu au

jour le jour ? Je suis flexible et spontané/Je suis sérieux et organisé)

_ Positionne-toi sur la carte pour découvrir tes voisins ! + Carte

_ Enregistrer ou supprimer compte

Interactivité : Le positionnement sur la carte

Remarques : On en demande beaucoup trop d’un coup à l’internaute. En plus, en bas de la page

on peut “enregistrer ses informations” ou directement “supprimer sont compte”. C’est totalement

contradictoire et bête. Le profil est mélangé avec le compte, il n’y a pas de différenciation...

Les sorties (+ recherche avancées) - Note 2,5/5

Contenus :

_ Légende (déployer, sortie privée, sortie passée, sortie

annulée, nouvelle sortie, j’y suis inscrit, en liste d’attente, filtrer)

_ Date, sortie, inscrit, organisateur

Recherche avancées

_ Quoi (sortie organisée par un professionnel ou une

association, sortie privée, jouer, danser, boire un verre, repas,

spectacle vivant, film, culture, musique, sport, plein air,

détente, découverte, entraide, séjour)

_Thèmes (les centres d’intérêt)

_ Où ? (lieu)

_ Moi ? (sorties où je suis inscrit ou en liste d’attente, sorties

que j’ai marqué à suivre, sorties où j’ai posté un commentaire)

32 | P a g e

_ Mes amis ? (sorties organisées par mes amis,

sorties avec la participation de mes amis)

_ Rencontre (avec (homme, femme, quelqu’un)

entre (18) ans et (69) ans)

_ Options (sortie gratuite, sortie avec enfants,

couples prioritaires)

Ergonomie : Tout est trop serré et écrasé

Design : Les couleurs ne donnent pas envies de

sortir (gris en fond). Bonne idées des icônes pour

les catégories.

Interactivité : Pop-up pour l’écrit d’un message

Remarques : Les infos mises en lignes sont bien.

Description de la sortie - Note 2/5

Contenus : Sortie n°1234567

_ Photo de la sortie, organisateur (photo, pseudo)

_Intitulé et type d’activité de la sortie, date de la sortie, prévision météo, heure de début, descriptif

de la sortie

_ Nombre de places maximum, inscription pour plusieurs possibles ?, Adresse exacte, lieu de

rendez-vous précis pour se retrouver

_ Liste des inscrits pour cette sortie

_ Les commentaires, ajouter un commentaire

Ergonomie :

Design : La personne fait elle-même le descriptif de la sortie en faisant son propre design. Du coup,

vu quel n’est pas professionnel, elle fait un arc en ciel et c’est abominable.

Interactivité : ajout de commentaire

Remarques : Le tutoiement est à bannir sur les sites professionnels (on tutoie les enfants pas les

adultes). Pas de catégorie sur les hobbies et passion (on laisse l’internaute se débrouiller)...

33 | P a g e

Autres fonctions du site:

On ne peut pas lancer de sorties, tant que l’on n’a pas fait les sorties proposées par le site.

Remarques globales:

Le site se veut dynamique, ludique, interactif pourtant il n’est rien de tout ça. Car il y a

d’énorme problème ergonomique et graphique. De plus, trop de contenus tuent les contenus.

34 | P a g e

Quintonic

Description

Quintonic se positionne comme la première plate-forme Internet spécialement créée pour les 50

ans et plus. Ce réseau social veut offrir un environnement sécurisant et faire en sorte que la

communauté virtuelle débouche sur des rencontres réelles, grâce notamment au concept des

Groupes Régionaux. L’ensemble est complété de contenus éditoriaux (voyages, loisirs, argent et

bien-être) en rapport avec les attentes des utilisateurs.

Design

Logotype :

Quintonic, accroche?

On a un texte en noir où est écrit « quintonic ».

À côté de la lettre « C », on retrouve cinq ronds de différentes couleurs.

Qui représente les différentes catégories (bien être, voyage …) du site.

Le logotype montre une flèche tournée vers le futur.

Charte graphique

Couleurs

Quintonic n’a pas une ambiance colorées bien définie car celle-ci répertorie du :

Bleu (accueil, voyage), vert (groupe régionaux), orange (pour certains boutons), rouge (loisirs), vert

amende (bien être) … Plus les textes courants ou des blocs en noir et gris.

Typographie

Typographie en Antique, linéale, bas de case. La graisse est regular et bold.

La typographie antique est la plus lisible sur le web. C’est une typo vive, dynamique et simple.

Formes

Les profils des personnes sont affichés dans un cercle.

La forme arrondis donne un aspect accueillant, ouvert et doux.

Les photos d’articles ou de sorties sont dans des blocs carrés/rectangulaire.

La forme rectangulaire apporte du sérieux, on visualise plus le lieu (plus imposant).

Images

Photos

Le site quintonic a une photothèque avec des personnes de plus de cinquante ans en pleine forme.

Ils bougent, marchent, sautent, souris, grimace, ce qui rend le site très dynamique et conviviale.

Les photos des sorties, articles et rubriques sont belles (pas pixellisées) mais parfois pas assez

évocatrice ou compréhensible.

Icones

Le site quintonic à une bonne banque d’icônes car elles sont simples, propre et lisible.

35 | P a g e

Remarque

Pour une charte graphique, il est important de choisir deux couleurs (une sombre/vive et une clair)

ce qui n’est pas respecté dans ce site. Quintonic est un feu d’artifice de couleurs qui perdent

visuellement l’internaute par son bleu, violet, orange, rouge etc.

Ergonomie

Toute l’arborescence du site est à revoir. Il y a beaucoup trop de contenus, de liens et de rubriques.

On a l’impression d’être sur le site d’un magazine dédié au plus de 50ans mais pas un site de

rencontre et de sorties amicales.

Le site ne guide pas du tout l’internaute. Les éléments (textes, icônes, photos, titre etc.) sont petits

et mal mis en avant par rapport à la cible. Par exemple, la liste des sorties est difficile à trouver car

elle se trouve dans les groupes régionaux. Elle devrait se trouver dans la page d’accueil ou dans

une rubrique sorties/activités. Le site manque concrètement de lisibilité et de compréhension.

Note générale 3/5

36 | P a g e

Home page - Note 2,25/5

Home page - Première fois sur le site 3/5:

Contenus :

_ Logotype, Rejoignez le premier site de rencontres

amicales dédié aux 50 ans et plus !

_ Se connecter, inscrivez-vous, découvrez le site

_ Entrez en contact avec des personnes proches de

chez vous

_ Rencontrez-les lors d’activités que vous organisez

ensemble

_ Découvrez les conseils, astuces et bons plans de la

rédaction

_ Témoignage, nombre de membres

_ La presse en parle

_ Groupes régionaux (liste de toutes les régions)

_ Footer

Ergonomie : Les éléments sont bien séparés dans la

page.

Design : Grandes photos. Texte et bouton imposant.

Typos en antique, bdc.

Interactivité: Légèrement responsive.

Remarques : L’idée de présenter le service du site

est une bonne idée. Le contenu est bien. Cependant

la bouton “découvrez le site” ne se trouve pas de

suite.

37 | P a g e

Home page - Note 3/5:

Contenus :

_ Logotype - Barre de menu

_Quintonic, le site de rencontres amicales des 50 ans

et plus, se connecter ou inscription gratuite

_ Déjà 234667 membres qui habitent, qui aiment

(cuisine, musique, sport, multimédia, rencontrez les)

_ Carrousel d’images avec des thèmes, vidéo

explicative de quintonic

_En ce moment sur Quintonic, les quintoniciens

organisent, membres les plus actifs, membres de la

communauté

_ Actualités de la communauté

_ Footer

Ergonomie : La vidéo explicative n’est pas du tout

mise en avant.

Design :

Interactivité :

Remarques : Le site parle de rencontres amicales

mais il nous montre des thématiques bien être,

argent, voyage et autre, ce qui ne donne pas

l’impression d’être sur le même site. À part le

graphisme qui aide.

Barre de menu - Note 1/5

Contenus :

_ Accueil

_ Groupes régionaux (régions auxquelles on participe)

_ Membres (membres, proches de chez moi, actualités, qui me ressemblent, invitez vos amis)

_ Voyages (voyage, voyage en France, voyage à l’étranger, croisière, sortie le week-end, voyage

en pratique)

_ Loisirs (loisirs, culture, cuisine, famille, animaux, jardinage, bricolage, multimédia, auto-moto,

sport, mode, jeux)

_ Bien être (bien être, santé, beauté, sexualité, psychologie, tonus)

_ Argent (travail, consommation, retraite, patrimoine, assurance)

38 | P a g e

Ergonomie :

Design : La barre de menu qui change de couleur NON !

Interactivité : Quand on veut voir les sous-rubriques d’une rubrique ça ne marche pas. On est

obligé de cliqué sur la rubrique pour les voir.

Remarques : Trop de rubriques et de sous rubriques. On a l’impression d’être sur le site d’un

magazine dédié au plus de 50 ans mais pas à un site de rencontre amicale.

Footer- Note 2/5

Contenus :

_ Groupes régionaux (toutes les régions de France)

_ Aide-foire aux questions, suivez-nous sur (Facebook, YouTube)

_ Logotype, conditions générales d’utilisation, qui sommes-nous, charte utilisateur, plan du site, la

presse en parle, contact

_ Nos partenaires, emploi retraite, emploi senior, livre photo, location de vacances

Ergonomie : Trop gros

Design : Le bouton foire aux questions est trop imposant.

Remarques : Les groupes régionaux prennent trop de place (comprend pas leurs importances).

Inscription - Note 3,5/5

Contenus :

_ Le site des 50 ans et +, échanger, rencontrer,

partager, gratuit, conditions d’utilisation, confidentialité

_ Je suis (homme, femme), votre nom, votre prénom,

date de naissance, votre code postal, votre ville, votre

adresse email, choisissez votre pseudo (avec un

exemple), choisissez votre mot de passe, confirmez

votre mot de passe, j’accepter de recevoir (...) de quintonic, Inscrivez vous

Ergonomie : Le bloc d’inscription est lisible et imposant. Facile à remplir. Par contre, on a perd la

barre de menu.

Design : On est sur un site bleu avec un tonique orange. Pourtant, lorsqu’on s’inscrit, on tombe sur

un gros bloc violet (incohérence). Cela peut donner l’impression de s’être trompé de site.

Interactivité : Lorsqu’on clique sur le bouton d’inscription de la homepage, le site ouvre un nouvel

onglet avec la fiche d’inscription.

39 | P a g e

Création profil - Note 2,25/5

Page profil - Note 2,5/5

Contenus :

_ Nom, lieu, âge, sexe, membre depuis, modifier ma

photo

_Votre profil est rempli à 0%

_ Présentation, Centres d’intérêt, Dernières

activités, Commentaire du profil

_ Mes groupes régionaux

Ergonomie :

Design : Les titres sont énormes par rapport à la barre de menu.

Interactivité : C’est très pénible de modifier son profil car ça nous emmène constamment sur une

autre page.

Remarque :

Mes paramètres - Note 3/5

Contenus :

MON COMPTE

_ Informations générales

(prénom, nom, genre, date de

naissance, code postal, ville,

email

_ Paramètre de connexion

(pseudo, mot de passe,

confirmation du mot de passe,

j’accepte de recevoir (...)

quintonic, valider, vous

désinscrire)

CONFIDANTIALITE

Qui peut voir votre (ville, âge,

situation familiale, dernières

activités, commentaires,

présentation, centres d’intérêts, commentaires du profil), (Membres de quintonic, non membre de

quintonic, mes amis quintonic, uniquement moi)

40 | P a g e

NOTIFICATONS

Souhaitez-vous être prévenu (message privé, un nouvel ami, participation à une de vos activités,

un message sur votre profil, un commentaire sur une de vos activités, une participation à une de

vos discussions, un résumé de l’actualité de vos groupes régionaux), (oui, non)

Ergonomie : On a une barre de menu, en dessous une barre de profil et encore en dessous des

onglets (ça fait beaucoup). Pas terrible.

Interactivité : Les onglets

Ma messagerie - Note 1,5/5

Contenus :

_ Reçus, envoyé

_ Supprimer, Expéditeur, sujet, réception

_ Aucun message

Ergonomie : Le bloc (reçus et envoyés) est trop différent de l’autre bloc pour les messages

Interactivité : Les onglets

Remarques : On ne peut pas créer de mail.

Mes amis - 3/5

Contenus :

_ Invitation reçues (accepter, décliner, voir le profil),

pseudo-ville-âge-phrase

Ergonomie : Les boutons sont trop gros par rapport

à l’invitation.

Design: Les boutons ne sont pas très graphiques

Interactivité : Les onglets

Mon agenda - Note 2/5

Contenus: Vos activités, voici une suggestion d’activités

dans votre groupe

Ergonomie : Certains éléments sont trop gros ou trop

petits c’est difficile pour la lecture.

Interactivité : Les onglets

Remarques : Il manque la visualisation d’un calendrier

41 | P a g e

Activités - Note 4/5

Contenus:

_ Titre de la Soirée et où elle se passe

_ Qui propose, jour, horaire, catégorie,

nombres de participants, adresse

_ Album photo, Description, Comment

y accéder, Conditions de participation,

participants, commentaires sur

l’activité,

Activité liste - Note 1,5/5

Contenus:

_ Activités des membres (date, nombre,

lieu, horaire, qui l’organise), Voyages

entre quintoniciens, album photos des

activités, blog, nouveauté (chat régional)

Ergonomie et design: Le bouton “créer

une activité” n’est pas assez mis en

avant et visible. Mettre une couleur ou

un bouton plus gros.

Remarques : La liste des sorties est

difficiles à trouver et à comprendre, car

elle se trouve dans les groupes

régionaux. Elle devrait se trouver dans la

page d’accueil.

Nouvelle activité (création)- note 4/5

Contenus:

_ Titre, date et horaire, thème,

description, adresse, code postal, ville,

comment y accéder, nombre de

participants maximum, conditions de

participation.

Ergonomie et design: RAS

42 | P a g e

Fonctionnalités des concurrents : les points forts.

O50social

Formulaire grand, peu de choses demandées, On montre clairement qu’il y a étapes simples

Connexion ou création de compte

Pas trop le choix, on est obligé de faire un signup avant de pouvoir explorer en profondeur le

site

Photos de membres en bas

Signup en plusieurs étapes (pseudo, adresse email, mot de passe) puis (détail de plus en

plus poussé)

Toujours pas loin une option pour mettre à niveau le compte

Page perso avec son profil, messages – amis – groupes de discussion – sujets favoris

Nouveautés

FAQ / Aide

Captures d’écran pour la validation des étapes

MeetUp

Directement une barre de recherche

Fonctionnalités pour chercher dans un certain rayon de km - géolocalisation

Directement une possibilité de créer un événement sans prise de tête

Liste des événements en mosaïque

Fonction de tri parmi les évents

Sign-up possible avec Facebook

2nde étape d’inscription : âge, sexe, pays, ville (âge on demande seulement l’année (calculé

directement avec l’âge))

3ème étape : trier ses préférences, hobbies (fonction de catégorie)

Citation « there are no strangers here, only people you haven’t met »

4ème étape, validation – lien proposant directement de valider son email (lien vers Hotmail

si on s’inscrit avec Hotmail par exemple)

Notifications

Connecter ses autres réseaux sociaux pour partager les évènements

Dans son compte profil, comment modifier ses préférences de notifications

Photo a rajouté seulement après l’inscription

Possibilité de continuer à rajouter des catégories une fois inscrit

MeetMe

Plein de photos avec directement le formulaire d’inscription

Phrase d’accroche qui parle de la notoriété du site

Publicités sur le site

Phrase en dessous de « importer une photo » « ne soyez pas timide »

Applis mobile possible

Jeux virtuels directement possible dans l’application

Citysocializer

43 | P a g e

Signup avec Facebook possible – message indiquant qu’ils ne vont rien poster

Exemples d’évents qui se passent en ce moment

Les évents ont un système de notation, on attribue des étoiles sur 5

Explicatif du concept en bas de page

Inscription avec email, nom, prénom, date de naissance, sexe,

2ème étape : explication de notre visite : nouveau en ville/amis en ville/recherche d’amis/Envie

de sortir/Curieux/aucun des choix listé

3ème étape : Choisir au moins 5 choses qui nous intéressent pour pouvoir recevoir des

recommandations :

nourriture/boissons/musique/soirées/voyages/comédie/films/culture/sports dehors

4ème étape : d’où on vient (pays)

5ème étape : texte libre pour décrire boulot actuel

6ème étape : Texte libre pour écrire un message d’intro sur nous

7ème étape : photo (facultative)

Quand on n’a personne qui nous entoure, il faut d’abord inviter des gens à rejoindre

citysocializer … Il faut changer de ville manuellement. Sinon on a la liste des évènements

qui se passent dans cette ville et aussi des personnes se trouvant dans cette ville.

Compte perso : changer ses paramètres (classique), créer un event, mes événements, amis,

compte, support (Faq), déconnexion

Quintonic

Image page d’accueil de vieux qui se font une balade en montagne, on montre directement

le ton du site

S’inscrire : call to action bien visible et intuitif.

Explication du principe avec des bulles et screenshots qui changent

Social proof – nombre d’inscrits, évents, articles, témoignages utilisateurs, articles dans la

presse

Inscription (sexe, nom prénom, date de naissance, code postale, ville, email, pseudo, MDP)

Pour confirmer son compte, un screenshot type de la boite de réception est affiché

Page d’accueil avec événements, membres les plus actifs, récap de l’activité dans mes

groupes,

Explication du concept en message privé une fois inscrit

Profil rempli à tel pourcent dans barre de progression (favorise qu’on donne plus d’infos)

Un site qui a plus vocation d’écrire des articles sur le forum sur des sujets pour les vieux

(voyages, loisirs, argent)

Friends over 50 : (Beaucoup trop axé rencontres)

Site de rencontre pour les seniors

Landing page pas mal, géolocalisation dans le formulaire de sign-up

Photos de membres en bas du site

Obligé de confirmer adresse email avant de continuer après formulaire

Ils précisent qu’on a plus de réponses si on a une photo

Adopte un mec

Pas de possibilité de cliquer quelque part sans que le formulaire pour s’inscrire se met en

pop-up

Offres à la une, derniers évènements

44 | P a g e

Numéros d’évènements créés depuis le début dans le footer

Prix lorsqu’on est sur le site depuis un bout de temps

Prix lorsqu’on a publié un certain nombre d’évènements, ou commentaires

Barre à droite pour signaler un bug

Partie payante du site supprime tout lien

Filtrage pour rechercher un évènement assez pointu

Fonction d’ajouter des amis

On va sortir

Sorties à venir, aujourd’hui, populaire, diapo, recherche, nouvelles, archives

Membres recherche, tous, trombinoscope, voisins, ils sortent, nouveaux, passés ce jour,

membres d’or

Centre d’intérêt, liste, centre d’intérêt

Espace perso, messagerie, infos, agenda, j’organise, mon journal, mon avis, mes rencontres,

amis, indésirables

Quand on précise où on habite c’est décomposé par quartier

Conclusion du Benchmark

L’analyse des différents sites concurrents nous a fait réfléchir sur les différentes fonctionnalités que

nous souhaiterions mettre en place sur notre site. De plus notre analyse détaillée nous a fait mettre

en avant les points que nous souhaiterions éviter lors de la conception du site.

En conclusion de notre benchmarking de la concurrence nous avons décidé de consacrer du temps

à l’ergonomie de notre site. En effet nous avons constaté que certains de nos concurrents

n’appliquaient pas les techniques récentes d’optimisation de l’ergonomie du site.

45 | P a g e

Cadrage

46 | P a g e

Compte rendu d’une réunion de cadrage de

l’équipe

L’idée est venue lors d’un cours de marketing de services; l’enseignant nous avait demandé de

présenter un service que l’on pensait peu développé. Après une étape de rapide brainstorming,

nous avons émis l’idée que les besoins des rencontres amicales des seniors n’étaient pas comblés.

Après une recherche sur le web nous avons trouvé que sur le marché français n’était présent qu’un

seul acteur. Nous avons décidé de l’étudier plus en détail en s’inscrivant et en analysant l’intérieur

du site.

En développant cette idée auprès de l’intervenant il est apparu qu’il était lui-même utilisateur de ce

site et qu’il trouvait l’idée très intéressante mais mal exploitée pour l’instant par le seul site existant.

Nous avons donc décidé de nous consacrer entièrement à ce projet en le développant pour

transformer l’idée en une future entreprise florissante.

Le potentiel de cette idée nous a paru évident car en discutant de nos parents, grands-parents et

connaissances nous avons pu nous projeter et affiner notre projet grâce à cette nouvelle vision.

Ensuite nous avons effectué une rapide analyse plus technique du marché et de la réalité

économique du marché des seniors. A partir de ce moment-là, nous nous sommes rendu compte

que cette idée n’était pas non seulement un besoin non satisfait mais aussi un projet dans le secteur

porteur qu’est le marché des seniors.

Une personne, après une longue vie de travail intense et occupé, se retrouve d’un coup à la retraite

sans y avoir vraiment réfléchi. Ce changement de vie et de rapport au temps remet en question

son mode de vie. Elle peut se sentir perdue, seule, délaissée et perdre tous ses repères. Notre idée

est de lui apporter un outil lui permettant de créer facilement du lien social en utilisant la facilité du

virtuel tout en transformant ces relations dans le monde physique aux travers des différents

évènements qui constitueront le cœur d’activité de notre site internet.

C’est par la suite qu’on s’est aussi rendu compte qu’on avait chacun des compétences personnelles

complémentaires, idéal pour ce projet.

A partir de notre étude de marché et plus particulièrement le benchmark, nous nous sommes rendu

vraiment compte des opportunités que représentait ce marché, malgré quelques menaces

également. Ayant suffisamment confiance en nos capacités managériales, de leadership et de

créativité, nous avons décidé de nous lancer pleinement dans ce projet qui nous sommes sûr se

fera rapidement une place sur le marché amicale des seniors.

Nous sommes au courant que cela ne va pas être une tâche simple; il y a quelques barrières à

l’entrée notamment en termes financiers. Nous allons partir d’un budget zéro au départ mais nous

avons d’autres ressources : nos réseaux personnels et professionnels respectifs. Nous pouvons

aussi nous appuyer sur les réseaux universitaires tels l’IAE et profiter de leurs axes de

communication également. Au début on va surtout devoir s’appuyer sur le bouche à oreille comme

cité dans les besoins de l’entreprise.

47 | P a g e

Brainstorming

Nous nous sommes dit qu’il nous fallait un nom commercial pour la

suite du dossier (cahier des charges), surtout pour la charte

graphique, car c’est à partir de notre nom que nous pouvons orienter

et justifier certains de nos choix.

Nous avons donc listé tous les mots qui nous venaient à l’esprit en

groupe à partir du mot central « seniors ».

Voici notre premier brainstorming en ce qui concerne le choix du nom.

Après mure réflexion par rapport à nos objectifs en tant qu’entreprise,

pour une stratégie à long terme il fallait un nom qui pouvait à la fois

être compris par les français dans un premier temps mais aussi à

l’internationale.

Nous avons donc opté pour un nom anglophone. Il fallait donc que ce

soit compréhensible par tous, un mot qui n’existe pas dans le

dictionnaire (pour des raisons de non disponibilité en tant que nom

de domaine), donc un mot inventé. Nous avons pensé à faire un

tableau avec des préfixes, les mots en anglais, et des suffixes, pour

essayer de trouver une combinaison de nom intéressant.

Préfixe Mots Suffixe

Ad, ad, af, ag, al, archi, il, dé, des, un, in, ir, mal, para, pre, re, anti, mid, dis, post, omni, inter, poly

Old, meet, event, âge, active, social, discover, adventure, friend, move, senior, company, culture, share, relation, sympathy, share, luck, happy, enjoy, fun, joy, fifty

Eur, euse, son, tior, ance, sior, mion, mon, ure, ad, age, mony, isme, iste, rama, er, ien, ergy, fix, fy, bly, esse, ant, ify, less, able, ible, ship, son, gramme, ose, loge, ment, fuge, ivore, erie, ability, aster, bot, by, centre, cycle, ency

Voici la liste de mots clés que nous avons réussi à trouver : meetorama, meetifier, meetify, moovly, socializer, ageless, moovifier, polyshare,

sunshare, eventify, actify, socialwave, fiftyfriendly, enchanté, CommeParEnchantement, Incanto, Duavivo, WhatsUp.

48 | P a g e

Suite à cela, nous avons voulu tester

auprès de notre cible le meilleur nom à

prendre. Nous avons donc procédé à

élaborer un questionnaire en ligne grâce

à Google forms en 3 parties, chacune

sur une page suivante dans le

formulaire : test d’évocation, test de

mémorisation, test de préférence.

Après avoir envoyé le questionnaire à

un échantillon représentatif de notre

cible, nous avons analysé les réponses

et le nom qui a réussi tous les tests était

finalement « FiftyFriendly ».

49 | P a g e

Nous avons aussi fait un brainstorming pour lister les fonctionnalités et les modules qui devaient apparaître sur notre site, en prenant aussi en

compte notre étude de la concurrence.

50 | P a g e

Organisation des résultats du brainstorming

Modules Fonctionnalités

module inscription Pop-up inscription

_ Création compte via réseaux sociaux

_ Validation mail obligatoire, 72h

_ Modif, suppression, se connecter, profil

_ Formulaire en plusieurs étapes

module profil Barre de progression profil

_ Création profil

_ Cercle ami

_ Modif, suppression, se connecter, profil

_ Statut membre (récompense)

_ infos connexion

_ Choisir loisir détaillé

_ Archives des évènements

_ message perso de présentation sur profil

module membre recherche de personnes, filtre (recherche amis)

_ Nombre de membres actualisé

_ Inciter - importer ses contacts

_ Cercle ami consulter cercle amis

_ Autour de moi, membre au kilomètre

_ Filtre membres

_ recherche mots clés

_ géolocalisation

_ Noter les membres

_ Import Gmail, fb, Yahoo

module mail Boîte de réception, fonction d’envoi,

module nous contacter - Formulaire contact

module evt _ partager évènements sur les réseaux sociaux

_ Agenda avec filtre (pour choisir un évènement)

_ Autour de moi, évènement au kilomètre

_ Créer, modifier, rejoindre, noter, annuler, consulter un

évènement

_ Membres maximum pour l’évènement

_ Carte d’évènement

_ Géolocalisation

_ Filtre évènement

_ Evt pro

_ Photos des évènements

_ Intégration de payement evt / Cagnotte pour evt

51 | P a g e

_ Noter les membres

_ Evt récurent

_ Evt sur invitation

_ commenté evt (commentaires, livre d’or)

- Evènements favoris

_ algorithme réseaux sociaux affinités

_ Auto complétion

module “qui sommes-

nous?”

Partenaires

_ Dossier presse, on parle de nous

Témoignage

_ Contact

_ Formulaire contact

module _ Actualités

amis

module design Augmenter taille police

Responsive

Didacticiel

_ Notifications, activation

Message pour prise en compte de notification (pop-up)

_ Auto complétion

- cadeau anniversaire ou d’inscription

module mention

obligatoire

_ CNIL

module aide _ FAQ

_ Signaler un bug

_ Aide inscription, tutorial

module blog forums _ Partie blog, article de fond, forum

page accueil se connecter

module mail

calendrier avec évènements

évènement a la une

mon cercle d’amis, les nouveaux membres, membres

connectés.

FOOTER

Profil à compléter

Header _ Se connecter, le compte

_ Logotype, slogan

_Barre de menu

52 | P a g e

Listing des contenus, médias, fonctionnalités.

A partir du de cette organisation du brainstorming, la séparation de modules et fonctionnalités, voici

l’explication de chacun de ces éléments :

_ Responsive design

Le Responsive est un ensemble de techniques de développement HTML, CSS et JavaScript

permettant au site de s’adapter à la taille du navigateur du visiteur. C’est une technique de

développement qui devient de plus en plus présente sur la plupart des sites web et qui permet de

garder le contrôle sur l’ergonomie du site quelle que soit la type d’appareil qui servira à la

visualisation du site. Il est important de penser dès le début du site à cet aspect puisque de plus en

plus de personnes naviguent sur le web avec des appareils équipés d’écran plus petits qu’un

ordinateur. Notre cible, les seniors utilisent de plus beaucoup de tablettes et nous nous devons de

fournir la meilleur ergonomie possible pour ces appareils.

_ Augmenter taille police

Cette fonctionnalité consiste à fournir sur le site une fonction qui permettra d’augmenter la taille des

polices du site. C’est une fonctionnalité importante puisque notre cible peut parfois avoir quelques

problèmes de vision qui peuvent nuire à la lecture du contenu du site si celui-ci n’est pas optimisé.

La difficulté de cette fonction se situe au niveau de la cohérence du graphisme et de l’ergonomie

générale, le changement de taille de la police pouvant interférer sur l’organisation des éléments.

_ Témoignages

Une partie réservée aux témoignages des membres avec leur avis sur le site et toutes les choses

que cela leur a apporté. Les témoignages seront mis en avant pour convaincre les futurs membres

de la qualité de notre site et mettre en confiance sur notre sérieux. Il est évident que les témoignages

seront réels et que nous ne tomberons pas dans la facilité de créer de faux avis pour accroître la

popularité de notre site. Tous les témoignages seront reliés à une personne inscrite sur notre site.

_ Inscription obligatoire

Nous souhaitons ne permettre l’accès au site qu’aux membres inscrits, les simples visiteurs ne

pourront pas accéder au contenu du site, ni au profil des membres ni aux différents évènements

organisés. Une page sera présentée aux visiteurs non-inscrits pour présenter les fonctionnalités du

site sans toutefois leur donner accès à celles-ci. Par contre les mentions légales, la FAQ et d’autres

éléments peuvent être accessible sans être connecté.

_ Création compte via réseaux sociaux

La création d’un compte sur notre site via les principaux réseaux sociaux existants permettra

d’obtenir une inscription rapide et complète en utilisant les informations déjà entrées sur ceux-ci.

Bien évidemment l’inscription via les réseaux sociaux ne sera que facultative et ne sera là que pour

faciliter l’inscription aux membres le souhaitant. La liaison avec les réseaux sociaux nous permettra

de plus de pouvoir publier sur les murs des membres s’ils le souhaitent de manière simple pour

qu’ils puissent par exemple promouvoir un de leurs évènements.

53 | P a g e

_ Pop-up inscription

La page d’inscription sera consistée d’une page unique présentant les différentes fonctionnalités du

site et présentant quelques exemples d’évènements et des témoignages des membres. Le

formulaire d’inscription à proprement parlé s’affichera au clic sur le bouton inscription et se

présentera sous la forme d’un pop-up JavaScript tout en grisant tout le contenu du site pour centrer

l’attention sur les champs à remplir, comme vu sur AdopteUnMec.

_ Formulaire en 2 étapes

Nous pensons que l’inscription doit se faire en deux étapes : une première étape simple et rapide

avec peu de champs et une seconde étape avec plus de détails et toutes les informations utiles

pour détailler le profil du membre, ses envies, ses passions, etc. Cette manière de faire devrait

augmenter le nombre d’inscrits

_ demander numéro de téléphone (entrer code pour confirmer inscription)

Dans une optique de n’autoriser qu’une inscription par personne il nous parait important de valider

l’inscription à l’aide d’un numéro de téléphone. Toutefois nous réalisons aussi que cela pourrait

limiter le nombre de nos inscriptions sur cette étape s’avère compliqué. Nous gardons donc cette

fonctionnalité mais en gardant en tête ces éléments.

_ Validation mail ou par téléphone obligatoire

Si l’étape de la validation par téléphone nous semblait poser quelques problèmes, une validation

par e-mail nous semble tout à fait faisable pour vérifier l’identité du membre et lui permettre de

récupérer l’accès à son compte en cas de perte de mot de passe.

_ Nombres de membres/évènements actualisé en temps réel

Un affichage actualisé du nombre de membres inscrit sur le site se mettant à jour en temps réel.

Nous pensons aussi à implémenter ce même compteur mais concernant le nombre d’évènements.

_ Création profil

Une fois que le compte est activé, l’utilisateur accède à son profil en cliquant sur sa photo. Une

page s’ouvre et il accède à son profil. Il peut mettre les informations le concernant. Il met ces

Intérêts, ce qu’il aime, ses passions. Une manière de compléter encore davantage ce qu’on a pas

pu remplir lors des étapes d’inscription.

_ Choisir loisir détaillé

Il nous paraît important que les membres puissent détailler un maximum leur profil pour qu’ils

puissent voir facilement les passions et les intérêts qu’ils ont en commun. C’est un aspect important

de notre site de pouvoir choisir aisément les loisirs et intérêts pour alimenter son profil. Toutefois

nous souhaitons que la saisie soit simplifiée à l’extrême avec une auto-complétion pour accélérer

l’entrée de nouveaux loisirs.

_ Barre de progression profil

Une fois le membre inscrit il faut qu’il renseigne son profil et le détaille un maximum. Caque action

sur son profil pour le remplir lui permettra de remplir sa barre de progression. Une fois toutes les

informations remplis, la barre obtiendra le score de 100% et disparaitra. Cette fonctionnalité servira

à inciter et à rappeler aux membres de remplir leur profil en totalité.

54 | P a g e

_ Modification, désactivation du profil

Nous voulons donner la liberté aux utilisateurs de pouvoir modifier leurs profils respectifs d’une

façon simple et intuitif, car comme vu dans notre analyse de marché, les seniors ne sont pas à

forcément à l’aise avec les nouvelles technologies. Par contre nous ne voulons pas que la

suppression de son profil soit aussi intuitive. En effet, à l’instar de Facebook, nous voulons avoir

une fonctionnalité de désactivation de profil et non de suppression directement accessible depuis

l’interface présentée aux membres. La désactivation signifiera que son compte est toujours

sauvegardé au cas où les membres changement d’avis plus tard. Si en effet les membres décident

de revenir plus tard, leurs comptes seront inchangés, tels qu’ils l’avaient laissé. En ce qui concerne

le droit à l’oubli numérique, nous voulons garder en mémoire le profil des membres à 6 mois. Passé

ce délai pour réactiver son compte, le compte sera automatiquement supprimé.

_ Didacticiel / Aide inscription, tutorial (site grisé mais avec possibilité d’ignorer)

Afin d’aider le nouvel utilisateur à s’inscrire nous allons mettre en place un didacticiel afin de l’aider

dans sa démarche d’inscription, de création et de modification de profil et de navigation dans le site

internet. Effectivement pour un nouvel utilisateur, la page internet sera grisée et nous lui montrerons

les différentes étapes pour s’inscrire ou se connecter. Une fois cette étape faite et une fois connecté,

un nouveau didacticiel est présent sur la page d’accueil afin de présenter les différentes fonctions

du site internet.

_ Actualités amis

Sur la page d’accueil du site, une fois connecté, il sera possible d’accéder au fil d’actualité des

dernières actions du son cercle d’amis. Par exemple si un membre crée un évènement, s’y inscrit

ou s’il commente cette action sera affichée dans le fil d’actualité de ses amis.

_ recherche mots clés

Dans le “header” ou en-tête il y une fonction de recherche qui permet à l’utilisateur de rechercher

soit un autre membre, soit un événement. . Pour les événements il y a possibilité de filtrer les

événements par affinités, par distance du lieu d’habitation,

_ Autour de moi, membre au kilomètre (géolocalisation)

Il nous parait important d’intégrer au site une fonction de géolocalisation pour trouver des membres

situés autour de son endroit de connexion ou des évènements géographiquement proches. Cela

permettra, si on se base sur l’endroit de connexion, de permettre à des utilisateurs en voyage de

rencontrer de nouvelles personnes et de participer facilement à des évènements organisés près de

l’endroit où ils sont.

_ Filtre membres / évènement

Cette fonctionnalité permet aux utilisateurs de filtrer les membres qu’ils souhaitent voir. Par

exemple, seulement les membres avec les même centre d’intérêt, ceux étant dans un rayon de

kilomètre défini.

De la même manière que pour les membres il est possible à l’utilisateur de filtrer les événements.

_ recherche de personnes, filtre (recherche amis)

Même si notre site est principalement centré autour des évènements, nous voulons garder un côté

“réseau social” comme le font beaucoup d’autres. Nous voulons que les membres aient une

interactivité entre eux. Ils peuvent chercher les membres qu’ils connaissent ou des membres qui

ont des profils semblables.

55 | P a g e

_ Inciter à importer ses contacts (Import Gmail, fb, Yahoo)

Les grands fournisseurs d’e-mail comme Gmail, Yahoo et les principaux réseaux sociaux comme

Facebook permettent d’utiliser leurs bases pour importer les amis et les contacts d’une personne

en particulier après son accord. Dans notre cas, cette fonctionnalité est très utile car elle nous

permettra d’inviter automatiquement les contacts de nos membres. Nous inciterons donc au

maximum les utilisateurs du site à inviter automatiquement leurs contacts pour retrouver leurs amis

sur le site.

_ Proposition d’amis avec algorithme affinités (comme réseaux sociaux)

Comme dit précédemment, nous voulons avoir une fonctionnalité de recherche d’amis semblables.

Pour ce faire, nous avons besoin de développer un algorithme d’affinités pour trouver les

corrélations avec les données des membres. Cette fonctionnalité devra être réalisée avec un

développeur aguerri.

_ Cercle amis

C’est une fonctionnalité importante pour le fonctionnement de notre site, la possibilité d’ajouter des

membres en tant qu’amis. En effet tout le site étant basé sur l’aspect social il est nécessaire que les

relations sur le site soient pérennes et que les membres puissent garder une trace de leurs contacts

entre eux. Une liste d’amis sera donc implémentée pour garder une trace de ce lien. Les utilisateurs

du site pourront inviter n’importe quel autre membre mais celui-ci ne sera inscrit comme “amis” selon

lors de la validation de la demande. Les relations d’amitiés seront des relations dans les deux sens

et non pas un simple “suivi” d’un membre.

_ Agenda avec filtre (pour choisir un évènement)

Dans le module agenda il est possible de filtrer les événements. Pour l’utilisateur grâce à cette

fonction il peut voir apparaitre que les événements de son cercle d’amis, ou bien de tous les

membres dans un rayon de x kilomètres. Nous allons mettre en place un partenariat avec les offices

de tourisme, association, mairie pour qu’ils puissent mettre dans notre agenda leurs événements.

Ils seront bien entendu présentés comment événement extérieur au site. De la même manière que

précédemment l’utilisateur pour faire apparaitre ces événements ou pas.

_ Evt récurent

Les évènements récurrents seront des évènements qui se réaliseront plusieurs fois selon une

récurrence donnée. En effet certains évènements peuvent être intéressants s’ils se réalisent toutes

les semaines par exemple et il est important que chacune des réalisations de cet évènement soit,

sur notre site regroupé en un et non pas éparpillé entre plusieurs évènements distincts.

_ Créer, modifier, rejoindre, noter, annuler, un évènement

Dans l’agenda, une fonction est disponible pour l’utilisateur. Il lui est possible de créer un

événement. Il peut lors de cette création, inviter des personnes de son cercle, ou des membres qui

ont des centres d’intérêt identiques à l’événement créé.

S’il ne crée pas d’événement, il peut rejoindre un événement déjà créé. S’il participe à un événement

il peut donner une note à celui-ci. L’internaute peut aussi annuler sa participation à un

événement, ou bien annuler l’événement qu’il a créé.

56 | P a g e

_ Membres maximum pour l’évènement

Lors de la création d’événement une option est disponible pour limiter le nombre de participants

maximum. Cela peut-être pour des raisons de place, de sécurité…

_ Evt sur invitation

Certain évènement crée ne peuvent être rejoint que par invitation du membre qui a créé

l’événement. Cela pourrait être surtout utile pour des soirées VIP par exemple.

_ partager évènements sur les réseaux sociaux ou par mail

Lors de la création d’un événement par un membre, il y aura une option afin de pouvoir partager cet

événement sur différents réseau sociaux. Cela permettra de faire connaitre notre site à d’autre

utilisateurs mais aussi ramener plus de personne à un événement.

_ sorties qui ont été favoris (à suivre)

Cette fonction permet de mettre en avant sur la page d’accueil un événement ou le membre n’est

pas encore inscrit mais pour laquelle il veut voir l’évolution des inscriptions pour prendre sa décision

plus tard.

_ Carte Google maps

Après avoir créé un évènement et renseigné l’adresse de celui-ci, nous voulons insérer une carte

générée par Google maps pour que les membres puissent repérer le lieu de l’évènement. Google

maps parce que l’API est bien faite et qu’il existe une pléthore d’éléments compatibles trouvable en

ligne. De plus, c’est la carte de navigation la plus utilisé sur les mobiles.

_ Météo

Comme la fonctionnalité avec les cartes de Google, nous voulons aussi une fonctionnalité

d’estimation de la météo selon la date et le lieu de l’évènement (14 jours en avance

maximum). Cette fonctionnalité permettrait d’indiquer aux membres potentiels de savoir comment

s’habiller pour l’évènement, ou s’il est préférable d’annuler tout simplement.

_ exporter calendrier (en .ics ou autre)

L’export des évènements en un format lisible par une application de calendrier extérieure peut être

une fonctionnalité intéressante pour garder un rappel de tous les évènements dans sa région ou

selon ceux auxquels le membre est inscrit. Le format le plus connu est le format ICS qui est lisible

par la plupart des applications de calendrier, qu’elles soient mobiles ou pas.

_ Evt pro

Les évènements professionnels seront des évènements organisés par des entreprises pour

promouvoir leur activité. Cela nous permettra en outre de percevoir une commission pour chaque

évènement que l’entreprise souhaite ajouter sur le site.

_ Intégration de payement evt / Cagnotte pour evt

Nous souhaitons intégrer un système de paiement pour permettre aux créateurs d’évènements de

faire payer les membres pour s’inscrire. Cela pourra prendre la forme d’un prix pour l’inscription ou

d’une cagnotte pour un évènement particulier ou une somme à atteindre pour que l’évènement soit

organisé.

57 | P a g e

_ Carte d’évènement

Il nous parait important d’intégrer des fonctionnalités de visualisation des données du site sous la

forme d’une ou des cartes. Par exemple les évènements seront affichés sous la forme d’une carte

pour pouvoir situer facilement dans l’espace les lieux de réalisation.

_ Archives des évènements

Une fois un événement passé, il apparaitra dans les archives. Cela permettra de savoir ce qui a été

fait. Et cela permettra aussi de pouvoir dupliquer l’événement. En le dupliquant l’utilisateur pourra

choisir une nouvelle date et avec les mêmes membres. Bien sûr il y aura la possibilité de rajouter

des membres.

_ Photos d’évènement (archive)

Nous voulons offrir la possibilité aux membres de rajouter des photos lors des évènements. D’autres

plateformes existent pour ce genre de fonctionnalité mais si les tous les membres présents à

l’évènement ont la possibilité de poster au même endroit, des albums très complets peuvent se

faire. La fonction archive permettrait de conserver les photos même pour des évènements passés,

ce qui signifie que les seniors qui peuvent parfois être plus nostalgiques que d’autres peuvent

naviguer dans les photos de leurs évènements passés. Nous allons faire en sorte que lors de l’envoi

des photos, elles seront automatiquement compressées avec le moins de perte de qualité possible,

pour non seulement pas mettre de pression sur les serveurs distants mais aussi pour pas détériorer

les photos des contributeurs.

_ Noter les membres et les évènements (qualité, sympathie, etc.)

Notre idée de noter les membres et les évènements est utile pour alimenter notre système de

recommandations et de détection automatique d’affinités entre les membres. En effet, en analysant

les affinités des membres pour certains évènements il sera possible de leur proposer des

évènements en rapport ou des membres qui ont des affinités communes. Plus la base des

différentes notations entre les membres et les évènements sera fournie, plus il sera facile de prévoir

les affinités des membres et même de créer des évènements pour satisfaire des besoins latents.

_ commenter amis et membres sur profil

Comment la plupart des sites d’e-commerces fonctionnent pour mettre en confiance les internautes

à acheter ? EBay, Amazon, etc. ont la fonctionnalité de pouvoir mettre des commentaires sur les

produits achetés, ce qui permet d’avoir une certaine image et réputation générale du produit et du

vendeur. Nous voulons nous inspirer de cette technique. En effet, nous voulons donner la possibilité

de commenter sur les profils des autres membres. Ceci permettrait par exemple de pouvoir

commenter la sympathie, l’accueil, d’un organisateur d’évènement.

_ Statut/Grade membre (récompense)

Comme sur beaucoup de blogs, il existe souvent une fonctionnalité de grade attribué aux membres

selon leur contribution, leur ancienneté, etc. Les internautes peuvent monter en grade. Cette

méthode a été prouvée qu’il contribue à la liaison positive avec le site. Notre cible principale va

plutôt être une personne qui peut s’ennuyer et qui cherche à sortir. Ils peuvent avoir du temps à

passer sur des jeux comme Farmville sur Facebook. C’est le défi qui est interminable qui rend la

chose addictive. Nous voulons appliquer cette même addiction avec les grades qui n’ont pas de fin.

58 | P a g e

_ Cadeau anniversaire ou d’inscription

Un peu comme les statuts attribués aux membres selon leur contribution sur notre site, nous voulons

aussi profiter de la date de naissance demandée dans le formulaire d’inscription pour proposer des

cadeaux d’anniversaires. Ces cadeaux vont être sous forme

_ boite de réception

Dans le “header” il y aura une petite enveloppe. Celle-ci permettra à l’utilisateur d’accéder à sa boite

de réception de message. Une animation qui allumera l’enveloppe préviendra le membre qu’il a

reçu un message.

_ Notifications, activation

Une fois l’inscription sur le site, un email de confirmation est envoyé au membre sur sa boite email.

Cette étape est couplé au didacticiel de l’inscription ce qui permet au membre de savoir comment

valider son inscription. Un bandeau apparaitra afin de notifier au membre que son compte n’est pas

encore activé.

_ Alertes par SMS

Une fois le numéro de portable du membre validé il lui deviendra possible de recevoir des alertes

pour les évènements qu’il choisira. Ce service permettra aux membres de rester informer des

actualités qu’ils souhaiteront et ne pas rater un évènement.

_ Message pour prise en compte de notification (pop-up)

Sur le profil du membre ou bien lors de la création, modification d’événement, un petit pop-up

apparaitra afin de notifier au membre que son action a bien été prise en compte.

_ Message perso de présentation sur profil

Nous offrons la possibilité aux membres de pouvoir écrire un message dans leur profil, pour qu’ils

donnent s’ils le souhaitent un peu plus d’information.

_ Formulaire contact

Si les utilisateurs le souhaitent, ils peuvent contacter le staff du site internet grâce à un formulaire

de contact. Il choisira la catégorie de sa demande et ensuite il devra seulement nous expliquer son

problème.

_ FAQ

En plus du didacticiel, une foire aux questions sera disponible afin d’expliquer aux membres

comment se servir des différentes fonctions. Un moteur de recherche dans le FAQ permettra de

rechercher rapidement la réponse à leur question

_ Partenaires

Cette rubrique, très simple, répertoriera toutes les entreprises partenaires de notre structure avec

un descriptif de chaque entreprise.

_ Dossier presse, on parle de nous

La partie dossier presse du site mettra en avant tous les articles de presse et nos apparitions dans

les journaux télévisés. Cette partie nous permettra d’ancre notre réputation et de tenir informer les

membres des différents articles dans lesquels nous apparaissons.

59 | P a g e

_ Auto complétion des choix de membres

Dans la recherche des membres, afin de faciliter la recherche, nous métrons en place de l’auto

complétion.

_ Infos des membres connectés

Comme sur OnVaSortir, les membres qui sont visibles peuvent avoir des infos sur eux lorsqu’on

passe la souris sur leur pseudonyme. Les membres connectés peuvent avoir un point vert en bas

à droite, les membres non connectés un point rouge et les membres ayant désactivé leur profil un

point noir. Les personnes de sexe masculin peuvent avoir une silhouette d’un homme en bleu et les

femmes la silhouette d’une femme en rose s’ils n’ont pas mis de photos d’eux encore. On pourra

voir en un clin d’œil leur activité sur le site.

_ Signaler un bug

Comme sur AdopteUnMec.com, les internautes peuvent à tout moment signaler un bug sur le site.

Nous voulons laisser aussi la possibilité de faire un screenshot si la description du bug ne suffit pas

pour aider l’équipe support pour résoudre le problème.

_ Partie blog, article de fond, forum

La partie blog contiendra des articles de fond sur les sujets qui pourront intéresser notre public cible.

Cette partie du site sera centré sur le contenu pour permettre d’attirer des visiteurs via une forte

optimisation pour les moteurs de recherche. Sur cette partie du site, qui sera détaché du réseau

social, mettra en avant l’inscription sur la partie réseau social justement. La partie blog servira en

réalité à attirer du trafic et à pousser les visiteurs vers l’inscription de notre réseau social.

60 | P a g e

Tri et organisation de ces éléments

Home page (première visite)

Header :

logotype

Baseline - phrase d’accroche

Connexion ou création de compte

Barre de menu :

barre de recherche

connexion

Formulaire d’inscription

Formulaire grand, peu de choses demandées, On montre clairement qu’il y a étapes

simples,

Signup en plusieurs étapes (pseudo, adresse email, mot de passe) puis (détail de plus en

plus poussé) Signup possible avec Facebook (message indiquant qu’ils ne vont rien poster)

S’inscrire : call to action bien visible et intuitif.

Carrousel avec photos (Image page d’accueil de vieux qui se font une balade en montagne,

on montre directement le ton du site)

Pas trop le choix, on est obligé de faire un signup avant de pouvoir explorer en profondeur

le site

Bloc - Evénements

Une offre à la une, (évent populaire en ce moment) – géolocalisation

Liste des événements

Exemples d’évents qui se passent en ce moment

Sorties à venir, aujourd’hui, populaire, diapo, recherche, nouvelles, archives

Citation « there are no strangers here, only people you haven’t met »

Phrase d’accroche qui parle de la notoriété du site

Bloc - Membres

Plein de photos avec directement le formulaire d’inscription

Photos de membres en bas (nos derniers inscrits)

Témoignages membres

Bloc - notoriété

Social proof – nombre d’inscrits, évents, articles, témoignages utilisateurs, articles dans la

presse

Numéros d’évènements créés depuis le début dans le footer

Footer :

logo type

Réseaux sociaux

Phrase explicative du site, le concept - qui sommes-nous ?

CGU

61 | P a g e

Aide – FAQ

Charte de confiance

Partenaires

Mentions légales

Appli dispo pour tous les périphériques

espace premium

Numéros d’évènements créés depuis le début

Explication du principe avec des bulles et screenshots qui changent

Home page

Header :

logotype

Baseline - phrase d’accroche

Compte -(profil, déconnexion) _Pseudo, passe, connexion, souvenir - Je m’inscris - Mot de

passe perdu ?

Barre de menu :

barre de recherche

Connexion

barre de menu

Bloc - Evénements

Une offre à la une, (évent populaire en ce moment) – géolocalisation

Liste des événements

Exemples d’évents qui se passent en ce moment

Sorties à venir, aujourd’hui, populaire, diapo, recherche, nouvelles, archives

Citation « there are no strangers here, only people you haven’t met »

Phrase d’accroche qui parle de la notoriété du site

Bloc - Membres

Photos de membres en bas (nos derniers inscrits)

Profil à complété (description, annonce, photos, détails, personnalité …)

Une grande photo avec une suggestion

Facebook+ ajouter vos amis

Recherche rapide (personnes à rencontrer)

Déjà 234667 membres qui habitent, qui aiment (cuisine, musique, sport, multimédia,

rencontrez les)

Carrousel d’images avec des thèmes, vidéo explicative de quintonic

En ce moment sur Quintonic, les quintoniciens organisent, membres les plus actifs,

membres de la communauté

Actualités de la communauté

Nos bons plans - vacances inter-ovs

Calendrier

Bienvenue ! (nouveaux inscrit)

Un membre (profil d’un membre)

62 | P a g e

Se connecter

Module mail

Calendrier avec événements

Événement a la une

Mon cercle d’amis, le nouveau membre, membres connectés.

Footer

Profil à compléter

Inscription 1

Inscription rapide” + pseudo*, date de naissance*, e-mail*, mot de passe* + bouton

d’inscription

Inscription 2

Personne particulier :

Phrase de présentation (Le site pour échanger, rencontrer, partager, gratuit, conditions

d’utilisation, confidentialité)

(suite de l’inscription rapide déjà pré remplit” pseudo*, date de naissance*, e-mail*, mot de

passe* + bouton d’inscription)

Votre nom*, votre sexe*, situation (couple, célibataire, des enfants), date de naissance*,

votre code postal*, votre ville*, votre adresse email*, choisissez votre mot de passe*,

confirmez votre mot de passe (bouton voir MDP en clair)

Je m’engage à respecter les conditions générales d’utilisation du site, m’avertir par email,

prévenir par mail pour les nouvelles sorties (1mail par jour, semaine)

Allez, un petit mot sur toi ? Tes envies, tes passions, ta vie …

> Retour page d’accueil (bouton compléter profil !)

Page Profil

Personne connecté :

Votre profil est rempli à 0%

Photos (pas de nudité, pas de photos de star, d’animaux, paysage, seulement vous !)

Bouton “éditer mon profil”

Enregistrer ou supprimer compte

Personne qui visite le profil (+ personne Co) :

Pseudo, âge, ville - Détails > origines, hobbies, Profession (Informatique, Enseignement,

Milieu du droit, Milieu de la santé, Milieu artistique, Milieu financier, Je suis mon patron, Je

ne travaille pas), alcool, tabac,

Popularité en pourcentage : Nombres de sorties, d’éléments, commentaires

Description de la personne (social, dynamique, sportif ?).

Suggestions des membres (personnes à rencontrer) - Recherche rapide des sorties ou de

membres.

C’est informations complémentaire en bas de page sont une très bonne idée.

Edition Profil - Mon compte :

Profil :

Votre profil est rempli à 0% - Mes photos - (en couverture, mon album photo) - Ma description

générale (alcool, tabac), détails (profession, université, hobbies, musique, cinéma, livres,

63 | P a g e

tv/séries)- pseudo, statut, ville _ “je souhaite être informé des différentes sorties” (pas visible pour

le visiteur du profil) :

Activités artistiques (Chanter, Ecriture - Poésie - Slam, Peinture - Dessin, Photo, Je joue d'un

instrument, Arts créatifs, Couture - Broderie)

Activités culinaires (Je cuisine, Pique-nique, Brunchs, Amateur de café, Amateur de thé, Amateur

de vin, Amateur de bière)

J'aime la culture/cuisine (Française, Arabe, Juive, Anglo-saxonne, Asiatique, Turque -

Arménienne, Africaine, Sud-américaine, Belge, Portugaise, Italienne, Russe)

Culture (Littérature, Art moderne, Cinéma d'art & essai, Ballet - Opéra, Musique classique, Jazz,

Musées - Expositions)

Réflexion (Sciences, Philo - Psycho - Socio, Politique, Religion, Histoire - Archéologie, Paranormal

- Magie, Enigmes - Quizz - Rally)

Sport (Randonnées, Courir, Vélo - VTT, Escalade, Ping-pong, Tennis, Badminton - Squash,

Pétanque, Arts martiaux, Plongée, Football, Rugby - Touch rugby, Volley - Basket, Sports

nautiques, Golf, Sports de glisse, Nager, Marche - Balade, Roller, Danses latino, Danser le rock)

Nature (Jardinage - Plantes, Zoo - Parcs animaliers, Mer - Plage, Montagne - Ski)

Séjours (Partir en week-end, Camping, Partir à l'aventure)

Evénements (Happening - Anniv', Concert, Parcs d'attractions, Châteaux - Monuments, Foire -

Salon, Brocante - Vide-greniers)

Ne pas afficher ces informations aux autres membres du site.

Mon compte :

Mon compte (e-mail, date de naissance, pays, code postal, ville, mon ancien mot de passe,

mon nouveau mot de passe, confirmation du mot de passe, valider les modifications.

Désactivation (je désactive mon compte)

Vous nous quittez déjà ? (Vos amis ne pourront plus vous contacter :(. Néanmoins,

vos informations seront conservées (annonce, contacts, points...) et vous pourrez

réactiver votre compte quand vous le souhaitez en vous connectant avec vos actuels

identifiants.)

Je désactive mon compte (Je ne trouve pas suffisamment de sorties dans ma région

- Je ne trouve pas de sortie qui me convienne- Je préfère rester célibataire - Je

n'arrive pas à utiliser le site - Autre)

Souhaitez-vous que le site vous tienne au courant de nos futures nouveautés ? (oui-

non)

Je désactive mon compte

Notifications:

Mes alertes par e-mail (recevoir un mail pour : chaque visite, message ou ne pas recevoir d’alerte

par e-mail - recevoir les newsletters - participer au programme Sophie) - Vie privée (je ne souhaite

pas être vue par les membres du site, non membre de site, mes amis), valider les modifications)

64 | P a g e

Cahier des charges

65 | P a g e

Architecture - Arborescence du produit et processus des principaux

modules

Après notre brainstorming sur les fonctionnalités et modules ainsi que le tri et l’organisation de tous ces éléments pour délimiter un cadrage de

notre projet, nous avons pu créer le schéma de l’arborescence pour notre site.

Pour bien comprendre l’acheminement des étapes selon l’action souhaité sur notre site, voici 5 schémas sur quelques scénarii des différentes

utilisations potentielles :

66 | P a g e

67 | P a g e

68 | P a g e

69 | P a g e

Schématisation des templates

70 | P a g e

Ce Template présente la page qui permet aux membres de s’inscrire. Une fois l’adresse de notre

site internet tapé, l’internaute tombe sur cette page.

Tout en haut de la page à gauche, il y a le logo et l’accroche de notre site.

En dessous il y a le module de connexion soit par nom d’utilisateur soit par adresse email. Avec

bien sur un lien pour aider l’internaute à retrouver son mot de passe.

En dessous il y a le module d’inscription. En seulement 2 étapes, l’internaute s’inscrit. Il rentre son

nom d’utilisateur, en dessous son adresse email et ensuite un mot de passe. Il a juste à cliquer sur

« s’inscrire ».

L’internaute s’il le souhaite peut s’inscrire sur fiftyfriendly via son compte facebook.

Une seconde partie de la page internet informe l’internaute sur ce qu’est ce site, quel est son but,

ce qu’il propose.

Un module fera défiler des témoignages de membre du site.

Il y aura un module de présentation d’événement que notre site propose. Si le client clique sur un

événement, on lui proposera de s’inscrire.

Nous métrons en avant les différents partenaires qui nous aurons aidé dans notre projet ou bien

ceux qui auront parlé de nous.

Dans le footer, on retrouve le logo avec le slogan, les conditions générales, les mentions légales.

Nous informons que le site est disponible sur support mobile.

En bas un accès premium (en cours de développement.)

71 | P a g e

Une fois la première étape d’inscription faite. Nous demandons quelques renseignements

supplémentaires à nos membres. Nous leur précisons que l’inscription est gratuite.

Afin de faciliter l’inscription, les membres peuvent soit la valider grâce à un code reçu sur le portable

ou grâce à un lien à cliquer sur la boite mail.

72 | P a g e

73 | P a g e

Voilà la page principale du site une fois connecté. Nous y retrouvons le logo avec le slogan et une

barre avec un accès directe à certaine fonctionnalité.

Dans la barre de menu nous retrouvons :

En cliquant sur profil, le membre accède à son profil.

Sorties, il accède à la sortie.

Mes amis il accède à un cercle d’amis restreint.

Mails pour accéder aux messages.

La barre de progression notoriété indique au membre sa popularité. Cette fonction est en cours de

validation. Nous proposerons au début ou si cette fonction n’est pas validé par nos soins d’indiquer

aux membres à combien de % son profil est remplit.

Pour les profils peu complets nous leur donnerons des conseils.

Une fois le profil complété, nous les connaitrons mieux. Cela permettra de leur proposer des

événements en relation avec leur centre d’intérêt. Ces événements lui sont proposés sur la page

principale.

Un bouton permet à l’utilisateur d’accéder à la création d’événement.

Le calendrier du jour, permet d’afficher tous les événements du jour et donc il est facile de pouvoir

se rajouter à un événement.

Mon cercle d’amis regroupe tous les membres avec qui vous avez le plus d’affinité. C’est à vous

d’ajouter des membres dans ce cercle.

Un module de recherche rapide est disponible. Il permet de rechercher rapidement un événement

grâce à différent filtre : kms, lieu, date… ;

Ce module permet aussi de rechercher un membre par ville, par activité, par kms…

En bas de la page nous rappelons le logo du site avec l’arroche est le but du site.

Le footer est identique à la page précédente.

74 | P a g e

75 | P a g e

Ce Template représente mon profil.

Nous y retrouvons le logo l’accroche ainsi que la barre avec le profil sorti mes amis mail et la

notoriété ou la progression qui indique à combien de pourcentage et complété le profil.

Donc dans mon profil il y a l’image du membre avec son prénom son âge et d’où il vient. Un bouton

offre la possibilité de modifier le profil qui renvoie sur une autre page, ou modifier les informations

de son compte. Sur la page mon profil on voit les caractéristiques du membre. Ces données ont été

collectées grâce aux informations qu’à donner le membre lors de son inscription. Nous voyons aussi

apparaître la notoriété du membre. Cette fonction est en cours de discussion. Nous voyons aussi

les statistiques du membre. Le nombre d’événements où il a participé. Le nombre de commentaires

qu’il a écrits. Et le nombre d’événements qu’il a organisés. Un petit résumé présente le membre

dans la partie description. Il voit aussi son cercle d’amis.

Le module du calendrier du jour est accessible aussi sur cette page-là ainsi que la recherche rapide

et le footer.

76 | P a g e

Ce Template représente les paramètres généraux du compte. On peut ajouter une photo modifier

les caractéristiques la description et le nombre de notifications que l’on veut recevoir.

77 | P a g e

Sur cette page nous modifions les paramètres du compte.

Nous y rentrons toutes les données administratives concernant le membre. C’est à cette dans cette

partie que le membre peut désactiver son compte.

78 | P a g e

Toujours dans les paramètres généraux du compte le membre pourra régler les notifications qu’il

recevra de la part du site Internet. Il pourra recevoir des notifications par e-mail ou par SMS. Nous

lui demandons pour quel type d’événement il souhaite recevoir des notifications. Nous lui offrons la

possibilité de protéger son statut en ligne à fin qu’il se connecte anonymement vis-à-vis des

membres sur le site Internet.

79 | P a g e

Lorsque le membre clique sur la petite enveloppe, il accède à la page de ses messages. Nous

voyons une fonctionnalité qui permet d’écrire un nouveau message. Il y a différentes parties la

première et la boite de réception la deuxième des brouillons la troisième les messages envoyés.

Des petites cases à cocher permettent vous de regrouper des mails à fin du faire une action

identique sur tous les mails cocher.

80 | P a g e

Nous offrons la possibilité à nos membres de retrouver des amis. Le membre peut via le module

j’en parle à mon entourage rentré l’adresse mail de ses contacts à fin qu’il le rejoigne sur le site. Il

peut aussi partager une invitation sur les réseaux sociaux sur lequel il est membre. Nous voyons

aussi la partie invitation reçue. C’est dans cette partie que nous allons créer et le cercle d’amis.

Nous offrons la possibilité soit d’accepter de faire partie d’un cercle d’amis soit de décliner. En

dessous nous voyons tout le cercle de connaissances c’est-à-dire les membres que nous avons

acceptés dans le cercle.

81 | P a g e

Sur cette page nous voyons comment est affiché lorsque nous voulons visualiser le profil d’un

membre du site Internet. Nous voyons sa photo son âge la région dans laquelle il vient nous pouvons

lui demander de faire partie de notre cercle nous pouvons lui envoyer un message ou bien l’inviter

directement à un événement.

82 | P a g e

Ce template est la page qui va s’afficher pour les évènements. On retrouvera des propositions de

sorties selon notre historique de sorties, les sorties qui nous entourent (grâce à la géolocalisation),

les sorties de ses amis. On retrouvera également un aperçu des sorties à venir, ainsi qu’une

fonctionnalité de recherche rapide pour trouver une sortie. Plusieurs boutons bien visibles seront

accessibles pour créer un évènement également, pour faciliter la création rapide.

83 | P a g e

Ce template sera la page affiché quand on regarde ses propres évènements auquel on participe,

qu’on a participé ou qu’on a créé. Les membres devront avoir un maximum de liberté de modification

de ces éléments afin de créer un espace très personnalisable.

84 | P a g e

85 | P a g e

Cette page est dédiée à la page d’un évènement. Quand on cliquera sur n’importe quel titre

d’évènement, ce récapitulatif détaillé sera affiché. On retrouvera une photo de couverture, ainsi que

d’autres images, un descriptif de l’évènement, le titre, le lieu, les conditions, le nom et photo de

l’organisateur que ce soit un particulier ou un professionnel, et un espace pour les commentaires

pour tous ceux qui auraient des questions à poser. On retrouvera les fonctionnalités d’une carte

Google maps pour s’y retrouver sur un plan, la météo si l’évènement à lieu dans moins de 14 jours,

une fonction de partage pour les réseaux sociaux ou par email, et également bien sûr un bouton

pour y participer. Cette dernière fonctionnalité ne sera pas disponible si la limite de places a été

atteinte. Il y aura également l’avatar des membres qui ont confirmé leur participation, et peut être

aussi de tous ceux qui sont invité mais qui n’ont pas donné de réponse encore, comme sur

Facebook par exemple. Pour l’organisateur, un bref fiche de présentation sera visible, montrant

ainsi la réputation et le sérieux de ce dernier (quel grade, combien d’évènements organisés,

combien de commentaires). On voudrait y inclure aussi une fonction de dupliquer l’évènement si on

veut créer un évènement similaire et que celui qui est affiché est un bon modèle, mais c’est en cours

de discussion.

86 | P a g e

Cette page sera celle dédiée pour la création ou la modification d’un évènement. On pourra modifier

tous les champs qui apparaitront pour le public. Le nom de l’évènement, data, horaires, adresse

complète, changer le cursor sur google maps, description, nombre maximum de participants, et le

tarif. Dans le volet de droite on pourra mettre des recommandations/exemples mais c’est en cours

de validation.

87 | P a g e

On voudrait avoir une page spéciale pour les partenaires et la presse qui parle de nous. En effet,

cette page donnera une certaine notoriété de notre site pour que les membres aient plus de

confiance quant au sérieux de notre site. Cette page devra être accessible donc aux personnes qui

ne sont pas encore inscrites.

88 | P a g e

Nous voulons que le site soit le plus intuitif possible, mais si des membres ont des doutes sur un

sujet ou sur comment quelque chose marche sur le site, nous voulons avoir une page pour cela.

Les premières questions-réponses affichées dans le FAQ seront écrits par nos soins mais au fur et

à mesure des questions par les réels utilisateurs on changera s’il y a des questions redondantes.

Nous avons classé les autres onglets d’aide (nous contacter, CGU, mentions légales) sur la même

page pour faciliter la navigation.

89 | P a g e

Toujours dans la page d’aide mais cette fois dans l’onglet contact, nous voulons intégrer un

formulaire de contact. Nous voulons que l’internaute définisse d’abord quel thème sera son

message pour trier notre boîte de réception. Au fur et à mesure de notre base de membres d’inscrits

cette fonctionnalité sera principalement pour toute demande de partenariats principalement, car

nous voulons que la FAQ devienne le lieu d’échange entre membres, entre la communauté. Et pour

davantage de tri, nous voulons insérer un code captcha à recopier qui se génère automatiquement.

90 | P a g e

Comme sur tout site internet, il faut avoir les mentions légales du site, mentionnant qui nous

sommes, où sont stockées les données, notre siège social et comment nous contacter, notre

hébergeur, etc.

91 | P a g e

Egalement sur cette page d’aide, nous voulons placer les Conditions Générales d’Utilisation (CGU)

qui mentionnera tous les articles classiques quant à l’utilisation de notre site et les responsabilités

engagées. Tout ceci devra être accessible même si on n’est pas connecté.

92 | P a g e

Spécifications techniques

L’architecture réseau

Dans le cadre de l’analyse des technologies que nous utiliserons pour développer notre site web

nous avons déterminé plusieurs choix possibles pour chaque partie de notre architecture. Tout

d’abord, analysons ensemble l’architecture de notre infrastructure :

Chaque serveur étant spécialisé dans une tâche particulière il sera assez aisé de créer une

architecture qui s’adaptera aux besoins.

Nous utiliserons une infrastructure constituée de serveurs MySQL et de serveurs Apache sous des

distributions Linux. En cas de besoin une grappe de serveurs SMTP viendra épauler le tout pour

l’envoi des mails automatiques et des relances. La distribution du trafic entre les différents serveurs

sera assurée par le proxy et soutenu par un firewall pour appliquer une politique de sécurité très

stricte. Il nous parait important en outre de distribuer nos serveurs dans au moins 2 centres de

données différents si le coût d’une coupure du service devient trop important par rapport au coût

d’implantation dans un second centre de données.

Pour une sécurité optimale, les serveurs de sauvegarde seront situés dans des centres de données

différents, et toutes les sauvegardes seront chiffrées. Ces mêmes serveurs seront épaulés par une

distribution des sauvegardes dans des services de sauvegarde dans le Cloud comme le service

Amazon Glacier par exemple.

93 | P a g e

Avec une telle infrastructure, nos coûts seront assez importants il est donc nécessaire de les adapter

en rapport avec le trafic et le chiffre d’affaires généré. C’est pourquoi nous partiront sur une

évolutivité horizontale en ajoutant et en retirant des serveurs en fonction de la charge de chacun.

Le tout étant géré par le serveur proxy qui s'occupera de la répartition des charges. En utilisant des

grappes de serveur réparti chacune par fonction (serveurs web, serveurs de base de données,

serveurs SMTP) nous pourront optimiser les coûts tout en s’adaptant efficacement au trafic entrant.

De plus il est possible de passer par des services de CDN (Content delivery network) qui

s’occuperont de distribuer partout dans le monde un système de cache et de serveurs DNS pour

nous assurer un temps de réponse optimal aux quatre coins du monde en gardant des coûts très

serrés. Certains CDN permettent de plus de fournir une protection plus ou moins élevé contre les

attaques de déni de service, il serait intéressant de leur déléguer aussi cette fonction.

Les langages de programmation et le stockage des données

Développement

Concernant le développement du site nous avons réfléchi aux différentes options que nous ayons

à notre disposition. Nous avons déterminé deux langages qui nous paraissent intéressants pour le

développement du site : le Python et le PHP. Nous avons sélectionné ces deux langages car il

existe des Framework de développement orienté web pour chacun des deux. PHP sera utilisé pour

la plupart des fonctionnalités du site web, Python quant à lui sera utile pour toute les fonctions qui

nécessiteront un temps de réaction rapide ou des calculs poussés comme par exemple les

fonctionnalités d’analyse d’affinité et de suggestions. La combinaison de ces deux langages nous

semble intéressante pour coupler les avantages de chacun : la facilité du PHP et la rapidité du

Python et ses grandes bibliothèques orientés analyse mathématique.

Framework

Au niveau des Framework de développement nous avons le choix entre Zend et Symfony pour PHP.

Notre choix ne s’est à ce jour pas encore porté ni sur l’un, ni sur l’autre. Dans le cas de Python,

nous utiliserons le Framework Django pour tout ce qui concernera l’interfaçage web. Nous sommes

conscients que l’utilisation d’un Framework implique une courbe d’apprentissage élevé mais la

qualité du code produit et la facilité à le reprendre et à le modifier nous a convaincu à les utiliser.

Bases de données

Concernant les bases de données nous nous sommes penchés sur le cas de MySQL mais aussi

des bases No SQL qui nous semble plus adapté dans le cas de la manipulation d’un grand volume

de données. Nos connaissances en base de données No SQL ne sont pas assez développées pour

juger de l’intérêt d’utiliser celles-ci mais les échos que nous avons eus nous semblent très positifs.

Nous aurons donc besoin si notre choix se porte sur des bases en No SQL de développeurs

compétents dans ce domaine.

94 | P a g e

Charte graphique

95 | P a g e

Annexes

1 | P a g e

2 | P a g e

3 | P a g e