Academic Projects

The Art Collab style guide was created to define the visual and branding elements of the website, ensuring a cohesive and engaging user experience. We also wanted to ensure that while working collaboratively with the other group members for this project, we were all able to use the same colors, fonts, and components. The guide features a vibrant color palette that reflects the diversity and creativity of the art community, complemented by a modern, sans-serif typography that enhances readability and visual appeal. Key design elements include clean, minimalistic layouts that allow the artwork to take center stage, with ample whitespace to ensure clarity and focus. The style guide also incorporates consistent iconography and UI components, maintaining uniformity across the site. This visual consistency helps create a professional yet approachable atmosphere, aligning with Art Collab's mission to celebrate and connect creative individuals.

Style Guide for Artisan Bark Co.

The Artisan Bark Co. color guide emphasizes a refined and natural aesthetic that aligns with the brand’s focus on artisanal, high-quality baked goods. The color palette features earthy tones and warm neutrals, creating a welcoming and sophisticated atmosphere. Typography is elegant and clean, with a combination of serif and sans-serif fonts that enhance readability while conveying a sense of craftsmanship. The guide includes a selection of tasteful imagery and iconography that reflects the artisanal nature of the products, with a focus on simplicity and quality. Consistent use of these design elements across the website ensures a cohesive brand identity, inviting customers to experience the excellence of Artisan Bark Co.’s offerings.

UI Elements for Artisan Bark Co.

The Pet Rescue style guide was designed to create a warm and inviting atmosphere that reflects the compassionate and caring nature of the organization. The color palette features soft, comforting hues such as gentle blues and greens, paired with vibrant accents to highlight important elements and calls to action. The chosen typography is approachable and friendly, with rounded sans-serif fonts that enhance readability and evoke a sense of warmth and accessibility. The guide includes heartwarming imagery and icons related to pet care and adoption, reinforcing the organization's mission to support and find loving homes for pets in need. Consistent application of these design elements across the website ensures a cohesive and emotionally engaging experience for visitors, aligning with Pet Rescue’s dedication to animal welfare.

These are the wireframes that my team and I worked on for our Art Collab Project. 

On the left you can see the HiFi Wireframes and on the right you can watch a video of the prototype in action. 

For this assignment, I created this prototype in in Adobe XD to create 4-5 pages for a mobile application for Turtle Conservation. I had this idea for this assignment because during the summer I learned about Ontario Turtles and how all 8 species are endangered. While learning more about them, I realized that they do not have an app or website for reporting turtle nests for protection. The only way to contact someone about a nest for it to be protected is to call them or leave a text message. And so, I had the idea to create a mobile website or app that users could quickly find information and report a nest to RaRe, the Ontario Turtle Conservation authority.  

On the left you can see the HiFi Wireframes and on the right you can watch a video of the prototype in action. 

For this FreshHarvest assignment, myself and another group member worked in Adobe XD to create a simple 4 page mobile HiFi prototype for a grocery store. The idea was to keep the style bright and vibrant without drawing away from the produce itself.