Introduction générale

De nos jours, le nombre d’utilisateurs d’internet ne cesse

d’augmenter. C’est la raison pour laquelle les entreprises et les
agences se sont tournées vers le digital. Elles tentent de
renforcer la crédibilité de l'organisation et de gagner la
confiance des clients potentiels. De ce fait, il est devenu
indispensable pour les chefs d'entreprises de procéder un site
web, quel que soit leur taille ou leur secteur d'activité. La
présence digitale en particulier un site web est devenu un
élément déterminant pour le succès de toute entreprise. C’est
une opportunité pour fournir plus d’informations sur
l’entreprise ou la marque, ses services, ses réalisations et plus
encore. Un site internet permet aussi de proposer, en ligne, des
informations ou un accès libre sur les services et les produits
24h/24 et 7j/7. Cette facilité d’accessibilité oriente le
comportement des clients vers un engouement pour la
digitalisation. La création d’un site web demeure insuffisante à
la stratégie markéting d’une entreprise. Cela représente
seulement le premier pas. Des critères doivent comporter des
caractéristiques spécifiques : Un site web doit être bien classé
dans les pages de résultats des moteurs de recherches. Il doit
être visible pour le public cible pour pouvoir atteindre les
objectifs du site web. Le site web permet à l’entreprise d’avoir
une forte présence digitale, les actions du référencement
permettent également d’améliorer le trafic et la visibilité sur les
pages des moteurs de recherche. L’utilisateur décide alors de
son propre chef s’il veut rester ou partir, s’engager ou pas en
fonction de l’expérience que le site va lui offrir. La première
impression durant les premières secondes de navigation sur le
site peut créer l’idée générale sur l’entreprise. C’est la raison
pour laquelle l'on doit travail avec le UX design et l’ergonomie
du site. Donc les éléments du web design peuvent affecter le
SEO. Le design détermine combien le visiteur restera sur le site
web et ne rebondira pas rapidement.
Le temps passé sur les pages web est un facteur de classement
important qui signale aux moteurs de recherche que le contenu
du site était intéressant et attrayant, ce qui entraîne un meilleur
positionnement sur les SERP ou Search Engine Results Pages,
offre une expérience utilisateur satisfaisante et aide les visiteurs
à accéder au site et à y naviguer facilement. Face à l’importance
et l’impact de la digitalisation dans notre vie quotidienne, j’ai
fait le choix de réaliser mon stage au sein d’une entreprise qui a
un lien direct avec ce phénomène. L’agence d’accueil que j’ai
choisi se nomme Triweb. C’est une agence Offshore de
production web. Une entreprise qui s’investit dans la création
des sites web de ses clients tout en donnant un point d’honneur
à la conception et au référencement de ses sites web. Après
avoir effectué une analyse et un audit complets du site web de
gestion de projet en ligne de Triweb, j'ai observé des
dysfonctionnements au niveau de la structure du site, du
contenu, de la configuration de certains outils, du design, des
images, ainsi que de l'expérience utilisateur.... Pour surmonter
ces difficultés, j'ai choisi de répondre à la problématique
suivante : "Quel est l'impact du design d'un site web sur
l'expérience utilisateur ?" Pour répondre à cette question, j'ai
divisé le rapport en quatres chapitres : Dans le premier
chapitre, je vais présenter la phase d'immersion, qui
comprendra une présentation de Triweb, son secteur d'activité,
son historique, ses clients et son analyse SWOT. Dans le
deuxième chapitre , je vais présenter les connaissances et
compétences acquises en tant que designer produit chez
Triweb, avec un focus sur la phase d'insertion. Mon rôle était de
concevoir des interfaces utilisateur et d'intégrer du contenu via
des outils CMS. J'ai acquis des compétences en design web, en
intégration de contenu et en utilisation d'outils performants. J'ai
créé plusieurs sites web vitrine et travaillé sur des missions
concrètes pour des clients, consolidant ainsi mes compétences
en design web et en intégration de contenu. Dans le troisième
chapitre je vais exposer le projet final pour lequel j'ai été chargé
de redessiner le site web de gestion de projets de l'entreprise
Triweb, en présentant les différentes étapes que j'ai suivies
pour mener à bien ce projet, les techniques de design et
d'intégration que j'ai utilisées, ainsi que les résultats obtenus.
Dans le le quatrième chapitre de mon rapport de stage , je ferai
un bilan de mon expérience chez Triweb. Je détaillerai mes
nouvelles compétences en design et intégration web, évaluerai
mes performances techniques et mes réalisations concrètes. Je
parlerai des difficultés rencontrées et des méthodes utilisées
pour les surmonter. Enfin, je présenterai les enseignements que
j'ai tirés de cette expérience et la manière dont elle a contribué
à mon développement professionnel et personnel. méthodes
que j'ai utilisées pour les surmonter. Enfin, dans la dernière
partie, je vais aborder les aspects de mon développement
personnel durant ce stage, en présentant les enseignements
que j'ai tirés de cette expérience et la manière dont elle a
contribué à mon développement professionnel.
 Présentation générale de Triwe
