PORTFOLIO

Creating a new brand design for a university’s upcoming student-run game symphony orchestra club.


Fanzine Graphics, Layout, & Production

GRAPHIC DESIGN | PRINT DESIGN | MARKETING | MANAGEMENT

Leading the project team, creating graphics for marketing, and formatting layouts for printing fan-made magazines celebrating various fandoms.


Designing a fun and educational physical book and digital mobile experience all about the ethics of user data and its collection.


Two Dots Marketing Animations

MOTION GRAPHICS | MARKETING

Animating advertisements to convert new users to play the mobile game “Two Dots”.


ABOUT ME

✨

Who I am

Hi, I'm Nicole Lopez, and I’m a marketing and graphic designer! I most recently worked at a mobile game company as a marketing designer, and I was graduated from Rochester Institute of Technology in 2021 where I studied New Media Design and have minors in the Japanese language as well as Game Design. I'm searching for new employment in the field of graphic and/or marketing design, and am available to start at any time.

What I do

I have a strong passion for design, no matter the field. My primary goal is to create designs that make people happy! In other words, I want to design things that bring enjoyment to others by making things more usable, making things more fun, and of course, making things look more beautiful.

More about me

I am a total nerd: I love watching Japanese anime as well as playing tabletop and video games. I also enjoy singing both American and Japanese pop songs, so I'm always down for karaoke!


RESUME



OBJECTIVE

I am an enthusiastic designer searching for new employment in the fields of graphic, motion, formatting, and/or marketing design, and I am available to start at any time.

WORK EXPERIENCE

Marketing Design Contractor | Junior Marketing Designer

Take-Two Interactive Software, Inc. | New York, NY
May 2019 - Nov 2019 | Aug 02, 2021 - Jan 11, 2023

Collaborated with other members of the "Two Dots" mobile game marketing team during promotional content brainstorming sessions and executed the creative briefs that outlined our ideas by animating top-performing advertisements and other promotional materials that attracted new paid users to the game.


Production, Graphic Design, & Layout Moderator

Various Fanzines | Remote
Jan 2021 - Current

Leading the creation of collaborative fandom magazine projects from idea conception through physical print production. Designing promotional materials including logos and announcement graphics in addition to formatting the books themselves, one of which was “Poison Apple”, a fully-funded Kickstarter project that sold over 500 copies.

EDUCATION

New Media Design BFA

Rochester Institute of Technology | Rochester, NY
Aug 16, 2016 - May 14, 2021

Graduated with a BFA in New Media Design and Minors in Modern Language Japanese and Game Design. Held a GPA of 3.79 / 4.0 and was on the Dean’s List for 7 semesters.


ACTIVITIES

Various Committees Member

Take-Two Interactive Software, Inc. | New York, NY
Aug, 2021 - Jan, 2023

Contributed ideas towards celebrating and spreading awareness of various cultures at the Playdots office in alignment with cultural holidays and months including hosting multiple "Mahjong Game Nights" as part of the Culture Committee.

Provided input and helped to represent the marketing team in regards to return-to-office protocols during the migration back to the Playdots office as part of the Return to Office Committee.

Assisted with the planning and execution of various Playdots company events as part of various event-planning committees.


Public Relations Officer | Vice President

RIT Game Symphony Orchestra Club | Rochester, NY
Sep 2018 - May 2020 | Aug 2020 - May 2021

Managed club social media accounts, planned fundraising activities, and led a team of over 10 designers in creating merchandise, posters, videos, and concert programs for events. | Assisted the club President with their duties, reserved rehearsal and event spaces, and filled in for any absent E-Board members.

SKILLS & TOOLS

Design

  • Adobe After Effects

  • Adobe Illustrator

  • Adobe InDesign

  • Adobe Photoshop

  • Figma

  • Google Suite

  • Microsoft Office


Programming

  • HTML

  • CSS


Productivity

  • JIRA

  • Monday

  • Notion

INTERESTS

  • Branding

  • Graphic Design

  • Interaction Design

  • Marketing Design

  • Motion Graphics

  • Print/Layout Design

  • UI/UX Design

  • Web Design


LANGUAGES

  • Native English

  • Conversational Japanese


RIT Game Symphony Orchestra Branding



PROJECT DESCRIPTION

Design a logo and create brand guidelines for Rochester Institute of Technology’s student-run Game Symphony Orchestra club.

ClientTimeframeDesign FieldPrograms
RIT GSO ClubFall 2017Branding, MarketingAdobe Illustrator, Adobe InDesign
ClientTimeframe
RIT GSO ClubFall 2017
Design FieldPrograms
Branding, MarketingAdobe Illustrator, Adobe InDesign

