ROZELLA
Cart 0
Cart 0
ROZELLA
digital designer
 
 
 
 
 

Capital One brand Portal

An internal site for Capital One associates and agencies. The portal served as a single source for articles, brand strategy, brand standards, and resources to better reinforce company branding. Google Analytics, surveys, and user testing influenced functionality and design. The experience combined a proprietary digital system with a new UI to reflect the evolving brand standards. Column-based modules create an array of page layouts set up with an in-house CMS and DAM.

 
 

Process & Role

 

TIMELINE

2YRS+

Lead Art Director, UX/UI Designer, QA

RESEARCH & ideation

I attended large stakeholder strategy sessions and contributed competitive research to align with the look, feel, and direction of the site. I then designed and prototyped solutions that I presented to the creative director and the executive team.

Wireframes & testing

Further along in the project, we conducted usability and user tests internally to validate tools and flows. I was tasked with outlining the goals and designing the prototypes for testing. We used UserTesting.com and shared the link with "Brand Champions" and teams within the company. Google Analytics was also used as a basis for control.

SYNTHESIS

Pixel-perfect PDFs were my only handoff for development. Once the staging link was received, everything was painstakingly QA-tested. I also played a large role in the CMS entry in order to maintain the desired hierarchy and aesthetic for each page.

Once the Capital One Brand Portal soft launched, we began to refine key integrations and focus on customization and notifications for the site. We continued to use month-long agile sprints for improvement releases.

I later made a study guide for how to create and input Brand Portal pages. This was used as an onboarding tool for new contributors to the Brand Portal's news and new page content.

 
 
screens.png
 
 
 

BRAND BUZZ

Catch-up on brand news

ipad-capital 01.png
 
 
 
 
ipad-capital 02.png

RESOURCES

Grab the most used assets

 
 

Font

Optimist

font.png

Colors & cOMBINATIONS

color.png
combinations.png

Illustrations

illustrations.png

BUTTONS

buttons.png

INPUT FIELDS

input.png

PAGINATION & DECORATION

pagination-decoration.png

ICONS

icons.png

CARDS

cards.png

modal overlays

modal.png
 

SWAG sticker

swag.png
1.png
 
 

GEICO App

This case study promoted the design and ease of use of GEICO’s redesigned app. The app has since been recognized as no. 1 in the industry for 4 years in a row. This project took 2 years from concept to development.

 
 

process & role

 

TIMELINE

2YRS

UI/UX Designer

research & ideation

GEICO was one of our favorite clients because they gave us a lot of flexibility to reimagine the app. They had an existing app that needed a complete overhaul. The team was small, so we relied on a lot of brainstorming and closed-door sessions to get our initial ideas and user flows down. We began to flush out the different screen designs and iterated from there. Each section of the app had a dedicated icon and brand color.

SYNTHESIS

The development of the app was handled by the client. We delivered each designed screen and all of the cut assets—including an ico-moon font set, a GUI kit, and a copy deck.

 
 
2.png
 
3.png
 
4.png
 
font.png
 
6.png
 
7.png
 
8.png
 
9.png
 
10.png
 
11.png
 
12.png
 
cards.png
 
14.png
 
 
 
 
 
 
 

Ritz

This was a website redesign for Ritz. The new “back-of-the-box” concept was the design inspiration for the site. It was important to inject playfulness where we could. This was achieved with parallax scrolling crackers, animated cracker illustrations, and fun button hover states.

 
 

PROCESS & ROLE

 

timeline

6MO

UI/UX Designer

SYNTHESIS

The development of the app was handled by the client. We delivered each designed screen and all of the cut assets—including an ico-moon font set, a GUI kit, and a copy deck.

 
 
screen.png
 

products

Explore all of the varieties

iphonex_ritz01.png
 
 
 
 
iphonex_ritz02.jpg

PRODUCTs

At-a-glance nutrition information

 
 

Font

Eames & Proxima

font.jpg

Colors

color.png

imagery

crackers.png

TEXT LINKS & BUTTONS

buttons.png

ICONS & Decorative elements

icons.png
tags.png

product hover states

product.png
 
 
 
 
 
 

schork

This project included rebranding, website redesign, and web app design. The client does predictive analytics for global commodities. They have a very loyal customer group, but they were looking to expand their reach and white label their product for larger companies.

 
 

PROCESS & ROLE

 

timeline

10mo

Art Director, UX/UI Designer

RESEARCH & IDEATION

Because of the large amount of onboarding and knowledge sharing about the company, a lot of the upfront meetings were about trying to understand their product and how we could help automate their daily and weekly reports.

SYNTHESIS

Since development and integration were such a large part of the project, we were limited to the capabilities of the developer and what we could do with third-party vendors as a way to track subscriptions and logins.

 
 

web app

Above: four page examples from the proposed web app experience. The final screen is an example of their rebranded white labeled product.

 


personality

 

During initial meetings, we conducted personality interviews along with short exercises to get to know Schork and the new direction for the brand. The core traits and personality sliders below were the outcome. This helped kickoff the rebranding and lived in the style guide as a way to anchor these traits across branded material.

 
 
 

LOGO

 

Font

knockout & INTER

Colors

photography

icons

charts & graphs

postcard

 
 
 
 
 
 

GEICO

After developing both the app and a site reskin, this final project was the full redesign of GEICO’s online experience. We re-imagined the sites look and adjusted its content to give each page proper hierarchy to maximize user flow. We developed a new library of functional elements, colors, and imagery. The year long project resulted in a new sophisticated look for the brand.

 
 