I. Présentation de Triweb
1. Présentation du secteur d’activité et des valeurs de Triweb:
Triweb est une agence Offshore de production web. Depuis 2014, elle
se positionne comme étant une agence spécialisée dans la création de
sites web. Triweb a su se démarquer dans le domaine du marketing
digital et de la conception de sites web grâce à des collaborateurs pleins
d’énergie et une équipe jeune, experte dans le domaine de l’éditorial,
du webdesign, du développement et de l’intégration. Elle développe
des solutions technologiques et stratégiques sur mesure pour générer
du trafic et booster le chiffre d’affaires de ses clients.
Les valeurs de Triweb
• La transparence : Triweb construit avec ses clients une relation de
transparence; tout est clair et bien expliqué avec beaucoup
d’humanité.
• La proximité : Triweb met en avant l’expérience client pour gagner
leur confiance et dépasser leurs attentes.
• La satisfaction client : La satisfaction des clients est au cœur de la
réflexion de Triweb.
• La flexibilité : Triweb s’adapte aux différents goûts de ses clients
d’une manière souple et sans perte de temps ou de ressources.
2. Historique de Triweb
Triweb a été fondé en 2014 par Monsieur Romdhane Bilel. Elle a évolué
en adaptant son savoirfaire aux besoins de ses clients. Elle a démarré en
mode projet avec l’incubation d’une équipe de trois personnes dans
l’entreprise Dot-square. La création officielle de l’entreprise a eu lieu en
janvier 2016 avec un capital humain de dix salariés. Triweb a déménagé
en octobre 2017 dans des nouveaux locaux : un plateau open space de
380m2 avec 28 salariés et s’est installée en 2020 dans un plateau open
space de 1300M2 avec 50 salariés. Triweb a menée 185 projets jusqu’à
maintenant : 47866 sites ont été réalisés de A à Z.
3. L’identité visuelle de Triweb
La conception du logo de Triweb date de 2014. Il est bien lisible
sur un fond blanc. Le logo de l’entreprise est formé d’un nom
composé de 2 parties ; la première est Trio qui signifie le Trio
d’entreprise du groupe avec Tricom et Triimmo et la deuxième
est Web qui est le domaine d’activité de Triweb. Les couleurs
retenues sont : le rouge pour représenter la force de
l’entreprise et l’énergie de l’équipe, le blanc pour refléter la
propreté, la sagesse et la simplicité et le gris pour la
typographie du slogan “Your success, our mission…“.

Figure 1: Logo de Triweb