INTRODUCTION

RIT Game Symphony Orchestra is an active student-run orchestra club at Rochester Institute of Technology that plays music from video game soundtracks. They began recruiting members in 2017 and they needed a club brand to promote to both potential student members as well as the public.


MY ROLE & PURPOSE

As one of the founding members of the RIT Game Symphony Orchestra club, I volunteered to design a logo and create brand guidelines that future members could follow when creating graphics and promoting the club.


APPROACH & PROCESS

RESEARCH & PLANNING

RIT GSO

First, I compiled a collage of other video game orchestra logos in order to understand what already exists and to determine what the design trends are.I noticed that many of them evoke feelings of retro game nostalgia due to their use of pixels, older game controllers, and references to specific classic video games.


DESIGN & ITERATIONS

I wanted to create a design with a different style for this new game symphony orchestra group, and I decided to opt towards designing a logo that was more modern and followed more current design trends.

RIT GSO

I made my first iteration by modernizing the first logo that they had originally been using before playing around with the idea of a more modern controller set into a violin. However, these initial designs were met with mixed reception.

RIT GSO

In the end, I completely scrapped my original ideas in pursuit of new inspiration, which I eventually found in the form of the power button on one of my video game consoles. With a new-found base for designing, I eventually found my way towards the final design of a violin integrated into the power button circle. And they loved it!


FINAL PRODUCT

LOGO

BRAND STYLE GUIDE DECK


Fanzine Production, Graphics, & Formatting



PROJECT DESCRIPTION

Lead fanzine projects from concept through print production and fulfillment. Design logos, announcement graphics and animations, and other promotional materials to market various fanzines in addition to formatting the pages for digital PDF distribution and physical book printing. Additionally, assists in the management of contributors on the messaging platform Discord.

ClientTimeframeDesign FieldPrograms
Various Creators2021 - CurrentGraphic Design, Print Design, Marketing, ProductionAdobe After Effects, Adobe Illustrator, Adobe InDesign, Adobe Photoshop, Figma
ClientTimeframe
Various Creators2021 - Current
Design FieldPrograms
Graphic Design, Print Design, Marketing, ProductionAdobe After Effects, Adobe Illustrator, Adobe InDesign, Adobe Photoshop, Figma

INTRODUCTION

Fanzines are magazines produced by non-official and non-professional enthusiasts of a fandom (a community of fans of a particular person, subject, media, etc.) to be sold to other fans either for-profit or for non-profit organization donations.Project teams tend to consist of a head moderator who leads the project and the moderator team, various other moderators who are in charge of specific tasks and leading specific sub-teams, and contributors who create the main content of the zine and any merchandise sold alongside it.


MY ROLE & PURPOSE

When leading a zine, it was my responsibility to spearhead the project as a whole. I would act as the administrative leader creating project schedules and making overall executive decisions. I also ran the contributor application process and managed the moderator team.As a graphic design moderator, my tasks included designing marketing graphics that ranged from various assorted announcements to post on the project’s social media accounts to shop website graphics such as headers and bundle graphics promoting the fanzine and merchandise products.As a formatting moderator, it was my role to format the digital and, potentially, print layouts of the fanzine. This included preparing all of the contributors’ illustration and written work files for implementation into Adobe InDesign as well as choosing colors, fonts, and designing the pages themselves.


APPROACH & PROCESS

GRAPHICS

There are certain graphics that almost every fanzine project produces, such as those for interest check results, countdown announcements, contributor spotlights, and product bundle showcases.In approaching each graphic, I take into account both the design style of the graphic as well as its functionality, which includes how well it grabs the viewer’s attention, its readability, and the file size for uploading it to social media websites.

In addition to being informative and legible, I try to make announcements for time-sensitive events such as contributor applications and preorder timeframe reminders to be eye-catching.

Contributor spotlight graphics highlight each contributor of the project, and they tend to feature a sample of work made by them as well as a short blurb. This means that element placement is very important in terms of creating hierarchy.

Overall, bundle graphics and merchandise spotlights display all of the products sold by the fanzine creators and highlight certain works. It’s always fun to arrange everyone’s pieces in a way where each item can shine, and it’s also interesting to brainstorm different ways to display certain information such as when there are multiples of an item or secret, unrevealed items.

Some fanzines request the creation of promotional videos to celebrate certain milestones the project passes, such as the launching of preorders. Making sure all of the necessary information comes across within a certain timeframe while also showing enough of the content to raise interest with supporters without giving too much content away is challenging, but I always enjoy promoting everyone’s beautiful works!

FORMATTING

POISON APPLE
| Digital | Physical |
Folklore, fables, myths, and legends

