TITRE

BOOK OF SPECIFICATIONS

A project by TEAMRED

Leader team : Martin Chauveau

Team: Sadi Debbal,

Shilderick Accrombessi, Seda Daglar, Martin Chauveau, José Gomes, Catarina Lucas Loureiro, Delyan Peev, Momchil Petkov, Arthur Catrisse, Amélie Paris, Chloé Demaison

2017 - 2018

SUMMARY

I - Introduction.....................................3

II - Target survey..................................8 Introduction.................................... 9 Results analysis............................. 9

III - Benchmark....................................15 Introduction....................................16 LinkedIn........................................ 16 Viadeo..........................................17 Wizbii...........................................18 Indeed..........................................19 Conclusion...................................20

IV - Graphical approach....................22

V - Communication strategy..........26 Online.....................................27 Offline.....................................29 Events.....................................29

VI - Technical Solutions.................30

VII - Planning and responsibilities...32

VIII - Budget.................................34

IX - Conclusion.............................36

TITREINTRODUCTION

4

REDTEAM is an international website creation agency. It was created in order to design a new plat-form allowing students and young professionals of Multimedia and Internet technologies to give a Eu-ropean dimension to their careers.

Our team consists of young professionals from MIT of Europe: OUR TEAM

Martin Chauveau, Project leaderThe project leader organizes and leads the project from start to the end. It has the role of distributing the tasks to be carried out in the various fields of competence and ensures the good organization and the smooth running of the different phases of the project.(Preparation, structure, design, production, delivery).

Seda Daglar, Design leaderThe artistic director takes care of directing the visual and artistic aspect of the project.It creates the logos and the graphic charter and the UX/UI design.

Shilderick Accrombessi, Community managerThe community manager takes care of the commu-nity on the internet and the various social networks. It also manages the image of the site and the agency.

Sadi Debbal, Front-end developerThe developer works according to the orders of the technical manager.He will take care of the front-end development with the responsable technique.

José Gomes, Graphic designerThe graphic designer works according to the orders of the artistic director.He is in charge of creating the webdesign of the site and that of the application.

Catarina Lucas Loureiro, Graphic designerThe graphic designer works according to the orders of the artistic director.He is in charge of creating the webdesign of the site and that of the application.

5

Amélie Paris, Developement leaderThe Developement leader is responsible for mana-ging all the technical activity of the project. It will set up file naming conventions and, with the help of the developer, set up the technical solutions. He will also take care of the front-end development with the developer. IRIS We have designed IRIS in reference to the Greek goddess of the same name, the messenger of all the gods and thus makes it possible to establish a connection between these entities.The main objective of our platform is to design a place where all the people of MIT can exchange, learn and meet each other. We also want this web-site to encourage young professionals to work across Europe.

Delyan Peev, Back-end developerThe developer works according to the orders of the technical manager.He will take care of the back-end development with the responsable technique.

Momchil Petkov, Back-end developerThe developer works according to the orders of the technical manager.He will take care of the back-end development with the responsable technique.

Arthur Catrisse, Front-end developerThe developer works according to the orders of the technical manager.He will take care of the front-end development with the responsable technique.

Chloé Demaison, Communication leaderThe communication leader is the person who imple-ments the communication actions within the project. He writes the different contents of the project and draws up the editorial line and develops a communi-cation plan to retain users and promote the project.

6

Martin ChauveauProject leader

Arthur Catrisse-Front-end developer

Chloé Demaison Communication lea-

der

Sadi DebbalFront-end developer

Shilderick Accrombessi Community manager

José GomesGraphic designer

7

Catarina Lucas LoureiroGraphic designer

Seda DaglarDesign leader

Delyan PeevBack-end developer

Momchil PetkovBack-end developer

Amélie ParisDevelopement leader

Target survey

9

Indeed, of the 46 responses we collected, we have 71.7% women and 28.3% men, 33 women and 13 men.

INTRODUCTION

A survey of our project allows us to understand the expectations of our potential targets. We are there-fore looking to speak specifically to people working in MIT. We nevertheless wanted to know the opi-nion of people working in another field to know if the concept of an international professional social network concerning only a particular field of prac-tice whatsoever.

