Top 5%
Nacira S.

Front End Integrator

690 dollar
Freelancer
9 ans
Paris, FRANCE
i

Why I'm Top 5%

  • Superior technical skills
  • 9 years of industry experience
Learn how we hire

Mon expérience

CHANELJune 2019 - February 2020

Voir plus

L'ExpressAugust 2018 - April 2019

L'EXPRESS:
• refonte de la homepage de l’Express
• optimisation des pages google AMP
• ajout et gestion des tags et trackings : Amplitude et Tagcommander
• ajout et gestion de pubs Adbox et Outbrain
• optimisation de la webperformance
• création de newsletters
• rédaction de documents de spécifications

LIBERATION:
• création d’un backoffice pour l’application Rajeux de Libération avec React et Firebase: 4 jeux à éditer (sudoku, mots croisés, échec, téléchargement d’images).
• création de landings responsives

Environnement technique : environnement sur Docker, PHP, Twig, XSL, React, Jest, ES6, Webpack, Gitlab, Jira, méthode Agile (sprint 1sem), Slack, Sketch/Zeplin, BrowserStack
Voir plus

24 SèvresMay 2018 - July 2018

Refonte: nouvelle identité graphique du site e-commerce
• nouvelle charte graphique de la homepage: création de composants, nouvelle grille d’affichage
• nouvelle section Look
• mise à jour des newsletters

Environnement technique : environnement sur Vagrant, PHP, React, Git/Travis, Version One, méthode Agile (sprint 1sem), Slack, Sketch/Zeplin
Voir plus

Saint-GobainFebruary 2017 - March 2018

Intégration et développement front des 10 sites du groupe :
• Ajout de nouvelles fonctionnalités principalement dans les pages mon compte,
• Tunnel d’achat,
• Catalogue,
• Homepage,
• Appels de webservices,
• Correction de bug

Environnement technique : Javascript, JSP, Thymeleaf, gulp, git/gitlab, methode Agile (2sem), Jira, Slack, Formation a Vue.JS, notions de React.
Voir plus

24 SèvresJuly 2016 - December 2016

Création d’un site e-commerce de luxe international :

• Intégration responsive et développement de toutes les pages sur une stack en react et twig
- Exemples de tâches: Parallax, gestion des headers selon la marque ou la catégorie, alignements des blocs avec flexbox, composants twig pour blocs réutilisables, création d’une page styleguide de référence, création de menus en php, création de mixins et variables sass, optimisation des css
• Intégration en responsive de mails (confirmation de commande, livraison, création de compte...), tests sur Litmus
• Équipe internationale, la langue principale utilisée est l’anglais

Environnement technique : environnement sur Vagrant, PHP, React, Git/Travis, Version One, Bootstrap 4, Symfony 2/twig, javascript, sprite SVG/Icomoon, Grunt, méthode Agile (sprint 1sem), Slack, Sketch/Zeplin
Voir plus

Galeries LafayetteFebruary 2016 - July 2016

Projets de refonte du site https://www.galerieslafayette.com/: tunnel de paiement, catalogue et filtres, fiche produit / Newsletters et projets récurrents

• Intégration responsive du nouveau tunnel de paiement: Foundation 5, Spring/Thymeleaf, Grunt,
Compatibilité IE9, dynamisation d’affichage en jquery ou foundation: slider, scrollbar, onglets, sticky, optimisation des css
• Intégration responsive des nouveaux filtres dans le catalogue
• Intégration responsive de newsletter (via probance et néolane)

Environnement technique : site en Java, Hybris, Bitbucket, IntelliJ, Jira, méthode Agile (sprint 2sem)
Voir plus

Le ParisienAugust 2015 - December 2015

Refonte de la web TV http://videos.leparisien.fr/

• Découpage et intégration avec création d’une grille css: Symfony2/Twig, desktop et tablette
• Intégration de newsletter responsive
• TMA et débug

Environnement technique : Docker/Jenkins
Voir plus

KwankoFebruary 2015 - August 2015