WILD HUNT
| Digital | Physical |
Final Fantasy XIV Video Game Character Zenos

TRES ELEGANT
| Digital | Physical |
Spy x Family Anime Vintage Ads

LOVE WORDS
| Digital |
Vocaloid Virtual Singers

In terms of formatting, I use Adobe Photoshop to integrate the zine title logo with the cover illustrations, and I prepare all of the files to be implemented into Adobe InDesign. I then use InDesign to format the images and written works into a singular PDF file that we distribute digitally or, potentially, send to printers for physical printing.


FINAL PRODUCT

PHYSICAL FANZINE


Overview Zine Layout & Interface Design



PROJECT DESCRIPTION

Research the ethical issues regarding user data collection and and create a physical zine accompanied by mobile experience mockups on a team of six design students.

ClientTimeframeDesign FieldPrograms
University CourseFall 2020Print Design, UI DesignAdobe Illustrator, Figma
ClientTimeframe
University CourseFall 2020
Design FieldPrograms
Print Design, UI DesignAdobe Illustrator, Figma

INTRODUCTION

The collection and selling of users’ personal data and information is a prevalent topic within design ethics, and it raises questions such as whether or not it is ethical to gather user data, how much data and through what methods is data ethical to collect, and what users should be doing, if anything, about it.We aimed to create a zine and mobile interactive prototype within the span of 14 weeks that would tackle the aforementioned questions.


MY ROLE & PURPOSE

Of the content we were to tackle, the topics that I chose to research and write about were active vs. passive data and common methods of data collection as well as what a digital footprint is and how you can protect your own.


APPROACH & PROCESS

RESEARCH & PLANNING

Overview Research

During the research phase, our group worked together to compile a list of data collection related topics and we organized the topics into groups. When setting up our initial table of contents, we chose to create a narrative flow of introducing the reader to what user data is, how that data is used, specific data collecting companies and methods, and we conclude with how to protect your privacy.


DESIGN & ITERATIONS

Overview Mood Board

From the get-go, we were inspired by a 90’s pop aesthetic after reminiscing about nostalgic stranger danger advertisements. So, we each went about making our own mood boards and style boards to get an idea of the style each of us were thinking of.

Overview Style Board

As one might image, our six different 90’s themed styles were quite varied. So, we decided on two defined styles: a light theme and a dark theme. The poppy light theme would be used on spreads with content that had a lighter tone while the glitchy dark theme would be used on spreads that discussed more sinister information.

Overview Wireframes
Overview Visual Mockup Process

For the content of my first spread, I wanted to list different data collection methods and create icons for each of them. As for the second spread, I compare digital footprints to footprints on the sand at the beach, so I though of splitting the spread into water and sand sections.In terms of the interactive mobile interface, I wanted to show a couple of activities to show users what results from certain actions they take as well as what they can do to “hide” their data and protect their digital footprints.

Overview Visual Mockups Final

In my final iteration, I edited the style of my spreads to fit the new light theme our group had agreed upon. This included adding shapes in the background as well as the patterned shadows of the textboxes. I also rearranged the placement of the paragraphs in order to streamline the line of sight for readability, and by reusing the squiggle pattern from previous spreads, I was able to create a design that more subtly looks like ocean waves.We chose to show our mobile interactions in a similar way as Instagram’s stories to cater towards our Gen Z target audience. My first interaction allows users to perform actions and inform them what data could have been collected on them while my second interaction allows users to protect their digital footprints by tapping on their footprint data to hide them.


FINAL PRODUCT

PAGE SPREADS


MOBILE INTERACTION MOCKUPS


Two Dots Marketing Animations



PROJECT DESCRIPTION

Brainstorm marketing content and transform creative briefs into fully-animated advertisements for the mobile game “Two Dots” with the goal of attracting new players.

ClientTimeframeDesign FieldPrograms
Playdots2021 - 2023Motion Graphics, MarketingAdobe After Effects, Adobe Illustrator, Adobe Photoshop, Figma
ClientTimeframe
Playdots2021 - 2023
Design FieldPrograms
Motion Graphics, MarketingAdobe After Effects, Adobe Illustrator, Adobe Photoshop, Figma

INTRODUCTION

Dots was the mobile game studio who created the freemium puzzle game “Two Dots” for mobile smart devices. As with any game, Two Dots needed to be advertised to a larger audience in order to convert new players to support the game.


MY ROLE & PURPOSE

As a Junior Marketing Designer, I was tasked with helping to brainstorm new video content ideas and to design and animate the advertisements for “Two Dots” with the hopes that the creatives would cost-effectively reach new users who would spend money in-game.


APPROACH & PROCESS

THE CREATIVE SPRINT SCHEDULE