Given the limited amount of time given to the project, we were not able to take the time to get a lot of answers. So we got 46 responses. RESULTS ANALYSIS According to the results of our survey, we have a ma-jority of women, young people aged between 18 and 25, students and people living in France who have responded. The profiles

10

Finally, we have a majority of people working in the MIT, although they are a small majority.

People working in MIT Of the 46 responses we received, 26 work or study in IMTs. The majority is specialized in graphic design (61.5%) and 50% work in web development. Almost 60% of respondents say they are looking for a job or an alternation.

We also have a majority of young people who answered us: 84.8% of people aged 18 to 25 years compared with only 8.7% of people aged 25 to 40 years and 6.5% of people over 40 years. The students are the main socio-professional class who responded to our survey. In fact, 84.8% of stu-dents responded against 10.9% of working people and 4.3% of people in other situations. This corres-ponds to the percentage of responding age brackets.

We also noted that a majority of respon-dents to our survey live in France. In fact, out of 46 responses, only 9 live abroad.

11

12

People working in MIT are relatively interested in using a professional social network that allows them to be in contact only with people who work in the same field.

13

People working in another area In order not to limit our survey to only those who belong to the MIT field, we still chose to ask them whether the project is a good idea anyway.

For people working in fields other than MIT, we have 50% people who do not seek internships or a job and 50% of people who are looking for. It was also noticed that people working in fields other than MIT are not too interested in being in contact only with people in their field of practice: 47.6% of positive responses against 52, 4% negative responses.

People looking for a job / internship :

We have noticed that people who are currently looking for a job or an alternation, internet is for them the main research tool.

14

relatively satisfied: out of 25 answers, 12 give the score of 3/5, 6 give the score of 4/5 and 3 give the score of 5/5. A large majority of people are interested in using an international professional social network (88%). People working in MIT According to this study, it can be noted that the project to create an international professional social network targeted at MIT is a relatively interesting project. From the results we have been able to get, LinkedIn is the most used social network for job search or internship. Thus, it is necessary to be ins-pired by the functioning of LinkedIn to obtain an interesting result and likely to please the users.

Indeed, out of 25 responses, 22 use the Internet against 14 who use their contacts and 3 classified ads.

The professional social network most used by people looking for a job or internship is Lin-kedIn. Then come Indeed and others. We note that Viadeo and Wizbii are not used at all. In general, users of professional social networks are

BENCHMARK

16

LinkedIn content is quality. Although the content is mainly written by the users, these are pleasant to read and are in adequacy with the subject. Th e language used is adapted to the job search (lan-guage supported). Th ere is a good balance between the media (images) and the texts, which makes the site more lively and airy. Finally, LinkedIn off ers a quality translation of its site in 23 languages.

Th e site is based on an ergonomic tree that makes it possible to fi nd oneself easily thanks to a thread of Ariadne that highlights the heading in which one is. Th us, navigation is easy and intuitive. Th e design of the site is attractive and the homepage allows you to know directly what it is. Th e content is well organized on the screen, there is no visual imba-lance. Moreover, the respect of a precise graphic charter allows to create a homogeneity throughout the site.

LinkedIn off ers interesting features. We can create a real profi le summarizing all our skills. It is a real online resume. We have the opportunity to follow companies and people. We can chat with a person in a private conversation, we have access to a wall of

INTRODUCTION

In order to develop a professional international social network of technical quality but also func-tional, we must fi rst make a comparative analysis of diff erent sites of this type to identify their strengths and weaknesses. We will draw on their strengths to do the same and create an interesting support. We will also pay attention to the visual aspects of the diff erent sites in order to off er our users an attractive and interactive platform. We will also be interested in the diff erent types of problems present on other sites so as not to make the same mistakes and thus off er our users a better service.

We have therefore analyzed four sites all of which have a common relationship with our project which are the following:

LINKEDIN

LinkedIn is by far the best professional social network worldwide, so we can see from our bench-mark that it has no weaknesses against our criteria.

17

news in the manner of Facebook and finally, we can find jobs through advertisements posted by compa-nies. The features are comprehensive and very useful. Data security is high, although you can access a pro-file even if you are not registered on LinkedIn. The site complies with W3C standards as well as the standards of accessibility for the visually impaired. LinkedIn LinkedIn Join Today Sign In