PROCESS & ROLE

 

timeline

1yr

UX/UI Designer

RESEARCH & IDEATION

Having a very close, long-term partnership with GEICO, the parameters of the project were loose—refresh the design of the website. Consisting of the same five core team members from the GEICO App, we already had ideas about how we could update the existing website.

TESTING

My job was to take the approved page concepts and create component libraries by defining styles and elements for how they would be used across the site.

SYNTHESIS

Each individual component was developed by us. We did this by creating a live-coded guide (including transitions) for the GEICO team to simply copy and paste into their HTML. Rigorous reviews were done before handoff.

 
 
screens.jpg
 
 

policy

Easily make
a payment

iphonex-geico01.png
 
 
 
 
iphonex_geico02.jpg

ASSISTANCE

Quickly
get to what
you need

 
 

Font

Lato

font.png

Colors & Gradients

colors.png
gradients.png

BUTTONS & FIELDS

buttons3.png
fields.jpg
slider.png

ICONS

icon.png
 
 
 
 
 
 
 
 
 
 

Norwegian Cruise Line

(adjust volume or view on Vimeo)

The goal of this parallax micro site was to give first time cruise goers a peek into the unexpected. Bright and colorful full frame photography integrated subtle animation, much like a cinemagraph. Each section is separated with a wave, mimicking the logo. The end result energized and highlighted the multitude of activities for you to choose from on your next Norwegian Cruise.

 
 

process & role

 

timeline

4mo

Designer

RESEARCH & IDEATION

The concept for the site was already approved by Norwegian. We were tasked with thinking through each section and sourcing the right imagery. The overlays brought in the brand's gradients and harmonized each section.

SYNTHESIS

Cinemagraphs are what ultimately brought the site to life. We had fun conceptualizing what would be the subtle element within each section to animate. Photoshop files and animations were the final deliverables.

 
 
 
 
 
 

Goodwin Law Firm

Goodwin’s new branding had just been completed, and needed to be implemented on their website. Bold colors, patterns, and fonts helped convey the new identity while the navigation and animations brought the site to life. Results were an easy-to-use site for potential clients and showcased Goodwin’s many case studies and contributions.

 

process & role

 

timeline

10mo

UX/UI Designer

RESEARCH & IDEATION

The brief used the word quite a lot—unprecedented. The firm needed a reimagined site that didn’t feel like a typical attorney site. The homepage was just the place to add interest. We had to templetize some of the other pages, but the homepage set the tone.

SYNTHESIS

The development of the site was handled by an outside agency. We were limited by some of their capabilities, but we were happy with the compromises we made. When it came to transitions or animations that we really pushed for, we relied on our development team to create and hand them off.

 
 
 
computer.png
 
 
 


APPROACH

See what Goodwin is all about

iphonex-goodwin 01.png
 
 
 
 
iphonex-goodwin 02.png


our people

Get to know
the global team of lawyers

 
 

Font

Proxima Nova

font.png

Colors & patterns

color2.png
pattern.png

Illustrations

illustrations.png

Buttons

buttons.png

SELECT BOX & ACCORDION

fields.png

Tags & PAGINATION

tags + pagination.png

icons

icons.png

cards

cards.png
 
 
 
card.jpg
 
 

Discover

This was a large national project featured in nine metropolitan cities. The multi-faceted campaign consisted of print, out-of-home, bus and train wraps, and subway and square takeovers. The art was created by Dutch illustrator Noma Bar. The color palette was limited to blue, orange, and white, making it distinguishable in any space and in every city.

 

process & role

 

timeline

4mo

Designer

setup

This was a large effort on the part of three designers to get the art delivered to each destination city in a timely manner. Templates with the appropriate specs were essential for building these out.

SYNTHESIS

The design was flexible enough to accommodate the wide variety of OOH scinarios extremely well. I handled a lot of the mockup work and QA of teammates work before sending to the vendors.

 
 
art.jpg
 
newspaper.jpg
 
billboards.jpg
 
font.png
 
bus.jpg
 
 
 
 
 
 

Chevy Positivity Pump

(adjust volume or view on Vimeo)

This was a global campaign that partnered Chevy and IBM Watson to give users a positivity score from their social media posts. To promote the digital campaign, Chevy took over gas stations to give away gas based on scores. Translated into 9 languages, the end result was a unique experience that spread positivity around the world and increased awareness of Chevy’s tagline “Find New Roads.”

 
 

process & role

 

timeline

2mo

UX/UI Designer

RESEARCH & IDEATION

The initial pitch and design had already been approved by the time I joined the project. I helped to concept, create, and source new assets for the experience.

SYNTHESIS

The designs contained a lot of badges and icons translated into eight languages. I owned the delivery of these assets. I set up an Illustrator template and used ico-moon to deliver the final files for development.

 
 
screen.png
 
 

get started

Start by
signing into your social media

iphonex_chevy01.png
 
 
 
 
iphonex_chevy02.png

tally

Watch it generate your score

 
 
 
 

result

Your unique positivity score

iphonex_chevy03.png
 
 
 
 
iphonex_chevy04.png

new roads

Try something new that fits your personality

 

Fonts

Louis & Arial

font.png

Colors

color.png

Illustrations

slider.jpg
 
 
 
 
illustration-badge.png
illustration-crave.png

Buttons & Select box

buttons.png

ICONS