Flexbox Website

Design Fundamentals Website

This is my Flexbox Design Fundamentals Website containing graphic design projects such as posters in Adobe InDesign and typographic systems in Adobe Illustrator. Throghout this process I learned further skills in HTML/CSS and flexbox web design, including how to make websites aesthetically pleasing and dynamic websites. I also gained skills in Graphic Design in Adobe InDesign and Adobe Illustrator through the process of making visually effective posters and typographic systems.

Bootstrap 5 Eco Eats Website

Eco Eats Website

This is my Bootstrap 5 Eco Eats Website containing graphic design projects such as Instagram Post Mockups in Adobe Photoshop and a logo designed in Adobe Illustrator. Through this process I learned how to utilise bootstrap 5 web design with HTML/CSS to create a responsive and dynamic website that is able to be viewed effectively on both desktop and mobile devices. I also learned how to create a consistent brand based on a brief we were given, including a logo and Instragram post mockups that match the colour scheme and principles used on my website.

Being Well Figma App Prototype

Being Well Figma App Prototype

This is my Being Well Figma App Prototype. It is an interactable app prototype that simulates the user flow of a persona that represents the target audience of university students who want to engage in more physical activity. It is an educational app that provides information on many different types of physical activity as well as a positive body movement planner and step tracker that aims to motivate the user to engage in more frequent phsyical activity. The app design choices were informed by an initial stage of user research were six different university students were interviewed about their physical activity levels and potential barriers to engaging in physical activity.

Creative Coding P5.js Artworks

p5.js Artwork 1 The Void

This is a digital artwork made using p5.js featuring repetition. Through this process I gained skills in p5 javascript such as how to utilise for loops to repeatedly draw ellipses of decreasing size and random colour in order to create visually distinct and interesting digital artwork.

p5.js Artwork 2 The Constellation

This is a digital artwork made using p5.js featuring the random function. Through making this artwork I learned skills in p5 javascript, for example, how to make use of the random function to create a visually unique and dynamic artwork that is different each time it is run.

p5.js Artwork 3 The Atoms

This is a digital animated artwork made using p5.js featuring contrast. Through building this animated artwork I gained skills in p5.js javascript such as how to use if and else if statements alongside my own functions to create random movement speeds and colour changes as the balls bounce off the edge of the canvas. I used contrasting colours, speeds and sizes for the different ellipses which also helped to create a visually intersting and dynamic digital animation.

---

Creative Coding P5.js Interactive Artwork

p5.js Interactive Artwork

This is a digital interactive artwork made using p5.js. Through making this interactive artwork I gained important skills in p5.js such as how to use classes to seperate code out and handle it uniquely. I also learned how to use if statements and switch case statements to test for user interaction and play relevant audio and visual media. This all helps to create a fun and dynamic interactive artwork.

Three.JS Interactive Experience

Three.JS Interactive Experience

This is a digital interactive experience made using THREE JS. The interactive experience was designed for as an educational tool for a target audience of young children and features fun, easy to understand, interactions where objects in the farm environment can be clicked on to reveal information and fun animations/sound effects that keep the user engaged. As well as teaching me valuable technical skills of designing an audio-visual interactive 3D experience in THREE JS, I also learned valuable interaction design skills and how to design effective experiences for a specific target audience.

Arduino/Max MSP Interactive Music Toy - The Tune Crafter

This interactive music toy was made using an Arduino kit for the physical computing and interactions, and a Max MSP patch for the code that took inputs from the Arduino that enabled the user to change the pitch of each note in an eight note sequence by using buttons to change the selected note and a slider to change the pitch of the note. The product was designed for the target audience of young children so the interactions are deliberately simple and easy to understand. This project taught me valuable technical skills in physical computing as well as key interaction design skills such as how to design a product for a specific target audience.

Maya Animation The Ball

This animation was achieved through keyframe animation in Maya, the video editing was done in Adobe Premiere Pro. I learnt a lot about keyframe animation in Maya throughout this process and about how to match audio and sound effects to video in Adobe Premiere Pro.

Adobe After Effects Animation Opening Minds

This animation is about homophobia in men's football and was done in Adobe After Affects. All of the assets in the animation were produced in Adobe Illustrator, which taught me valuable skills in graphic design. Overall this animation taught me key animation and graphic design skills and furthered my knowledge of the Adobe suite.

Short Promotional Video Project

This short promotional video was shot on my phone camera and edited on Adobe Premiere Pro. I gained experience in short film making through this process such as creativity in content and shots and more skills in editing in Adobe Premiere Pro, such as adding sounds and text to video and audio/video fade ins and outs.

Short Film Making It A Cup of Coffee

This short promotional video was shot on my phone camera and edited on Adobe Premiere Pro. I learnt skills in short film making such as how to utilise angles and shots creatively and video and audio editing in premiere pro such as sound balancing and colour correction.

Unity Interactive Pirate Experience

This is an Interactive Pirate Expereince that I made in Unity using some Maya modelled elements. Throughout this process I learned important skills such as how to use C# code in Unity to produce an environment full of objects and areas that a user can interact with. I also gained experience in 3D modelling in Maya as I modelled a Starfruit, Tankard and Chest which all feature in my interactive experience. Overall I gained key experience in workflow between Maya and Unity and skills in how to make a fun and engaging interactive experience for the user.

Unity Interactive Virtual Reality Horror Experience

This is an interactive Virtual Reality horror experience made for the Oculus Quest 2 using Unity's VR Core with code in C#. It features a child's bedroom which I modelled myself using Maya (visual assets from Unity Asset Store, Sketchfab and Mixamo) and a scary NPC that appears at various points in the experience. It also features creepy sound effects and scary animations that amplify the suspense and horror of the experience. Many assets in the experience are interactable and can be picked up by the user, similarly the night light can be turned on and off by the user, and specific objects like the teddy bear can despawn the scary NPC when picked up. The project enhanced my Unity scripting skills as well as my game/interaction design abilities.

---

Maya Modelling - The Iron Giant

This is a 3D Model of the Iron Giant that I modelled and textured in Maya. Through making this I learned valuable 3D Modelling skills in Maya such as how to construct a visually interesting model using a mixture of different shapes and extrusions. I also gained experience in texturing and lighting in Maya which greatly helped to make my model more dynamic and visually striking.