WellCome Home The multilingual web portal for helping people - - PowerPoint PPT Presentation

wellcome home
SMART_READER_LITE
LIVE PREVIEW

WellCome Home The multilingual web portal for helping people - - PowerPoint PPT Presentation

Netizen Agency present WellCome Home The multilingual web portal for helping people Introduction Netizen Agency : 10 students from all over the world (France, Bulgaria, Greece and Morocco). Our mission : create a multilingual website


slide-1
SLIDE 1

WellCome Home

The multilingual web portal for helping people

Netizen Agency present

slide-2
SLIDE 2

Introduction

→ Netizen Agency : 10 students from all over the world (France, Bulgaria, Greece and Morocco). → Our mission : create a multilingual website for immigrants who want to integrate into a society of a foreign country. → 3 languages : French, English and Greek

slide-3
SLIDE 3

The team

The programming team Paris Laurie (Programming manager) Kambani Hoffman (HTML/CSS developer) Georgiev Danny (HTML/CSS developer) Marinov Deian (HTML/CSS developer) Skantzis Georgios (PHP/MySQL developer) The communication team De Almeida Kévin (Project manager) Ben Ayad Sarah (Head of communication) Silu Djanny (Communicator) The team of graphic designers Kane Ibrahim (Head of graphic design) Pautrel Lounys (Graphic designer)

slide-4
SLIDE 4

The workload (1/2)

→ We have used instant messaging application in order to communicate in a simple way (Discord, WhatsApp). → The tasks have been divided according to the profiles :

  • Graphic Designer : production of promotional posters, flyers, graphic

charter and the design of agency’s official documents. Participate in Web design.

  • Communication team : writing the book of specifications, creation of

promotional videos and the writing of content for the site. Creation of the site’s model.

slide-5
SLIDE 5

The workload (2/2)

  • Programming team : the tasks have been divided in two sections :

front-end and back-end programming. Front-end programming delegated to the four HTML/CSS developers and Back-end programming delegated to the MySQL/PHP developer.

slide-6
SLIDE 6

Graphic Design (1/5) - The logo

➔ the Idea of guiding integration ➔ freedom and warmth ➔ Letter and typography used ➔ “well”, “welcome” and “home” ➔ dotted L and airplane

slide-7
SLIDE 7

→ 2 mains colors : freedoms and warmth → First Impression :The header → For smooth navigation: Icons

Graphic Design (2/5) - website design

User icon Briefcase Doctor Gows House Show: • the sense of ahead content.

  • Hidden content

Account setting

slide-8
SLIDE 8

Graphic Design (3/5) - The fonts

→ To get the attention of the clients: 2 Font → Title/heading section: Cocogoose

  • Sans Serif, Bold, Curvature

→ Body: Cantarell

  • Sans Serif, simple, it recalls the logo font

Cocogoose font : Cantarell font :

slide-9
SLIDE 9

Graphic Design (4/5) - Advertising poster

➔ the colours of our logo ➔ A passport for advice ➔ cross the border for a new life

slide-10
SLIDE 10

Graphic Design (5/5) - Flyer

➔ simple and explicit ➔ 3 part :

◆ Logo ◆ Main message ◆ Information

slide-11
SLIDE 11

Implementation choices

→ Front-end : HTML/CSS/Bootstrap/Javascript → Back-end : MySQL/PHP

slide-12
SLIDE 12

Communication strategy (1/4) - Advertising

→ ads based on testimonials from people who used the services of our website. → Purpose : gather testimonies from different people (situation presented + origins) in order to highlight all the services offered by our site.

slide-13
SLIDE 13

Communication strategy (2/4) - social network

→ Facebook : most used social network worldwide => reach a large numbers of people → Twitter : relay information (legal information, new laws etc.) and answer at the questions in the comment.

slide-14
SLIDE 14

Communication strategy (3/4) - offline

→ Distribute posters and flyers in this place :

  • Greek Embassy in Paris (France)
  • British Embassy in Paris

→ The goal is to gain visibility in administrative establishment

slide-15
SLIDE 15

Communication strategy (3/4) - offline

→ Posters and Flyers available for all member states and governments of the French-speaking world and English-speaking countries. → Administratives establishments, migrants refugees and universities

slide-16
SLIDE 16

The prototype

http://81.194.40.29/iobc2019/netizen/

slide-17
SLIDE 17

Tutorial: Job

slide-18
SLIDE 18

Conclusion

→ Project very rewarding for all team members. → The big difficulty was to work with foreign students (different working method and internal communication). → This project enabled us to use all our knowledges and technical skills. It was an excellent assessment.