The creative process for animating Two Dots creatives ran on a weekly cycle of the following:

  1. The UA and Marketing Design teams brainstorm and discuss ideas for the upcoming creative production schedule.

  2. UA Team writes briefs describing the goals of the creatives for the following week.

  3. Marketing Designers choose finished written creative briefs from the previous week's brainstorm.

  4. Designers create an animation based on the guidelines of the brief.

  5. Designers post the creatives to the team channel for feedback (noted changes are made).

  6. Designers upload and submit videos and thumbnails for the UA team to publish in live campaigns.

  7. The UA team presents the KPI data from the previous week's batch of creatives to the design team in order to help influence new ideas for the next brainstorming session.


CONTENT BRAINSTORMING & STORYBOARDING

Creatives tend to follow a similar storyboard: introduction (optional), main content, and end card. Thanks to our team's testing throughout the years, we found elements that tended to work better in advertisements. So, when designing and animating creatives, I was able to take our team's best practices into account and speed up the output process.During the creative ideation phase, I tried to brainstorm new ideas that had not yet been attempted in the same way in addition to ideas that iterated off of previous concepts that performed well in the past.We usually prepared creatives in varying aspect ratios to accommodate for various platforms (eg. Meta, Unity, etc.).


PERSONAL FAVORITE CREATIVES

Some of my favorite creatives that I've animated explore character-focused ideas and themes of relaxation.

  • Displaying humanoid faces tends to resonate more with users, as generally seen by their usage on application icons, so we tested creatives that showcase Two Dot’s mascot character Emily.

  • One way we often promote Two Dots is as a way to destress, so we tried a creative that promotes relaxation with a copy that also challenges the intelligence of the viewer.

  • By taking a previously top-performing concept and applying a zen beach theme, we can keep the creative fresh and up-to-date with the season to help ease creative fatigue.


TOP PERFORMING CREATIVES

Some of the creatives that performed well included mixing and matching various concepts to create new iterations of top-performers.

  • While varying in execution between a simple, looping animation question, introduction cards with gameboard gameplay, and an explorative minigame puzzle, all of these creatives challenge the viewers brains and make them think.

  • These creatives also follow our best practices of asking a question in the copy placed above the gameplay, not being easily-solvable or not being solved correctly, and they also base their content on previously-explored and confirmed top-performing concepts and ideas (eg. circle puzzle).


FINAL PRODUCT

CREATIVE COMPILATIONS


Jubeat Spectra Motion Graphic



PROJECT DESCRIPTION

Design a motion graphic animation celebrating the 9 previous versions of the Japanese rhythm arcade game “Jubeat” and create an original version 10 brand.

ClientTimeframeDesign FieldPrograms
University CourseFall 2019 | Winter 2023Motion GraphicsAdobe After Effects, Adobe Illustrator
ClientTimeframe
University CourseFall 2019 | Winter 2023
Design FieldPrograms
Motion GraphicsAdobe After Effects, Adobe Illustrator

INTRODUCTION

Jubeat is a Japanese rhythm arcade game that, as of the original making of this project, has released nine different versions. I tasked myself with designing and animating an introduction video for Jubeat with a fake announcement for a personal imagining of version 10.


MY ROLE & PURPOSE

I wanted to design an eye-catching fake version 10 for Jubeat's brand and deliver it in such a way that it looks like it could be real.


APPROACH & PROCESS

RESEARCH & PLANNING

Jubeat Previous Logos

In designing a new brand for what Jubeat version 10 could look like, I took inspiration from past versions of the game. Previous Jubeat logos always took the iconic wordmark logo and added the version subtitle name with a theme applied to it.


DESIGN & ITERATIONS

I aimed to design my imaginary version of Jubeat Spectra, which is themed around prisms and the spectrum of color and light, to be modern and eye-catching. Originally, I thought to use dark backgrounds with small pops of rainbow colors and a triangle icon to represent a glass prism, but the overall designs looked quite subdued and not very visually interesting.In the end, I opted for all-around very bright and colorful visuals with a background effect as though the viewer is inside the glass prism itself.

Jubeat Storyboard Sketches

I knew I wanted the animation to be presented in a way that looks like an official introduction video. To accomplish this, I referenced one of the official Jubeat start-up videos and emulated the warning and credit screens by using similar typefaces and hand-tracing shapes. I also took existing phrasing from previous advertisements and created minimalistic graphics and animations.

The second half of my animation consists of showcasing previous versions' logos before "announcing" my imaginary tenth version. It was fun watching how each version was animated and then re-animating each logo on my own. I also took what I learned from animating the previous logos and implemented similar ideas in my own logo animation.


FINAL PRODUCT

ANIMATION