Production, Circulation, and Drainage
Cerebrospinal Fluid:
This two-page textbook spread is the result of a collaborative effort of three students in the Biomedical Communications neuroanatomy course. For this group project, a pre-determined style guide and colour palette were followed, and a studio environment workflow was emulated, with each team member taking charge of a different stage of execution. My role was the conceptualization and design of the illustrations and layout and the composition of text. Illustrations were then vectorized by Kim and rendered by Felix. The goal of this spread is to communicate key anatomical and physiological aspects of cerebrospinal fluid at molecular, tissue, and system scales.
Clients: Prof. Dave Mazierski, Prof. Shelley Wall
Audience: undergraduate students
Format: print (textbook)
Medium: Adobe Photoshop, Adobe Illustrator
Date: April 2018
Illustrations & conceptions biomédicales
Prototype d'application iOS
What's in the Fridge :
What's in the Fridge (WTF) est un prototype d'application iOS créé dans le cadre d'un projet d'équipe avec Alex Young et Shawn Liu au sein du programme de communication biomédicale. Cette application axée sur la santé vise à aider les utilisateurs (étudiants universitaires et jeunes professionnels très occupés) à déterminer quels plats ils peuvent préparer avec les ingrédients qu'ils ont actuellement au réfrigérateur, en recherchant sur le web des recettes à base d'ingrédients sélectionnés par l'utilisateur. Cette application offre également une plateforme permettant aux utilisateurs de partager leurs expériences en termes de création de recettes et inciter d'autres utilisateurs à essayer de nouvelles recettes, ainsi qu'à expérimenter avec le monde culinaire afin d'éviter de manger au restaurant lorsqu'il y a de la nourriture au frigo.
Clients: Prof Derek Ng
Public cible : étudiants universitaires, jeunes professionnels
Format : application iOS
Médium: Proto.io, Adobe Illustrator, Adobe Photoshop
Date: novembre 2018
Processus de travail
Conceptualisation et portée du projet
L'application WTF a été conçue comme un outil destiné à aider la myriade de gens qui se retrouvent chaque jour avec la tâche de cuisiner trois repas, ainsi que de balancer leurs cédule de travail et/ou d'école. Bien que la commande de plats à emporter puisse faire gagner du temps aux personnes très occupées, elle est dispendieuse comparativement à la cuisine chez soi. De plus, la consommation à long terme d'aliments préparés n'est peut-être pas le choix le plus sain. En tant qu'équipe, nous avons décidé qu'il importait de développer une application pour aider les gens à déterminer ce qu'ils peuvent cuisiner en utilisant les ingrédients existants dans leurs réfrigérateurs, permettant ainsi d'économiser leur argent et de promouvoir un mode de vie plus sain.
En gardant ce concept en tête, nous avons commencé à définir la portée de notre projet, notamment en identifiant le publique cible, leur objectif ainsi que leurs motivations et les autres moyens disponibles pour atteindre des objectifs similaires (évaluation concurrentielle). Nous avons ensuite développé des profils d'utilisateurs et rédigé de courts scénarios contextuels afin de mieux comprendre les besoins et les objectifs des utilisateurs finaux de l'application ainsi que la manière dont ils pourraient utiliser l'outil pour atteindre leurs objectifs. Nous avons documenté tout cela dans notre document sur le champ d'application et utilisé ces informations pour guider notre conception initiale des fonctionnalités et des comportements de l'outil.
Wireframes et direction visuelle
Notre document sur la portée de l'application a servi de modèle pour commencer à définir la structure et le flux de l'application, ainsi que la façon dont les pages de l'application seraient présentées. Nous avons capturé ces idées sous forme de wireframes basse-fidélité.
En même temps, nous avons commencé à explorer les directions visuelles de l'application. Nous avons utilisé des mood boards dans le cadre d'un brainstorming sur les palettes de couleurs, les styles d'icônes et de logos, et la conception de l'interface utilisateur.
Les wireframes ont servi de base à un prototype basse-fidélité futur, et notre réflexion sur les orientations visuelles a permis de créer des maquettes haute-fidélité.
Mappage du contenu
Exemples de wireframes
Mood board
Prototype basse fidélité
et maquettes haute fidélité
L'étape finale de ce projet consistait à créer un prototype de preuve de concept (basse fidélité) de notre application pour démontrer les fonctionnalités de base de l'outil, ainsi que des maquettes haute fidélité représentant l'apparence du produit final. Nous avons utilisé ces maquettes pour présenter notre idée d'application à notre classe et à notre professeur et obtenir un retour d'information sur les améliorations potentielles et les orientations à prendre.
Prototype basse fidélité bientôt disponible !
