Portfolio

Over the past year, I've been refining my web development and UX skills by diving deeper into back-end development. Most recently, I built a free budgeting web application that allows users to track and manage their spending. While tutorials have their place, building this app from scratch allowed me to apply what I learned without a guide.

The app was built using vanilla PHP and MySQL for the back end, and vanilla JavaScript, Bootstrap, custom CSS, and HTML for the front end. I also integrated the PHPMailer library to handle email functionality. All graphics and visual assets were designed using Adobe Illustrator and Photoshop.

Not only was I challenged to step outside of my familiar front-end development territory, but I was required to learn various web security principles. I implemented numerous security measures such as parameterized queries, brute force protections, form validation, honeypot fields, reCAPTCHA security, CSRF tokens, password hashing, content security policies, input sanitization, HTTPS, email confirmation codes, etc. Feel free to check out the app here at buildabudge.com .

This can design is inspired by quantum physics and graphic design from the 1940s. My goal was to create a can design that would stand out from competing brands on the shelf.

I would create a design that modernizes the 1940s style and utilizes atypical can colors - such as gold aluminum. The can is both inviting and playful while exhibiting a sophisticated appearance.

The website expands on the can's package design with elements that suggest quantum physics, waves, and particles.

Building this website served as an opportunity to practice working with CSS3's web layout model—flexbox. The website can be viewed on GitHub at the link here .

This web application uses the TMDB API. The program fetches and organizes data from a movie database. Users can find movie ratings, summaries, dates, streaming service availability, etc.

View the project at the link here .

This app was built using React.js, the OpenWeather API, and the Plotly library. The app fetches a five day forecast from the API, displays forecasts for each day (in three hour intervals), and plots each forecast's properties on a graph.

Users can find forecasts for any city/state in the United States. Users can also toggle between properties to see how forecasts change over time on the graph.

Visit this link to open the weather app in your browser.

This web app I developed pulls in data using the Deezer API. Users can scroll through song previews and search by artist/album names.

To view the app in your browser, please visit the link here .

I was asked by Hajoca Corporation to build a website for their recruiting team. The website would be used to attract new employees while providing potential new-hires with information. Also, the website showcases a few testimonial videos a co-worker and I had created using After Effects.

The website was built using WordPress along with a combination of custom HTML, CSS, and JavaScript. Much of the additional custom code was used for making the website ADA compliant in regard to keyboard accessibility and screen readers. Custom CSS was used for making the website meet corporate brand guidelines in addition to improving mobile and tablet responsiveness.

I collaborated with another developer to build this app for Hajoca Corporation's website. Users can find company branches by filtering for locations and services. The Google Maps API is used in conjuction with a function I developed to calculate the user's distance from each branch location. Locations are displayed in order—starting from closest to furthest away.

The app was built using JavaScript, HTML, CSS, Bootstrap, and PHP (to generate the WordPress shortcode).

These landing page templates were developed using custom HTML/CSS, custom media queries, and Hubspot modules using the Hubspot marketing software. These templates created for Momentum Telecom produced a streamlined process for developing landing pages quickly and efficiently as new products and services were released. CSS3 was used to create subtle animations and allowed marketers to replace animated images without having to worry about coding.

This project provided an opportunity to experiment with responsive web design as well as create digital graphics that complied with the company stylesheet.

A collection of NFT letters inspired by both vintage and modern typography. Each letter has been created in Adobe Illustrator and features crisp lines, smooth reflections, subtle gradients, and sharp crosshatches. Add some typographic design inspiration to your collection!

Download the NFT collection here .

These posters resulted from my experimentation with Illustrator's blend tool. While the subject matter is unrelated—each poster uses a similar aesthetic.

Duotones/Monotones, minimal colors, and clean fonts make for pleasing modern designs.

This simple Snapchat logo reimagining modernizes the current logo while staying true to the original concept. This would allow the app to remain recognizable after the rebranding process. The project was a chance to explore After Effects shape morphs while creating a simple and clean promotional animation that reflects the app's purpose.

Mingo Mango Champagne is a product/brand design that is inspired by vintage typography, wine labels, and ornamental designs seen on dollar bills. The bottle creates both a sense of formality and fun while insinuating a fruity mixture with its numerous colors.

The black side represents the "night" while the white side represents the "day," suggesting that the drink is made for any time of day.

This personal identity system was created for a market research analyst. The triangles create a stimulating contrast from the clean white space. The angles represent technology and analytics, while remaining congruent with the angular logo. The logo consists of the letters "M" and "H" (for "Miranda Humphrey"). The resume borrows design elements from the business card, creating a cohesive and memorable personal brand.

I was asked to create a few logos for a fitness business. The company logo I created would be slightly reappropriated to fit different kinds aparell such as hats and shirts.