LinkedIn has a mobile version of its site. Not only is the site responsive, but there is also an ap-plication. In addition, there are accounts on so-cial networks such as Facebook for example. VIADEO In terms of content, Viadeo has the same characte-ristics as LinkedIn: quality content, pleasant to read and adapted to the job search. As well as on Linke-dIn, visual content and textual content are well ba-lanced. Nevertheless, Viadeo is a professional social network only French, as well, the site does not offer any translation.

Viadeo is based on a simple tree structure and easy to use. The layout of the site is substantially simi-lar to that of LinkedIn: the design is attractive and really looks like a social network such as Facebook. There is no imbalance in the zoning and the site is homogeneous thanks to the follow-up of a graphic charter.

The only downside to the organization of the site is that there is no way to locate the site. No breadcru-mbs are set up.

This professional social network offers the same functionality as LinkedIn. It is therefore a functional and interesting social network. The natural referen-cing of Viadeo is rather good, when typing «profes-sional social network» it appears in sixth position, practically just below LinkedIn.

Nevertheless, data security, compliance with W3C standards and accessibility are poor.

Finally, Viadeo has a mobile application, but the site is not responsive. This is not practical if you do not have the application and want to access the site from

18

your smartphone. Like LinkedIn, this social network retains its members through a Facebook account.

WIZBII

Wizbii is a professional social network allowing his users to fi nd an internship training course, an alter-nation or a job.

Wizbii values the simple side of its use, this fact this professional social network contains little text and focuses on the posts that publish the diff erent users and employers.At the grade of the contents, each of the sections that possesses this site contain textual and iconic elements in perfect adequacy with their subjects.

Familiar language is strongly used in order to create a certain proximity with Internet users.Th e colors (gray on a white background) and the ty-pography (arial) used allow the users to benefi t from a better legibility and therefore a better understan-ding of the subjects.Each of the media is in adequacy with its subject

as well for the images as for the videos. Moreover, many animations are present in each rubric, these last make this social network more ergonomic and more attractive.Wizbii is a professional social network only French, this last therefore off ers no translations.

Wizbii is based on a simple arborescence at 4 levels.

We fi nd thus the section «news» there or we fi nd the various publications of the users and the employers.In this section it is possible for the user to post his own publications, as well as to comment, like or share other publications.

Th e «jobs» section allows the user to browse the va-rious job off ers, internship or alternation. But also to consult the recruiting companies.A user’s personal space is also given to the user in this section

Th e heading ‘’ projects ‘’ as its name suggests allows the user to discover the diff erent projects launched by companies but also by other Internet users. Th e user can also create his own project.

19

INDEED The content on Indeed, although very little pre-sent besides those of the advertisers, are adapted to the search for a job. We can not really say that the content is of quality because on certain pages it lacks capital letters at the beginning of sentence for exa-mple. Which does not make this site nice to read. Indeed does not offer translations, it is only available in French.

Indeed has a very simple tree structure. We have 4 sections: «Find Jobs», «Resume Search», «Com-panies / Post an Ad», «Upload Your Resume», «Connection». This tree is not very sought after and for example the tab «Download my CV» could rather be present in the section of the user account. The site has a breadcrumb trail that can be found in the various sections.The design of the site is really unattractive, it’s a blank page with text and buttons. We see some co-lors but we see that there is no graphic and aesthetic research in this site. But although it is not pretty, it can be said that it is visually homogeneous in terms of tracking a graphic chart.

The last section ‘’ relation ‘’ takes up the principle of functioning of relations on Linkedin. So the user can consult his relationships or add other wizbii members to his relationships.

The interface of the host is very similar to facebook because of its appearance and its functionalities. This one is well structured and allows the user to know immediately what type of service offers this plat-form.The navigational tracking is greatly facilitated by a breadcrumbs coloring the heading or sub-heading in which the user is located.Wizbii has a very good referencing on Google, in-deed when you type ‘’ professional platform employ-ment ‘’ Wizbii appears first

However, this is not the case when typing «job search» or «professional social network». Data security and compliance with W3C standards remain quite appropriate. The site is also responsive.Wizbii has a mobile application and uses different social networks like facebook or instagram to build customer loyalty.

