Le document présente un dossier de conception pour un site internet destiné aux seniors, mettant en avant les besoins de cette population croissante, notamment leur intérêt pour la technologie et les loisirs. Il aborde également le modèle économique du site, incluant des services premium et des stratégies de marketing ciblées, tout en soulignant l'importance d'une approche sociale et communautaire. Enfin, il définit des profils utilisateurs types et des objectifs de croissance pour les deux premières années d'activité.

1. DOSSIER DE CONCEPTION DU SITE FiftyFriendly
Licence MTM - 2013/2014 - Thomas Nestolat
Paco Ralph Leslie William MONTAGUT - Guilhem LAVIERS

2. 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

3. 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

4. 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.

5. 4 | P a g e
Analyse des besoins

6. 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.

7. 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.

8. 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.

9. 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.
_________________________________________________________________

10. 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.
___________________________________________________________________

11. 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.
___________________________________________________________________

12. 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.

13. 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

14. 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

15. 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.

16. 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

17. 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.

18. 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.

19. 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).

20. 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.

21. 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é.

22. 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

23. 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.

24. 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.

25. 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.

26. 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

27. 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

28. 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.

29. 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.)

30. 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.

31. 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)

32. 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)

33. 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)...

34. 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.

35. 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.

36. 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

37. 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.

38. 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)

39. 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.

40. 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)

41. 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

42. 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

43. 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

44. 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

45. 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.

46. 45 | P a g e
Cadrage

47. 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.

48. 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.

49. 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 ».

50. 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.

51. 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

52. 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

53. 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.

54. 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é.

55. 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.

56. 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éé.

57. 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é.

58. 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.

59. 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.

60. 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.

61. 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

62. 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)

63. 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,

64. 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)

65. 64 | P a g e
Cahier des charges

66. 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 :

67. 66 | P a g e

68. 67 | P a g e

69. 68 | P a g e

70. 69 | P a g e
Schématisation des templates

71. 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.)

72. 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.

73. 72 | P a g e

74. 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.

75. 74 | P a g e

76. 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.

77. 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.

78. 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.

79. 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.

80. 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.

81. 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.

82. 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.

83. 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.

84. 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.

85. 84 | P a g e

86. 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.

87. 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.

88. 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.

89. 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.

90. 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.

91. 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.

92. 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é.

93. 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.

94. 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.

95. 94 | P a g e
Charte graphique

96. 95 | P a g e
Annexes

97. 1 | P a g e

98. 2 | P a g e

99. 3 | P a g e