10 commandements pour concevoir des sites internet qui sont robustes techniquement, esthétiquement attrayants et que les utilisateurs et Google aiment. Présentation lors du DevFest à Douala, Décembre 2019

2. ● Full-Stack Marketer
● Voix derrière la Zenu
Académie
@missnadt
@zenuacademie
https://nadinetchepannou.com
Nadine Tchepannou

3. Mais il n’a pas besoin de l’être…
Ton site web est nul!

4. Combien de
développeurs
dans la salle?

6. Des frontières de plus
en plus floues

7. Front-EndBack-End
Full-Stack

8. d’un site web
qui n’est pas nul
10 commandements

9. 1. Avec intégrité, tu coderas…

11. Règles d’or pour bien coder : https://medium.com/better-programming/good-code-vs-bad-code-35624b4e91bc
Syntaxe
<header>
<article>
<sidebar>
Indentation
Commentaires
Système pour
nommer les
classes
Shema.org

12. 2. Tes utilisateurs mobile,
tu honoreras…

13. du trafic web provient
des mobiles au60,31%
Source : https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/cameroon

16. 3. Rapide, ton site chargera…

17. Des mobinautes
abandonnent leur session
si le site prend plus de 3
sec. à charger
53%
Source : Google

18. Camtel | 2019 (http://www.camtel.cm/) | Source : https://gtmetrix.com/
13,2 sec

19. Accélérer ton site?
Qualité de l’hébergeur
Poids des Images
Qualité du code (syntaxe)
Requêtes au serveur
Optimisation de la cache
Minimisation des fichiers

20. 4. Clean & cohérent,
ton visuel sera…

22. Afrimalin | 2019 (https://www.afrimalin.cm/)

23. Afrimalin | 2019 (https://www.afrimalin.cm/)

24. AFESO | 2019 (hors ligne)

25. 5. Facile, l’utilisation sera…

28. Emploi.cm | 2019 (https://www.emploi.cm/)
Navigation claire
Objectif clair
Typographie lisible
CTA
No BS!

29. 6. Tes utilisateurs,
tu connaitras et aimeras
comme toi-même…

31. Traduis tes templates

32. 7. Du contenu de qualité,
tu offriras…

33. Apple | 2019
(https://apple.ca)

34. 8. Des problèmes,
tu résoudras…

35. Un site performant
attire l’audience cible,
répond à leurs attentes,
résout leurs problèmes
& les convertit.

36. AFESO | 2019 (hors ligne)

37. Irokko | 2019 (https://irokkoapp.com/)

38. 9. Le SEO,
tu ne négligeras pas…

39. Du trafic web provient de
Google.94%
Source : Web Presence Solutions

40. Des internautes ne vont jamais
au-delà de la 1ère page de
résultats de recherche.75%
Source : Junto

41. SEO doit
toujours être
intentionnel

42. SEO doit
toujours être
intentionnel

43. 10. Le début du
commencement, ce sera…

44. Zenu Academie | 2019 (https://zenuacademie.com)

46. Arrête d’être un
« informaticien »
deviens un
« magicien »

47. Create
Test
Optimize
Test
Learn
Repeat

48. Dev. Back-end
Dev. Front-end
Dev. Full-stack
Dev. Full-stack
+ SEO

50. Les outils…

51. Pour t’inspirer
https://dribbble.com/
https://instagram.com/
http://www.awwwards.com/
https://www.behance.net/
https://www.pinterest.com/
https://www.siteinspire.com/

52. Pour apprendre sur Youtube

53. Pour créer
Liste complète des outils : https://uxtools.co/tools/design
Adobe XD (gratuit)
Just in mind
Figma inVision Sketch

54. Pour tester
https://validator.w3.org/
https://developers.google.com/speed/pagespeed/insights/
https://search.google.com/test/mobile-friendly
https://gtmetrix.com/
https://tools.pingdom.com/