Article original : How I became a better designer and contributed to Open Source with Jolloficons
Par Gbolahan Taoheed Fawale
Plus tôt cette année, alors que j'étais encore très activement impliqué dans la communauté tech d'Owerri, dans l'État d'Imo, au Nigeria, mes amis et moi — principalement des développeurs — avons discuté de la création de projets open source. Nous voulions nous aider à mieux perfectionner nos compétences techniques, tout en résolvant des problèmes sociétaux et en attirant l'attention sur la petite mais active communauté tech en croissance de l'État.
En tant que seul designer parmi d'autres développeurs, j'avais deux façons de contribuer : aider à créer des maquettes d'interfaces pour les projets à construire, ou apprendre un framework front-end et participer directement au code, puisque j'avais déjà une certaine expérience en design frontend. Notre mantra était : « il n'y a rien que vous ne pouvez pas apprendre tant que vous êtes prêt ou qu'il y a quelque chose en jeu » (comme un travail de design, un emploi à temps plein, ou toute forme de croissance de carrière ou de compensation matérielle). Ces gars sont toujours parmi les plus motivants et travailleur que j'ai jamais rencontrés.
« Entourez-vous de bonnes personnes ; entourez-vous de positivité et de personnes qui vont vous challenger pour vous rendre meilleur. » — Ali Krieger
L'idée initiale
Un pack d'icônes contenant des icônes relatives au Nigeria — ou à l'Afrique dans son ensemble — et pouvant être utilisées dans différents projets, était l'idée initiale qui m'est venue à l'esprit. Cependant, cela n'a pas vu le jour à cette période particulière car j'ai été emporté par le travail et d'autres responsabilités personnelles.
À un moment donné, j'ai également connu une paralysie personnelle. Je n'arrêtais pas de trop réfléchir aux types d'icônes, au style et à l'utilisabilité en termes de contexte, car certaines des idées d'icônes qui me venaient à l'esprit étaient des choses que je pensais ne pas bien s'intégrer dans les produits d'applications web/mobiles. Cela m'a particulièrement découragé, alors je me suis contenté de « rêver » au lieu de travailler réellement sur le projet.
« Allez large, explorez et apprenez de nouvelles choses. Quelque chose aura sûrement un impact pour vous. » — Mustafa Saifuddin
J'ai pensé à ma carrière de designer. Je voulais être aussi bon que possible en UI/UX ainsi qu'en d'autres aspects du design et aussi être une source d'inspiration pour les autres. Je crois que le fait d'essayer différentes choses rend une personne meilleure dans son art. En tant qu'ambassadeur de Figma Africa et défenseur du design, je voulais aussi créer, enseigner et partager certaines des choses cool que vous pouvez faire avec Figma, en plus de concevoir et de maquetter des interfaces. J'ai donc commencé à faire des illustrations isométriques et 3D réalistes avec Figma, comme ce bâtiment populaire au Nigeria et celui-ci.
Jollof Icons Isometric
Le domaine de l'UI/UX est assez vaste et vous ne pouvez tout simplement pas tout savoir. L'apprentissage continue chaque jour sur chaque nouveau projet/produit, donc je ne peux pas non plus dire que je suis un expert en la matière. Mais en même temps, je sentais que je devrais être capable de tester de nouvelles eaux, d'expérimenter et de trouver d'autres aspects du design et des compétences en technologie que je pourrais acquérir. Après tout, tous ces aspects du design et de la tech sont interconnectés d'une manière ou d'une autre.
L'impulsion pour commencer
En juillet de cette année, j'ai obtenu un nouvel emploi et j'ai dû déménager à Lagos, au Nigeria, le mois suivant — août. Sans aucun doute, Lagos est le plus grand hub tech du Nigeria et un changement soudain d'environnement m'a submergé avec ma « nouvelle communauté », alors que je m'efforçais de m'adapter rapidement tout en essayant de rester au top de mon jeu. Certains des meilleurs talents d'Afrique et du reste du monde peuvent être trouvés à Lagos. Pour moi, c'était un jeu différent.
Après avoir atteint un certain niveau de stabilité dans mon nouvel emploi et mon environnement, j'ai dû repenser à certains de mes objectifs et projets que j'avais toujours voulu réaliser avant la fin de l'année. Laissez-moi aussi ajouter ici que vous devez toujours trouver du temps pour travailler sur des projets parallèles, car cela laisse de la place pour la croissance. Cela permet également de devenir un meilleur designer/développeur et de doubler vos intérêts et votre excitation à apprendre et à faire plus.
J'avais toujours ces idées et concepts de design en tête — certains que je n'ai pas encore pu explorer. Cependant, j'ai pensé que la meilleure façon de les concrétiser était de concevoir quelque chose. Cela a motivé ma décision de travailler sur le pack d'icônes.
Pensant avoir déjà une meilleure clarté sur ce que je voulais faire, j'ai passé des jours à essayer de trouver un style ; quelque chose de différent. C'est ainsi que je me suis retrouvé entre la création d'icônes pouvant être utilisées sur différents produits et écrans numériques, la création de quelque chose dans le contexte africain ou simplement la concrétisation de toutes ces idées et concepts de design dans ma tête.
Jollof Icons 3d category
La première étape a été d'obtenir le nom de domaine jolloficons.com, pour me « engager » dans le projet. C'est un hack psychologique que j'ai utilisé pour m'assurer que je commençais à travailler sur la création des icônes.
J'ai vu et aimé ce que Katerina Limpitsouni et Aggelos Gesoulis de Undraw faisaient, ainsi que Dave Gandy de fontawesome et Vancura de VSCode. Mais je voulais faire quelque chose de différent, quelque chose d'« original » pour l'Afrique. Bien que je n'aie pas pu le concrétiser à temps.
Octoverse Report 2018
La poussée dont j'avais besoin
Cette année, lors de la conférence des développeurs State of Octoverse à San Francisco, nous avons vu le Nigeria se hisser à la quatrième place des pays à la croissance la plus rapide en termes de prolifération d'organisations, de dépôts et de contributions faites par les développeurs nigérians sur Github.
Il y a également eu des préoccupations concernant le fait que nous consommons plus d'outils open source que nous n'en produisons, mais les choses changent maintenant plus vite que nous ne le pensons, grâce à des organisations comme Andela et Ingressive qui cultivent les talents tech et soutiennent l'écosystème technologique.
Je dois également mentionner certains de nos défenseurs des développeurs, experts et mentors Aniedi Udo-Obong, Hanson Johnson, Prosper Otemuyiwa, Christian Nwamba, Ire Aderinokun, Adewale Abati ♠, Neo Ighodaro, Samson Goddy, Ada Nduka Oyom, Ridwan Olalere (Didi Kwang) et Namnso Ukpanah qui sont également à l'avant-garde de la construction des talents de développeurs/designers et des communautés (GDG, Forloop Africa, Frontstack.io, Laravel Nigeria, Figma Africa, etc.) à travers l'Afrique. Et ceci n'est que pour mentionner quelques-uns des talents et organisations badass qui soutiennent l'écosystème tech ici au Nigeria.
Ce n'est qu'une question de temps, car nous, les designers au Nigeria, aurons bientôt beaucoup de contenu et de ressources open source à partager avec le monde, car nous prenons déjà le taureau par les cornes et brisons les frontières.
Il y a eu un moment où le responsable des défenseurs du design de Figma Africa, Namnso Ukpanah — qui est aussi un ami — cherchait des designers expérimentés en iconographie qui pourraient partager leurs connaissances avec nous via une session AMA sur notre chaîne Slack Figma Africa. Je me souviens qu'il a fallu un certain temps avant que nous puissions trouver quelqu'un. Nous avons bientôt eu Vancura du projet VSCode venir sur notre chaîne pour partager son expérience et ses connaissances en matière de conception d'icônes pour l'éditeur populaire VSCode. Ce fut une session éducative et intéressante.
« Rejetez la tyrannie d'être choisi. Choisissez-vous. » — Seth Godin, Poke the Box
Je n'aime généralement pas manquer des opportunités de partager mes connaissances et de contribuer à la communauté tech. J'étais donc un peu déçu de moi-même et je me sentais mal, assez honnêtement, de ne pas avoir travaillé sur le projet d'icônes tout ce temps. J'ai pensé que j'aurais probablement pu partager mes propres expériences et connaissances avec la communauté de design pendant que nous attendions de trouver quelqu'un de plus expérimenté pour la session AMA. Mais comme je ne l'avais pas fait, il n'y avait aucune preuve de mon expérience ou de mes connaissances en matière de conception d'ensembles d'icônes. ?
Tout cela a alimenté mon désir d'en faire plus, et j'ai bientôt commencé à travailler dessus. Concevoir les icônes n'a pas été une tâche facile, surtout lorsque j'ai essayé d'atteindre l'uniformité et la cohérence dans l'ensemble des icônes.
Construction des icônes
En tant que grand fan de musique rap, je plaisantais au travail avec mes collègues en disant que j'allais sortir un album de rap le jour de Noël (Lmao ! Quoi ?!) mais d'une certaine manière, je me sentais si responsable et je ne voulais pas décevoir. Alors, qu'ai-je fait ? J'ai canalisé mon énergie et mes ressources pour m'assurer de pouvoir publier la première version des icônes le 25 décembre — ce qui devait être la date de lancement officielle de mon album de rap « très attendu » ?.
« Pour les choses que nous devons apprendre avant de pouvoir les faire, nous apprenons en les faisant. » — Aristote, The Nicomachean Ethics
J'avais également conçu une maquette de ce à quoi le site ressemblerait et je l'avais partagée avec certains de mes amis qui étaient prêts à aider à construire le site. Juste quelques jours après le début du mois de décembre, j'ai réfléchi à certains des objectifs et aspirations que j'avais pour l'année — je voulais me lancer dans le développement front-end — et j'ai décidé de relever le défi de construire le site moi-même en utilisant un framework front-end.
J'avais déjà acquis de l'expérience en matière de design front-end, donc le seul défi était de pouvoir apprendre suffisamment pour mettre le site en ligne, même si cela signifiait reporter la date limite du jour de Noël que je m'étais fixée. Je devais maintenant travailler sur la construction de quelque chose de beaucoup plus simple par rapport à ce que j'avais initialement conçu dans la maquette.
J'ai donc choisi Vue.js et j'ai appris beaucoup de nouvelles choses en cours de route. Puisque c'était un projet open source, j'ai pensé qu'il serait bon d'utiliser autant de ressources open source que possible. J'ai essayé l'hébergement avec firebase mais j'ai rencontré des problèmes que je n'ai pas pu résoudre à temps — j'étais conscient du temps et j'ai finalement utilisé Github pages — ce qui a été une autre expérience d'apprentissage pour moi.
Toujours en train d'apprendre
Ils disent que la meilleure façon d'apprendre est en faisant.
Les musiciens essaient différents styles, sons et genres.
Les développeurs essaient différents frameworks, technologies et langages de programmation.
Les artistes essaient différents médias et concepts.
Les designers explorent différents concepts et aspects du design.
C'est moi qui essaie d'être un meilleur designer.
C'est moi qui essaie de contribuer à l'Open Source.
Un énorme merci à Solomon Okwa et Michael Akanji qui ont aidé lorsque j'ai rencontré des problèmes avec vue.js et github en travaillant sur le projet.
À tous ceux qui ont été une motivation d'une manière ou d'une autre, merci. Faisons plus, et donnons-leur un peu de jollof sucré ? (ce riz n'est pas rouge comme notre jollof africain) en 2019. ?
Joyeuses Fêtes !
Mises à jour prévues pour 2019
- Ajouter plus d'icônes
- Ajouter une fonctionnalité de recherche
- Améliorer l'UI/UX du site
Si vous avez des commentaires, des idées d'icônes, des suggestions ou des contributions, n'hésitez pas à laisser un commentaire. Vous pouvez également me contacter sur Twitter GbMillz
Si vous aimez le projet ou le trouvez intéressant, donnez-lui des étoiles sur github, lien ci-dessous. Merci ?
Visitez également jolloficons.com pour rester à jour avec les nouvelles icônes à utiliser dans vos projets.
gbmillz/jolloficons _Open source icons (3d, Abstract, Emojis, Isometric) for your projects. - gbmillz/jolloficons_github.com
Vous voulez faire partie de notre communauté ? Rejoignez-nous sur le canal Slack Figma Africa
Voici les liens vers certaines des ressources qui ont accéléré mon processus d'apprentissage et aidé lors de la construction du site.
- Vue.js
https://www.youtube.com/watch?v=z6hQqgvGI4Y&t=2921s
Github pages
Documentation officielle de Vue.js
- Stackoverflow