Comment nous avons créé le site Web du président du Tatarstan et qui en a vraiment besoin

L'équipe du Center for Digital Transformation of Tatarstan est en contact. En avril 2020, nous avions une tâche: refondre le site Internet du Président de la République du Tatarstan. Pendant la pandémie, la charge sur le site a fortement augmenté - les gens ont commencé à surfer plus souvent sur Internet et à se rendre sur le site. Dans le même temps, le site n'était pas tellement obsolète techniquement que visuellement, et nous avons réalisé que le site devait être changé.



Nous pourrions simplement changer la conception des boutons et déplacer les blocs, mais nous avons été confus - nous avons décidé de rendre le site si pratique. Nous montrons ce que nous avons fait.



image



Déterminé pour qui nous créons le site



L'application est arrivée en avril 2020: en raison de l'auto-isolement, c'était le premier travail pour nous lorsque le chef de projet n'a jamais rencontré les concepteurs en personne. Quatre personnes ont travaillé sur le site: un chef de projet, un UX designer et deux UI designers. Chaque jour, nous avons parlé au téléphone, discuté des concepts et des processus. Nous avons commencé, comme toujours, par la recherche.



Avant de commencer à créer un site Web, les analystes UX ont examiné les statistiques du site Web via Yandex.Metrica. Nous avons étudié les indicateurs de trafic, les données sociodémographiques des utilisateurs, leurs préférences de contenu, les paramètres de session et les modèles de pages vues. Ensuite, nous avons rassemblé toutes les données et formé trois publics cibles.



MASS MEDIA.Les journalistes visitent le site Web du président principalement pour les communiqués de presse et visitent le plus souvent la section "Actualités".



image

Les journalistes copient des textes d'actualité, téléchargent des photos et des vidéos - c'est le principal cas d'utilisation pour



les fonctionnaires. Les employés des institutions publiques sont intéressés par la section "Documents". Nous avons calculé ce groupe au moment de l'utilisation du site: la principale période de visites sur le site est de 8 à 11 heures, de 12 à 13 les indicateurs baissent (tout le monde déjeune), puis les utilisateurs sont à nouveau actifs de 14 à 19 heures. Personne ne visite le site la nuit.



Ce groupe d'utilisateurs lit et télécharge les décrets, arrêtés et décrets du Président de la République.



Résidents du Tatarstan.Le plus souvent, ils sont intéressés par la section «Informations sur le président» ou souhaitent déposer leur appel via le formulaire de commentaires.



image

Chaque groupe d'utilisateurs a ses propres sections "favorites"



Je me suis fait des amis UX et UI



Après avoir identifié les principaux segments d'audience, nous avons commencé le prototypage dans Figma - définissant l'ordre des écrans et plaçant les blocs. Toutes les idées y ont été apportées immédiatement - pour que rien ne soit perdu. Nous n'avons pratiquement pas touché à la structure du site lui-même.



image

Le site se compose de 6 sections et 29 pages. Les gossites sont réglementés par la loi et certaines choses ne peuvent pas être modifiées, par exemple, la réception Internet.



Nous avons repris la conception du concept - dessinant la page principale et 6-7 pages internes de Figma en détail.



image

Les premiers croquis de la conception du concept ressemblaient à quelque chose comme



ça: l'idée de la conception acceptée du site n'est pas venue immédiatement: nous avions plusieurs options qui n'ont pas passé notre contrôle interne et nous ne les avons pas montrées à l'administration présidentielle - elles étaient bonnes, mais il n'y avait rien de nouveau.



image

Il y avait une telle option:



au cours de nos travaux, nous avons étudié les sites Web des chefs d'autres régions, des présidents de différents pays, des organes gouvernementaux. Le site kremlin.ru s'est avéré être le plus proche de nous en termes d'objectifs - nous l'avons utilisé comme l'une des références. Par exemple, nous avons emprunté la division du fil d'actualité en colonnes droite et gauche.



Nous l'avons pris comme base, mais en avons beaucoup ajouté ou retravaillé. Voici quelques-unes des idées que nous avons testées:



  • Menu vertical,
  • Grande photo du président sur la page principale,
  • Une actualité sur la page principale en plein écran avec une photo,
  • Emoji dans l'interface,
  • Diffusions vidéo avec le président sur la page principale,
  • Galeries de photos comme sur Instagram.


image

Emoji sur les diffusions principales et vidéo.



Dans le même temps, nous avons affiné l'idée elle-même: en entrant sur le site, un journaliste voit les dernières nouvelles sur la moitié de l'écran - toutes les informations prêtes à l'emploi en zéro clic. Copiez du texte, téléchargez des photos - c'est simple. Si vous avez besoin de nouvelles précédentes - à gauche se trouve la colonne avec les vingt dernières nouvelles.



image

Le visiteur du site peut lire les actualités sans accéder aux pages détaillées. Cela réduit le temps d'accès au contenu et il est désormais plus rapide et plus pratique de recevoir de nouvelles informations.



Il est facile de basculer entre les reportages d'actualité, vidéo et photo sur le site. Ce n'est pas le cas sur les sites d'actualités ordinaires et les sites gouvernementaux - vous devez l'ouvrir dans un nouvel onglet.



Nous voulions que le site fonctionne comme un service et soit un outil pratique pour le journaliste. Habituellement, pas plus de deux ou trois actualités apparaissent sur le site par jour - le site est conçu de manière à être visibles immédiatement.



Nous avons fait un site web en 3 mois



Le projet a été rapide - les journalistes ont littéralement attaqué le site avec des demandes. Voici comment nous avons travaillé:



  • Avril - énoncé du problème et recherche;
  • Mai - approbation du prototype et du prototype;
  • Juin - élaboration du concept design du site et approbation;
  • Juillet - mise en page;
  • Août - développement, tests.


Bien que la tâche ait été reportée en avril, il n'y a pas eu le temps de se calmer. Voici ce que nous avons fait pour accélérer les choses: nous avons



recueilli rapidement des commentaires. Habituellement, sur de tels projets, un groupe de discussion est constitué et testé pendant environ un mois. Nous ne l’avons pas fait, mais nous sommes allés dans notre centre de presse et avons recueilli des commentaires en quelques jours seulement.



Prendre le risque. Après s'être mis d'accord sur la conception dans un premier temps, nous n'avons pas attendu tous les cercles d'approbation, mais avons continué à terminer le site sans approbation finale. Nous pourrions nous asseoir et attendre ou travailler - devinez lequel nous avons choisi?



Travail d'équipe partagé. Chaque jour, nous avons appelé l'équipe pendant 10 à 15 minutes pour déterminer qui fait quoi - pas de réunions de planification de deux heures sur le projet.



Nous avons réussi à rendre le site à temps : le 6 avril, nous avons commencé la recherche, et le 30 juin, après de nombreuses approbations, il a été envoyé en développement. Le site a été lancé à temps - début septembre.



Voyez ce que nous avons obtenu: president.tatarstan.ru et écrivez votre opinion dans les commentaires.



All Articles