My final project

Link to live project: https://gbravo97.github.io/final-website/

Link to GitHub Page: https://github.com/Gbravo97/final-website

A Very Short Happy True Story

Spring 2025

Created with CSS/HTML, GitHub, Photoshop and Audacity

For this final project, I chose to tell a simple but meaningful story, inspired by an image I had created in a previous class. I used my own drawings to keep the piece personal and selected a soft pastel color palette to bring tenderness and warmth to the narrative. The background music includes excerpts from a personal composition that incorporates elements of Peruvian music, helping to reflect the cultural identity and emotional depth of the story. I hope that those who experience this piece feel a bit more hopeful, and are reminded that happiness can exist even in difficult times. The most challenging part was recording the narration, as my environment isn’t very quiet, so I decided to use an AI-generated voice to tell the story. I also had some difficulty finding a background image with a Creative Commons license, but eventually found one and edited it using color balance, curves, and other adjustments to match the tone of each drawing.

Music and draws are original.

Image used for background:

“Cosmos-1584033_1280” by safrist. Pixabay.com. CC0 Content. August 10, 2016. https://pixabay.com/illustrations/cosmos-colorful-pastel-cosmic-1584033

Creative Brief

MMP 100 Final project creative brief

Giuliana Bravo

A very short happy true story.

Story summary

This is the story of a little girl from Peru who grew up with very little. She spent her days in nature, where she felt safe and free to dream. Her biggest dream wasn’t about money or possessions, it was to have a family, a home full of love.

As she grew up, life remained hard. Her partner left, and she was left to raise her child alone. But through it all, she found happiness, not in what she had, but in love, resilience, and the small, beautiful moments that made life worth living.

Media

Images (Photoshop):

I will use three images: two created specifically for this story, and a third one previously made in class, used as a reflective closing piece.

Audio (Audacity):

I will create two audio tracks: they will use voice narration of the story and background music to accompany the visuals.

Style

The style will be reflective, hopeful, and minimal.
The visual palette will include soft tones: light pink and green, sky blue, lavender and peach. The goal is to evoke warmth, peace, and quiet strength.

Software

Photoshop – for creating original images

Audacity – to record and mix narration with background music

Sublime Text – to write and edit HTML + CSS

GitHub Pages – to publish the final website

My Creative Brief

Paths of Power

Spring 2025

Created with HTML, CSS and Github

For this final version, I included more pages to dive deeper into the Jedi and Sith paths, and added visuals to make each page more engaging. The most challenging part was finding the right command to create space between sentences. The story was inspired by the moral complexity of Star Wars and the idea that every choice shapes destiny.

My live: https://gbravo97.github.io/web_spring_2025/

My code: https://github.com/Gbravo97/web_spring_2025

Source of visuals:

“Photo of Man Standing in Front of Neon Lights”. By Rehan Verma. Dec 16, 2018. Public Domain (CC0). View on Pexels

“Pixel Jedi – GIF”. By MrsFaithlessness. Published Dec 24, 2018. CC BY-NC-ND 3.0. View on DeviantArt

GIF from the film Star Wars: The Force Awakens (2015)
Directed by J.J. Abrams. All rights belong to Lucasfilm Ltd. and The Walt Disney Company. Posted by alexskulluterna on DeviantArt

“Sith Pulse 1” By Windthin. Dec 12, 2021. License: CC BY-NC-SA 3.0.
View on DeviantArt

“Blue Sun Warp”. By monogatarithenice. Sep 12, 2023. CC BY-NC-ND 3.0. View on DeviantArt

Published
Categorized as Website

Storyboard – Hope

For this storyboard, I decided to add two additional keyframes: the appearance of the sun and the dove leaving the scene. I also incorporated shape interpolation for the sun to symbolize a bright, sunny day and used a gray background for the raindrops to depict a storm, creating a contrast with it.

Published
Categorized as Animation

My animation draft

I am animating the emotion “Hope” by using various figures to symbolize life blossoming after the rain, representing growth and renewal after challenging times.

My first animation

For this project, I animated a flower growing and a bee flying toward it as it bloomed. It was my first digital animation experience, and I had a lot of fun bringing it to life!

Portrait of a place – Finale

My favorite place

Spring 2025

Audacity

For the final version of this recreation of a day spent composing in my room, to add more realism to the editing process, I unified the voice sections into a single track and applied layering to adjust the vocal dynamics. I also added an extra instrumental track, edited with the same layering technique. Additionally, I used this tool to balance some incidental sounds that were too loud during the composition process for a more cohesive result.

Sounds used:

Tuning guitar”, by BeeProductive. CC0 1.0 Universal. April 24th, 2017. FreeSound.org https://freesound.org/people/BeeProductive/sounds/389415/

Winter city park atmo with background cars and people” by Garuda1982. Creative Commons 0. December 27th, 2021. Free Sound.org https://freesound.org/people/Garuda1982/sounds/612951

Door closing” by carroll27. Creative Commons 0. April 19th, 2012. Free Sound.org https://freesound.org/people/carroll27/sounds/151891

Desk chair handling” by Didi508. Attribution NonCommercial 4.0. November 3rd, 2020. Free Sound.org https://freesound.org/people/Didi0508/sounds/542095

Desk-chair squeaking” by _lourii. Creative Commons 0. November 5th, 2019. Free Sound.org https://freesound.org/people/_lourii/sounds/491741

Writing on paper with sharpie23” by 27ace. Creative Commons 0. February 10th, 2024. Free Sound.org https://freesound.org/people/27ace/sounds/722918

Metronome 121bpm” by djfroyd. Creative Commons 0. February 2nd, 2015. Free Sound.org https://freesound.org/people/djfroyd/sounds/262867

Mouse click” by Sky_Motion. Creative Commons 0. December 24th, 2021. Free Sound.org https://freesound.org/people/Sky_Motion/sounds/612745

Microphone foley – bumps, thumbs, touching cables, unplugging XLR, windscreen” by RavenWolfProds. Creative Commons 0. October 15th, 2022. Free Sound.org https://freesound.org/people/RavenWolfProds/sounds/653550

Published
Categorized as Audio

Portrait of a place – updated

“My favorite place”

Spring 2025

Audacity

This time, I added some fade-ins and fade-outs at the beginning and end. I also experimented with the reverb presets to clear the voice a little more, used the graphic equalizer, and sped up the guitar with a tempo change to make the intro shorter.

https://openverse.org/audio/51a9ea21-dbc0-4f43-991e-3b8b6ce52c26?q=tuning+guitar&p=28

https://freesound.org/people/Garuda1982/sounds/612951

https://freesound.org/people/carroll27/sounds/151891

https://freesound.org/people/Didi0508/sounds/542095

https://freesound.org/people/_lourii/sounds/491741

https://freesound.org/people/27ace/sounds/722918

https://freesound.org/people/djfroyd/sounds/262867

https://freesound.org/people/Sky_Motion/sounds/612745

https://freesound.org/people/RavenWolfProds/sounds/653550