20

cial network, Iris deals with a serious subject, that is why one will opt for a common language, see sus-tained. The project is to connect students and pro-fessionals in the field of MIT across different coun-tries, we will propose translations to the users.

We will ensure that we create a social network wor-thy of the name, that is to say that we want above all to give an attractive appearance to our site with a balanced distribution of the contents on the screen. We will follow a very precise graphic charter in or-der to give a total harmony to our site and to the visual communication campaign that will go with it.

The technical realization of Iris will be an important part of the project. We want to put in place interes-ting and functional services. The idea is to make a real social network that can create a complete pro-fessional profile, track companies or people and ac-cess their news on a wall like on Facebook and Lin-kedIn. There will also be the opportunity to discuss directly with individuals or companies through pri-vate conversations. We also want to set up a forum that allows us to talk about different topics related to MIT. We will also offer our users to create their

This professional social network does not offer very advanced functionality: you can load your resume on your user account, view other people’s CVs, see job advertisements and apply. On the other hand, Indeed has an excellent natural referencing. When looking for a job in google, this is one of the first sites to display.Data security and standards are fairly well respected.

Indeed does not have a mobile application but the site is responsive design. This allows you to access it anyway via a smartphone. This professional social network does not use a social network to retain its members, but sends emails whenever an ad matches our search. CONCLUSION Based on our comparative analysis, we can see what we need to highlight to develop an effective and professional project.

We will need to create a rich, well-organized content linked to the subject and follow an editorial line in agreement with the subject. Being a professional so-

21

portfolio on the professional social network. Finally, it will be possible to post courses in a dedicated section.

We will be careful to create an ergonomic tree to make the user experience as simple as pos-sible. To do this, we will set up a breadcrumb trail so that the user is not lost on the site. We will ensure compliance with W3C standards, data security and accessibility for people with disabilities. Finally, we will propose a means of loyalty via social networks like Facebook and Twitter.

TITREGRAPHICAL APPROACH

23

FORM We left on a flat design imitating post-it in or-der to make the siteweb acceuillant and famil-lier. The information comes out easily and guides the eye on the flow. In addition, this will al-low a fast loading even with a weak connection. This choice will simplify the animations with ja-vascript which will make the site more dynamic. COLOR We use warm colors such as red to make the site welcoming and pleasing to the eye. As well as colder colors for parties that are not direct information for users like the header or the footer.This will highlight information that will not be obscured by the menu. TYPOGRAPHY

We mainly use two typography, a stylized one for menus or buttons and a simpler to have maximum legibility on the content of the site.

24Moke-up* (Home)

*Th e fi nal version may be change

25WireframeUI/UX Design

Profi ls Forum

*Th e fi nal version may be change

COMMUNICATION STRATEGY

27

Twitter Twitter is a social network, which works according to the principle of microblogging. In other words, users can tell their lives, talk to each other, share good plans or websites. This social network has the characteristic to short of short and striking message limited to 140 characters.

Twitter is a social network, which works according to the principle of microblogging. In other words, users can tell their lives, talk to each other, share good plans or websites. This social network has the characteristic to short of short and striking message limited to 140 characters.

Instagram Instagram is a social network allowing to share pho-tos and videos with subscribers.So, we shall share photos and videos of our team, during the conferences we shall participate, but also on the advance of our project.

The community manager will be present on these different social networks to publish articles and in-formation but also to avoid any degrading or insul-

ONLINE Social networks At present, social networks occupy an impor-tant role in the life of the population. We the-refore chose to position ourselves on various so-cial networks, in order to promote the Iris project. FacebookFacebook is the most known and most used social network, so it was considered relevant for us to posi-tion ourselves on this one.This facebook page will allow us to communicate on the progress of the project, as well as the news around our site.

The sharing of the fans will allow us on the one hand to promote our project but also to benefit from a wider visibility in order to reach as many people as possible.Finally, it will be simpler for us to collect the opi-nions of the users in particular thanks to the com-ments and the messages.

28

ting content.He will also be present to answer the com-ments of the users to user feedback. Online advertising

In order to gain a better visibility and to make known our professional social network, we also think to create a campaign via the advertisements on Internet.