[Source : (La direction de Triweb)

4. Organigramme de Triweb
Figure 2: Organigramme de Triweb
[Source : (Trabelsi Abdesslem)]
5. Les départements de l’équipe de production de Triweb
Triweb prend en charge la réalisation des sites internet, les identités visuelles ainsi que le
développement des solutions standards, spécifiques et sur mesure. L’équipe est formée de rédacteurs
web, de webdesigners et d’intégrateurs qui accompagnent ses clients dans la conception des sites, de
la rédaction des cahiers de charge jusqu’au suivi et à la maintenance.

Rédaction web : L’équipe éditoriale se charge de la création et la mise en avant de contenu des sites
web. Elle étudie soigneusement les cahiers de charges pour développer les projets des clients en
fonction des objectifs et des exigences du webmarketing.

Design web : L’équipe design prend en charge la création de la charte graphique des sites web et le
design de l’identité visuelle. Elle veille à l’aspect esthétique pour mettre en valeur l’activité des clients,
renforcer la visibilité dans le web et créer naturellement un lien avec l’internaute.

Intégration et développement : L’équipe de développement et d’intégration réalisent une maquette

fonctionnelle et définitive des sites. Elle se charge de l’aspect technique pour que les sites prennent
corps.
6. Marketing Mix de Triweb

6.1 La politique de distribution

Qu’il s’agisse d’un site e-commerce ou vitrine, Triweb développe pour ses clients des sites web sur
mesure, faciles à utiliser et optimisés pour les moteurs de recherche.

6.2 La politique des prix

Le prix est déterminé par Triweb en fonction du nombre de pages des sites et de la spécificité du
secteur d’activité” de ses clients.

6.3 La politique de communication

La prospection des clients se fait à travers le centre d’appels Tricom. Triweb a développé son site web
pour générer plus de prospect et de clients tout en tirant plus de revenus avec des solutions
personnalisées et créatives.
Triweb met tout son savoir-faire pour aider ses clients à se développer, à augmenter la visibilité de
leurs marques sur le web et à maintenir leurs réputations.
7. Le processus de production au sein de Triweb

7.1 Phase de prospection :

Dans cette phase, Tricom prend en charge la prospection des projets. Il s’agit d’un processus
commercial consistant à rechercher des clients potentiels afin d’en faire des clients réels.
7.2 Phase de l’étude et la rédaction web

Au cours de cette phase, Triweb se charge de l’étude des cahiers de charge pour savoir le plus possible
sur le client, ses objectifs, son audience et ses cibles. Ainsi la ligne éditoriale et la création du contenu
pour garantir sur le long terme une harmonie entre et dans les contenus.

7.3 Phase de création design

Dans cette phase, la mission de l’entreprise est de mettre en valeur les informations toute en assurant
un site cohérant avec un bon design qui répond aux attentes et aux objectifs de l’internaute. C’est la
première poignée de main que les clients de Triweb ont avec leurs audiences.

7.4 Contrôle qualité

L’équipe garantit un contrôle qualité sur toute la chaine de production, de la réception du cahier de
charges du client jusqu’à la livraison. C’est le garant de la qualité des contenus rédigés par les
rédacteurs web et le design web fourni par les graphistes.

7.5 La livraison
Triweb propose aux clients des sites fonctionnels, définitifs et intégrés. L’agence assure une livraison
conforme aux attentes du client, une qualité et un suivi d’un site web professionnel et efficace ainsi que
la mise en place d’une stratégie e-marketing à forte valeur ajoutée.

II. Environnement de Triweb

1. Clients de Triweb
Triweb est le partenaire de sous-traitance digitale en Tunisie de Local.fr en France. C’est une société de
NJJ Capital qui intervient sur les marchés locaux du territoire français et permet la mise en relation des
professionnels locaux avec leurs clients.

Local.fr est spécialisée en marketing et médias de proximité auprès des TPE, PME, artisans et
commerçants afin de proposer des solutions de communication simples, efficaces et performantes
autour de 3 domaines : création de site, communication et relation client.
 Local.fr propose des différentes offres pour ses clients : Local
Visibilité, Local Boutique, Local Shop et Local Agenda.

Figure 3: Logo du client « Local.FR »

[Source : (Le site de Local.fr)]

Les autres clients de Triweb sont confidentiels.

2. Les concurrents de Triweb

[Source : (ghofran othmen)]
 Forces Faiblesses

 L'entreprise a acquis 7 ans d'expérience  La présence à l'étranger n'a pas encore

et de savoir-faire en réalisant 185
projets et en créant 47866 sites de A à
Z.
 Une variété de services est proposée
pour répondre à tous les besoins des
clients.
 Des formations sur mesure sont
offertes pour les employés actifs sur les
réseaux sociaux.
Le site web de l'entreprise est bien

conçu pour offrir la meilleure
expérience utilisateur possible.
permis d'atteindre un turnover
satisfaisant.
 La notoriété et l'image de marque de
l'entreprise sont actuellement faibles.
 La base de clients de l'entreprise est
encore réduite.
La localisation de l'entreprise est

éloignée par rapport au marché, ce qui
peut représenter un défi en termes de
concurrence.

Opportunités Menaces

 Les entreprises prennent de plus en  Le marché est très concurrentiel, avec

plus conscience de l'importance de un grand nombre de concurrents
disposer d'un site web et de se lancer présents en France. Malgré un marché
dans le marketing digital. Les  concurrentiel, l'entreprise dispose
 comportements des consommateurs
évoluent, en d'une part de marché limitée.
privilégiant de plus en plus les canaux
de communication numériques, ce qui
offre de nouvelles opportunités de
croissance pour les entreprises.

Tableau 2: Analyse SWOT de Triweb

[Source : (ghofran othmen)]

D’après la matrice et l’analyse SWOT de Triweb, nous pouvons conclure que l’agence possède un grand
potentiel de croissance avec un réseau et une grande expérience dans le domaine du webmarketing.

Le marché du marketing digital est en évolution constante et l’agence peut se forger dans ce domaine.
Elle peut attirer des nouveaux clients et améliorer ses services digitaux et web.
Triweb doit éliminer ses faiblesses en augmentant la notoriété et développer son business dans le
digital. Pour se créer une telle image, l’agence doit bien positionner son site avec des comptes actifs sur
les réseaux sociaux.
Il est important aujourd’hui de prendre soin du site web et les médias sociaux parce qu’ils représentent
la marque et sa fiabilité.
Triweb a la possibilité de se concentrer sur l’animation et la gestion du site web et les réseaux sociaux ce
qui peut aider à augmenter le nombre limité des clients.

Avec une approche professionnelle et d’excellents résultats, Triweb gagnera en clientèles, réputation et
occupera une position élevée sur le marché français afin de réduire la menace 12 des nouvelles agences
de marketing. Elle doit accorder une plus grande importance au marketing digital.

Conclusion

Il est évident que ce premier chapitre définit ma phase d’immersion. J'ai consacré du temps à la
présentation de Triweb, son historique, son identité visuelle, ses différents départements, son marketing
mix, son approche et ses valeurs. Ensuite, j'ai présenté l’environnement de l’agence, ses clients et ses
concurrents. Enfin, j'ai mené l’analyse SWOT afin de déduire les points forts et faibles de l’agence ainsi
que les opportunités et les menaces dans son environnement.
 Chapitre 2 : Déroulement du stage
1- Ma journée type
8h00 : Arrivée au bureau et mise en place du poste de travail. Vérification des emails et des tâches à
effectuer pour la journée.
8h30 : Commencer à travailler sur les tâches assignées. Cela peut inclure la conception de pages web,
l'intégration de contenu, la recherche de solutions pour des problèmes techniques, etc.
10h00 : Pause 15 minutes
10h15 : Retour au travail et continuation des tâches en cours. Si nécessaire, se référer à des ressources
en ligne pour trouver des solutions à des problèmes ou des bugs rencontrés.
12h00 : Pause déjeuner.
12h45 : Reprise du travail et poursuite des tâches en cours. En cas de besoin, il est recommandé de
consulter des ressources en ligne pour résoudre tout problème ou dysfonctionnement rencontré.
15h00 : Pause 15 minutes
15h15 : Continuer à travailler sur les tâches assignées. Si le temps le permet, explorer de nouvelles
technologies ou techniques de conception pour améliorer les compétences.
17h00 : Fin de la journée de travail et sauvegarde du travail accompli. Répondre aux derniers emails et
planifier les tâches pour la journée suivante.
2. Procédés de communication et de collaboration
Réunions régulières d'équipe : Il est important de se réunir régulièrement avec les membres de l'équipe
pour discuter des projets en cours, des défis rencontrés et des solutions possibles. Cela permet
également de coordonner les efforts et de s'assurer que tout le monde est sur la même longueur
d'onde.
Outils de gestion de projet : L'outil de gestion de projet “tri SQR” aide à organiser les tâches et à suivre
les progrès. Il permet également de définir les priorités, de déléguer les tâches et de suivre les
échéances.
Communication en ligne : L’outils de communication en ligne Skype utilisé pour rester en contact avec
les membres de l'équipe, même s'ils travaillent à distance. Il permet également de partager des fichiers,
des captures d'écran et des liens utiles.
Utilisation de plates-formes de partage de fichiers : Il peut être utile d'utiliser des platesformes de
partage de fichiers telles que Dropbox ou Google Drive pour stocker et partager des fichiers de projet.
Cela permet de travailler sur les mêmes fichiers en même temps et d'assurer la sécurité des données.
Revues de code : Les revues de code sont une pratique importante pour s'assurer que le code est bien
structuré et fonctionne correctement. Les membres de l'équipe peuvent examiner le code de leurs
collègues et proposer des améliorations ou des corrections.
Feedback régulier : Il est important de recevoir régulièrement des feedbacks constructifs de la part des
membres de l'équipe et des responsables de stage. Cela permet d'identifier les points forts et les points
faibles et de travailler sur les améliorations nécessaires.
III. Phase d’insertion : missions et réalisations

Au cours de mon stage chez TRIWEB, j'ai eu l'opportunité de travailler en tant que designer web et
intégrateur CMS. Mon rôle consistait à concevoir et développer des interfaces utilisateur attractives et
efficaces, tout en utilisant des outils CMS pour faciliter la gestion des contenus.

1. Processus détaillé des projets

1.1 Analyse des besoins

Avant de commencer tout projet, nous avons commencé par une analyse approfondie des besoins de
chaque client. Nous avons étudié leurs attentes en matière de design, de fonctionnalités et de contenu,
et nous avons travaillé en étroite collaboration avec eux pour nous assurer que nous répondions à tous
leurs besoins.

1.2 Conception

Après avoir compris les besoins de nos clients, j'ai travaillé sur la conception d'interfaces utilisateur
efficaces et esthétiquement agréables. J'ai utilisé des outils tels qu'Adobe Photoshop pour créer des
maquettes et des prototypes pour chaque projet.

1.3 Intégration CMS

Après avoir finalisé la conception, j'ai intégré les maquettes dans des CMS avec Webtool pour faciliter
la gestion des contenus. J'ai utilisé des langages tels que HTML, CSS et JavaScript pour intégrer les
designs dans le CMS et assurer une expérience utilisateur optimale.

Figure 5: logo de l'outil webtool

[Source : (La direction de Triweb)]

1.4 Tests et validation

Une fois les développements terminés, nous avons effectué des tests approfondis pour nous assurer
que chaque site était fonctionnel, ainsi que pour s'assurer que le design était conforme aux normes
d'accessibilité et de référencement.
1.5 Rétrospective

Après chaque projet, nous avons effectué une rétrospective pour évaluer notre performance et
identifier les améliorations potentielles pour les futurs projets. Nous avons également sollicité les
commentaires de nos clients pour nous assurer que nous répondaient à leurs besoins et leur offrions
une expérience client optimale.

2. Première missions effectuées