About Me

I am a recent Digital Media graduate from UWE Bristol and aspiring Web/UX and digital designer, with a strong passion for Web/UX and digital design. I have developed an excellent foundation in design principles and website design and have begun applying my skills to real-world freelance web design projects. I am eager to bring my skills to a professional environment where I can continue to grow and contribute to impactful design projects. Please don't hesitate to get in touch and I look forward to hearing from you!

Skills

Qualifications

Experience

Website Design
HTML/CSS and Bootstrap 5
App Design
Figma Proficient
Javascript
Creative Artworks/Animations and THREE.JS proficient
3D Modelling
Maya Proficient
Animation
Keyframe Animation in Maya and After Effects
Graphic Design
Proficient in Adobe Suite
Video Editing
Proficient in Premiere Pro and After Effects
Game Design
Desktop and VR Games in Unity

Degree Level
Digital Media Graduate from UWE Bristol
A Levels
Distinction * in BTEC IT Level 3 Extended Certificate, A in History, and B in English Literature
GCSES
Distinction * in BTEC IT Level 2 Extended Certificate, 2 Grade 9s, 3 Grade 8s and 4 Grade 7s

Freelance Web Design
Custom Website Development using HTML/CSS/JavaScript for companies such as PWS Tree and Hedge Services
Work Experience
Work Experience at Web and Graphic Design Agency FutureClient where I shadowed web designers and produced a website mock-up
Teaching Assistant
I volunteered to be a Teaching Assistant for Year 7 and Year 8 IT Classes alongside my year 12 studies
Part Time Work
I worked for 18 months as a Customer Assistant at Morrisons alongside my studies, building customer service and team skills

Web/UX Design Projects

Custom Developed Website for PWS Tree and Hedge Services

PWS Tree and Hedge Services

This is a custom developed website produced for South Devon landscaping business PWS Tree and Hedge Services using HTML/CSS and JavaScript. Through the production of the website I demonstrated successful application of technical skills and the ability to communicate effectively with clients and deliver a polished and visually pleasing website within the time frame agreed.

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 UX design choices were informed by an initial stage of user research where six different university students were interviewed about their physical activity levels and potential barriers to engaging in physical activity.

Creative Coding Projects

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 Interactive Artwork Image

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.

Image of interactive day and night landscape with a tree, the sun and a cloud

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.

Image of an interactive educational farm experience with a barn and various animals

Animation/Video Editing Projects

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.

Interaction Design: A Bristol Sustainability Embodied Interaction Quiz Experience

This is a demonstration video of an interaction design project showing an mock-up of an interactive quiz about Bristol's environmental future featuring embodied interactions. The video was produced in Adobe After Effects with all of the assets being produced in Adobe Illustrator. Overall this project developed both my interaction design skills and furthered my knowledge of both Adobe Illustrator and Adobe After Effects

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.

Game Design Projects

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.

Josh Harper