• Finalisation d’intégration du site Net Affiliation (https://fr.netaffiliation.com) et débug IOS sur les animations css3: bootstrap 3, icomoon
• Newsletters responsive, testées sur Litmus
• TMA: mise à jour du site Kwanko

Environnement technique : Symfony 2
Voir plus

IONIS Education GroupAugust 2013 - January 2014

Intégration html5/css3 et mise à jour des sites du groupe Ionis Education : Epitech, Epita, Prep ETNA, ETNA, e-artsup, ISEG...
Voir plus

Digital Virgo EntertainementJanuary 2011 - June 2013

- Intégration et mise en place des sites mobiles: OM, OL, Interflora,Everymob, Everygames, Everyquiz, Mobifun TV, Wooztones, Myskreen Vod, Woozgo
• Création des grilles de mise en page, modification des maquettes fonctionnelles
• Découpage des maquettes sous Photoshop, retouches
• Création des pages HTML, styles CSS, et scripts Smarty depuis un template
• Intégration des pages et du du billing opérateurs (FAI, Opérateurs tel et MVNO) sous le CMS interne Meditor
• Tests sur mobile tactile et à clavier (ex: Samsung U600)
• Débug, respect W3C
• Optimisation du code et du poids des images
• Utilisation de user agent switcher et modify headers

- Intégration et mise en place des sites web: jeux-pc, virgopass, myskreenVod, Woozgo, Wooztones
• Création des grilles de mise en page, modification des maquettes fonctionnelles
• Découpage des maquettes sous Photoshop, retouches
• Création des pages HTML, styles CSS, et scripts simples en Javascript
• Mise à jour de l'html depuis des templates php, modification des xml
• Integration du billing opérateur (FAI, Opérateur tel et MVNO)
• Tests et débug sur les principaux navigateurs
• Optimisation du code

- Refonte et mise en place du responsive design du site MyskreenVod
• Création des grilles de mise en page pour le web et les tablettes (principalement ipad et android, mode portrait et paysage)
• Découpage des maquettes sous Photoshop, retouches
• Détection des différentes tailles d'écran en javascript
• Intégration en html 4 et css3
• Intégration des modules Fb (like, commentaire, partage et connexion)
• Test et débug

- Intégration et mise à jour de diverses pages: landing page, popup de paiement, pubs
• Intégration en hmtl4 et css2
• Compatibilité ie6.

Voir plus

UbisoftJune 2008 - January 2011

///Création du jeu 100% online Heroes of Might and Magic Kingdoms
http://mightandmagicheroeskingdoms.ubi.com/fr/

- User interface design et architecture d'information: jeu ingame, portail, wiki

• Brainstorming et tri par carte
• Arborescence des pages
• Conception détaillée des interfaces fonctionnelles du jeu (wireframes)
• Ergonomie
• Game design de certaines fenêtres de jeu
• Tests
• Spécifications techniques et fonctionnelles pour les développeurs et graphistes

- Intégration des pages : jeu ingame, portail, wiki, forum

• Découpage des maquettes sous Photoshop
• Création des pages HTML et CSS
• Création des planches css sprites
• Intégration et tests
• Analyse des performances et l’optimisation
• Optimisation du code
• Validation W3C
• Référencement dit « naturel » avec optimisation des balises
• Débug et compatibilité tout navigateur sauf IE6


///Application du jeu sur iPhone/ Application du jeu sur Facebook (Heroes Battles)

- User interface design et architecture d'information: application iPhone

• Brainstorming et tri par carte
• Arborescence des pages
• Conception détaillée des interfaces fonctionnelles du jeu (wireframes)
• Ergonomie
• Tests utilisateurs


- Intégration du jeu facebook Heroes Battles

• Découpage des maquettes sous Photoshop
• Création des pages HTML et CSS
• Création des planches css sprites
• Intégration et tests
• Optimisation du code
• Validation W3C
• Débug et compatibilité tout navigateur

Mes compétences

Languages

PHP, HTML, HTML5, CSS3, JavaScript, CSS

Others

Wireframes, GitHub

Frameworks

AJAX, jQuery, Symfony, WordPress

Technologies

HTML4, CSS2

Mobile

Android

Databases

MySQL

Analysis methods and tools

Responsive Design

IT Infrastructure

iOS, Git, Linux

Mes études et formations

Développement web (3mois) - WebForce32014 - 2014

Master 2 DIMI - Design d'Interface Multimédia et Internet - Université Paris Nord- Paris 132007 - 2008

Master 1 Communication multimédia et rédactionnelle - Université Paris X Nanterre2006 - 2007