We therefore want to create advertisements via Facebook through our page. Facebook offers specific targeting for advertisements. Indeed, it is possible to choose to reach an audience according to its geogra-phical data. Given that our social network concerns people in Europe, we can choose to reach only those people who are located in Europe. We can also tar-get our audiences based on their demographics such as age, gender, education, workplace. This makes it easier to reach people working or studying in MIT. We will also be able to use the interests of Face-book profiles in order to send our advertisements to people with an interest in topics in accordance with our social network. Moreover, using Facebook, we

know that the people who will receive our ads are necessarily interested in social networks.

Then, in order to reach a wider audience, we also want to create ads with Google AdWords that will allow us to be present on the entire internet network. We’ll be able to create advertising banners, mobile ads, video ads, and more.

Loyalty methods

In order to retain our members, we are thinking of proposing to them when they make a search for a job or internship to send them an email as soon as a new advertisement of this type is posted.

In addition, we will send a press release to a wide audience to announce the creation and release of our professional social network in order to promote our project as much as possible. So, on leaving Iris, we are sure that a lot of people will be potentially inte-rested in visiting our platform.

29

We wish to participate in various shows that will al-low us to make ourselves known, and to meet the public.One of the biggest fairs is the digital show, which will take place on 21 and 22 April 2017. This show is reserved for professionals in the digital and compu-ter sectors. In this exhibition are exhibited the latest digital applications and projects.On the program: stands, conferences, shows and competitions.

Participation in these events would allow us to ac-quire a high level of visibility, both with the public and with professionals, who may subsequently beco-me partners.

The stand will contain posters and flyers. A team of professionals will be present to provide information to the public.

OFFLINE

We will propose the declination of a poster under different media (flyer, kakemono, prospectus).It will allow Iris to have her own identity.Regarding our image and our visibility, it would be possible to create flyers with the name of our agency and our platform for our events.

The information on the flyer should be concise. This will include at least: the date and place of the event, its nature and contact. The distribution of the flyers will allow to be closer to the target and to give more information which will not necessarily be inscribed on the flyer about the event.

The flyers respect the graphic charter of our site. We still plan to put them in the mailboxes.

Variations will be made, so that for each cam-paign the supports are already planned, which will save us time and money. Event

TECHNICAL SOLUTIONS

31

-HTML5 will allow us to establish a logical semantic structure. In addition, it is accessible by most brow-sers (except for older versions of Internet Explorer) and mobile devices.-CSS3 and Javascript, this combination is necessary to make the site dynamic through animations, ele-ments and transitions.-PHP will make the link between the database and the website.-MySQL will be used for the management of the database.-Bootstrap which allows us to make the site res-ponsive quickly

After several searches to find techniques to sim-plify the development part, we will probably use a framework called OpenCart which is basically meant for e-commerce and which will allow us to manage more easily the user accounts and the fo-rum. This will allow us to accelerate the develop-ment time, maintaining a homogeneous, perennial and more secure code.

For the database, we chose to create it with PHP

and MySQL. It is a winning combination since these languages are free and they are the best known, which makes it easy to find documentation and help platforms.

TITREPLANNING

33

PLANNING

BUDGET

35

BUDGET

CONCLUSION

37

Finally, a forum will be made available to all users so that they can discuss on various issues related to MIT.

Our team is therefore mobilizing to make this pro-ject entertaining, innovative and ergonomic.

«We are very happy to realize this professional social network, which for us must respond to the expectations of our potential members. That’s why we try to create a real social network which allows to build up to itself very complete profile» specifies Martin Chauveau, Iris project leader.

The professional social networks knew a strong po-pularity just like network social in the 2000s. Al-though the platforms of professional social networks are very widespread at the moment, we decided to propose a web site allowing the working people or studying in MIT to find an employment, an in-ternship or an alternation.

Our project is innovative and we want to make avai-lable to our users a public section where they can learn about jobs in the multimedia sector in Europe as well as advice for working abroad across Europe.A private part will also be made available to the user. In this part, users can post and make their profiles visible to recruiting employers and companies.An area reserved for private messages will be made available to users.

It will also be possible for them to create their port-folios and access online courses.

Professionals will have the opportunity to present their company and publish recruitment announce-ments.