Portfolio Projects

I made some of my portfolio projects for practice and courses, but for the most part simply for fun because I love web design!

My main focus is on accessibility and mobile responsiveness.

More projects available on request.

Portfolio 3.0

Portfolio 3.0 Project

My Portfolio

Code

Year: 2024

Skills: HTML, CSS, SASS, Bootstrap, JavaScript

This is the portfolio you're viewing now!

You can check my two previous portfolios to see how my style and skills evolved over time as I learned more about UI/UX and web design.


Bakery E-Commerce

Bakery Design Portfolio Project

UI/UX Web Design

Code View

Year: 2024

Skills: HTML, CSS, SASS, Bootstrap, JSON, JavaScript, Adobe Photoshop, UX Design principles, Accessibility, AI Image Generation (Meta/Llama).

For this project I reimagined the design for an existing bakery e-commerce. Make sure to read the case study for comparisons and insights on my reasons for all the design decisions I made!


Cafe Menu

Graphic Design Portfolio Project

UX & Graphic Design

Code View

Year: 2024

Skills: HTML, CSS, SASS, Adobe Photoshop, UX Design principles.

In this case study I optimized and redesigned a cafeteria menu. From a cluttered and confusing mess, to ordered and clean!


Copywriting

Digital Marketing Portfolio Project

Digital Marketing

Code View

Year: 2024

Skills: HTML, CSS, SASS, Bootstrap, JavaScript, SEO, Copywriting, Social Media Marketing

This case study was part of an assignment for a digital marketing agency. It features insights into social media marketing, copywriting, SEO, and UX.


Chocolate Shop

Chocolate Shop Portfolio Project

E-Commerce

Code View

Year: 2023

Skills: HTML, CSS, Bootstrap, JavaScript

View the case study

This is a redesign based on an existing chocolate shop's website (Felfort's). You can check the original e-commerce so you can compare it to my rework.


Foodie Blog

Foodie Blog Portfolio Project

Blog Redesign

Code View

Year: 2023

Skills: HTML, CSS, Bootstrap, JavaScript

View the case study

This cooking blog portfolio project is an overhaul of a cooking blog that actually exists (Paulina Cocina, a well known foodie vlogger and influencer from Argentina).

The original WordPress-based website uses Elementor, so of course emulating it with only HTML, CSS, and JavaScript was a little challenging at first.


Google UX Design

Google UX Design Course Projects

Figma

Code View

Year: 2023

Skills: Figma, UX Research, UX Writing, HTML, CSS, Bootstrap, JavaScript

Course: UX Design Professional Certification, Google

These are the three case studies I did for my capstone project. They include personas, user journeys, and Figma wireframes and prototypes.


SEO Research

Google SEO Capstone Project for UC Davis

Digital Marketing

Code View

Year: 2024

Skills: SEO Research

This was my capstone project for the SEO Specialization by UC Davis.

Be warned, it's quite lengthy!


Meme Generator

Meme Generator Portfolio Project

For Fun

Code View

Year: 2023

Skills: HTML, CSS, Bootstrap, JavaScript

Upload an image, type the top and bottom text, and download your meme in PNG format!

This meme generator is made so that each action is taken step by step:

  • The download button and the text fields are disabled until an image is uploaded.
  • The download button remains disabled until both text fields are filled.

This is to ensure the users take the required steps in order as they should and minimize the probability of errors.


Portfolio 2.0

Portfolio 2.0 Project

My Portfolio

Code View

Year: 2023

Skills: HTML, CSS, SASS, Bootstrap, JavaScript

This has been my portfolio throughout 2023.

The previous one was alright, but I felt contents were too tight on a single page layout, so I split them into separate pages instead.


Portfolio 1.0

Portfolio 1.0 Project

My Portfolio

Code View

Year: 2022

Skills: HTML, CSS, Bootstrap, JavaScript

This has been my portfolio throughout 2022.

It features light/dark mode and users can also switch between English and Spanish.