Work / Visual Design

back

CRU
E-learning
Visual Design

Cru illustration composition

The Wine Lab is a guide to wine basics for beginners, an e-learning site developed as part of an academic project.

Academic Project     | #graphic design#illustration |      November 2018

The Brief

This academic group assignment required us to select a topic of interest and develop an e-learning site presenting information relevant to the theme, broken down into units of content and a knowledge test at the end of each unit. My contribution to this project was to define the visual style of the site and to illustrate the assets needed to present the content.

The Process

After deciding on our topic, wine, we initiated by outlining the content for each unit. Then, I selected colours, typefaces, and the illustration style; that laid the visual foundation for every module.

As we were working through the sections, I created sets of illustrations related to different aspects of wine, such as glassware, tasting tools, and fermentation processes, to name a few. These sets worked as building blocks, allowing us to build layouts and iterate them fast until the content was understandable and engaging.

Graphic Style for CRU
CRU graphic style guidelines

As we were working on the content for each unit, I created sets of illustrations related to different aspects of wine such as glassware, tasting tools, and more. These sets worked as building blocks, allowing us to compose images for each section, therefore, ensuring that the content presented was engaging. Not to mention that it helped us to work through the units efficiently and seamlessly.

CRU Illustration Sets
Illustration sets, created for different wine aspects and used transversely in all units

The Outcome

CRU Website Home Page
Site home page and unit navigation.
**Website created by Sarah Gomez

Each of our contributions such as content creation, illustration, animation, and coding, came together in the final website. Through four modules, the site displays relevant information about wine, the production process, varietals, pairings, and tasting with a fun test at the end of each section. One of our goals was to work through the content relying on images rather than text; this challenged me to create engaging sets of illustrations adding animation to some of them to reinforce the concept. Another challenge was structuring the illustration process to ensure assets were ready on time for other team members to use. Ultimately, the team was pleased with the result and I enjoyed having this opportunity to hone my illustration skills.

CRU Module 2 Navigation
Wine and food pairings - Module 2 navigation
Module 2 knowledge assesment
Wine and food pairings - Module 2 knowledge assessment
Module 3 navigation
Wine varietals - Module 3 navigation
Module 4 navigation
Styles of wine - Module 4 navigation
Angela Castro symbol