The goal was to create and maintain a cohesive branding system while simultaneously presenting a unique variety of icons for clothes. This was an opportunity to be liberal with a logo design while allowing the font and colors to create a unified brand. The designs are both playful and professional while still invoking a sense of intimidation and strength with the greek-inspired elements. Bold colors and a modern design create a relevant identity system that is both memorable and noticeable.

At Hajoca Corporation , I created internal email communications that would be sent to all of Hajoca's branches. A content writer would provide the text while I would create the layout and visuals. I would build the finalized email in Constant Contact .

The design process included utilizing the company's brand colors to create simple, clean, and captivating email graphics. Unlike logo design where icons are typically simplified and minimal, these graphics would exhibit a happy medium between clean and detailed design.

Information has been altered to protect the privacy of the client.

A client asked that I design a logo for an online learning center. The website focuses on career paths while serving as an educational resource. I could not change the tagline ("Grow into your dreams") or the name ("Learning Center") so it would be vital that the logo remain unique and distinctive.

After drawing inspiration from Paul Rand and his focus on simplicity, scalability, versatility, and uniqueness, I decided to create a logo. The logo conveys a sense of both technology and growth, taking on the appearance of a vine-like shape that simultaneously resembles a career path.

This business card was created for a mechanical engineer. The icons suggest numerous concepts such as machine learning, bandits, learning algorithms, bending beams, and finite analyses. The info remains legible at a quick glance while the inviting colors and unique icons make for a memorable design.

The target audience includes engineers and hiring managers.

These signs were created for an event held in Atlana by Momentum Telecom. The event's focus included training white label customers on sales techniques and how to use our products. The 'Thrive' event also included numerous educational classes and also served as a platform for Momentum to market its other products and services, such as Drive UC .

The signage reflects the company brand colors and the city of Atlanta while creating a fun and inviting vibe. The signage helped to direct attendees to different stations and created a consistent identity system for the event.

This series of abstract phone wallpapers can help add visual interest to any user's phone.

This phone case was inspired by vintage typography and ornamental designs often found on wine bottles. The idea was to create a fun fictional brand similar to Michael Kors while incorporating my crosshatching illustration aesthetic.

As an in-house graphic designer and communications coordinator at Hajoca , it was my responsibility to design a 401K brochure that is congruent with the Hajoca style guide. The brochure was mailed in an envelope to each Hajoca teammate. In addition to the brochure, I created numerous graphics that will be used in a 401K and Benefits video.

The goal was to create a clean and legible brochure that will allow readers to quickly find the information they are seeking while providing a seamless tutorial of the 401K website. The dynamic angles lead the viewer's eyes around the page while unifying the design with a visually appealing aesthetic.

Information has been altered to protect the privacy of the client.

Here, I created a typographic pieces inspired by a musician named Wande. This experimental type piece was created using Illustrator's 3D features and blend tool.

This cover was designed for a client's Standford research paper on polymers. The publication is called Accounts of Materials Research .

The organic shapes create a sense of movement—which might suggest how material properties change when underlying structures change. The layered shapes twist and bend to create a sense of expansion and contraction—and might represent shape memory properties. The shapes look similar to artificial "muscle fiber-like" materials.

The shapes represent polymer chains, hierarchical structures, and dynamic bonds. The red polymer chain represents a chain that might be stressed—expanding or contracting back to its initial state. The circle zooming into the chain draws attention to the connecting/stressed bonds.

The turquoise color was inspired by the schemes used in many of the document infographics. The red/orange color nicely complements it.

The design is modern and leaves a bit of white space at the top for the title.

The "T" stands for "Transcend" in "Transcend the noise in a digital age."

This phone case design was inspired by extravagant hand-lettered typography and low resolution images.

While one usually strives to avoid using low quality images, I thought it might be intriguing to deliberately use low-res images. By combining low resolution digitized images with organic lettering and photos of nature, the piece merges two seemingly incongruent themes into a single piece (technology and nature).

The icon represents "transcending the noise in society," or focusing on what matters in a world that sometimes seems to be saturated with fake news, unrealistic standards, warped ideas of beauty, and irrelevant distractions. The low resolution images represent the noise. It is important that we stay connected to nature and our higher purpose in the world.

The logo's location on the cellphone case creates a sense of irony, self-awareness, and style.

This image features my font, Cooper Blueprint . It can be downloaded for free on fontstruct.com. The font was given recognition by Paul Sahre at a York College of Pennsylvania Exhibition.

Download it now at Fontstruct .

These food icons were created for a Hajoca Corporation newsletter. The monthly newsletters focus on promoting healthy lifestyles involving eating habits, exercise, mental health, and financial well-being.

Hajoca Corporation asked that I create food icons for a section regarding the benefits of eating specific foods. I utilized the brand's orange color to create icons that are clean and inviting.