Catalina Eshelman, Spring 24

Page 1

CATALINA ESHELMAN DESIGN WORK 2020 TO 2024
“It’s hard to see things when you are too close. Take a step back and look.”
- Bob Ross
04 34
44

UX/UI DESIGN

WEB DESIGN GRAPHIC DESIGN

Smartdose

Prescription Management Technology

FIGMA • ADOBE ILLUSTRATOR • ADOBE PHOTOSHOP • POWERPOINT

Smartdose is a pill management system that assists users in organizing their prescriptions. Equipped with a smart pill dispenser, users can easily schedule complex medication routines through the Smartdose application. Other features include medication adherence tracking and direct contact with medical professionals to receive recommendations on medication schedules.

06 | UX/UI Design

Red Orange

HEX #F05323

Mustard

HEX #FAA21D

Navy Blue

HEX #161F48

Pure White

HEX #FFFFFF

Primary Logo

smartdose

Secondary Logo

User Personas

Age 22

Patient Low Risk

Location Vista, CA

Relationship Single

Occupation Barista

Jess Mauss

Bio

Even though Jess is a low-risk patient, she struggles with attention-deficit/hyperactivity disorder (ADHD) and remembering to take her prescriptions at the right time. She balances four different psychiatric drugs in addition to her birth control.

Goals

• Managing prescriptions

• Easy access to prescription refills

Frustrations

Jess has a busy schedule balancing her barista job and going to school full time. She also gets frustrated with her medication schedule because she often forgets what time she needs to take each specific prescription.

Smartdose Experience

Education College Junior

Jess has a busy schedule balancing her barista job and going to school full time. She also gets frustrated with her medication schedule because she often forgets what time she needs to take each specific prescription.

08 | UX/UI Design
ADHD Patient

Zoe Williams

Chronic Kidney Disease Patient

Bio

Zoe is a high-risk patient because she was born with chronic kidney disease. Without proper treatment, this disease can be life threatening to Zoe.

Goals

• Staying on track with prescriptions

• Connecting with doctors

• Tracking prescription adherence

Frustrations

Zoe has to spend a lot of time in doctor’s offices in order to make sure her medications are working properly, which is challenging as an active twelve year old.

Smartdose Experience

Zoe and her mother, Donna, use Smartdose to share Zoe’s prescription information digitally through the caregiver feature. They also track Zoe’s prescription adherence through the Remote Therapeutic Monitoring feature which her health care providers also have access to.

Age 12

Patient High Risk

Location Miami, FL

Relationship Single

Occupation Student

Education 6th Grade

UX/UI Design | 09

Fitness Pro

Health Tracking Application

FIGMA • ADOBE ILLUSTRATOR • ADOBE PHOTOSHOP

Fitness Pro is a health tracking application for desktop and Apple Watch usage. It utilizes gamification to motivate the target audience which include individuals who are new to fitness. Users are also paired with an AI trainer to help them make improvements and track progress on their fitness journey.

12 | UX/UI Design
16 | UX/UI Design
UX/UI Design | 17

SoundGenius

Podcast Application including User Testing

FIGMA • ADOBE XD • ADOBE ILLUSTRATOR • ADOBE PHOTOSHOP • MAZE

The Sound Genius application was built as part of a user case study. The purpose of the case study was to conduct user testing and implementing that feedback into the design of the Podcast application. The goal of implementing data retrieved from user tests was to make the platform overall more user friendly by pinpointing where users were struggling to navigate in the application.

18 | UX/UI Design
UX/UI Design | 19
20 | UX/UI Design
UX/UI Design | 21

User Testing

Through the Figma to Maze plug-in, user tests were conducted in order to find how the application could be improved for usability purposes. The heat map from Maze’s testing indicates the trending locations where users were clicking. The tests provided evidence that the application was accessible to users and easy to navigate.

The first prompt users were given during testing was to navigate to the currently playing podcast, Circle Time.

From there, users were asked to find the podcast anything goes, in the podcast library page.

22 | UX/UI Design
1. 2.

Once users navigated to anything goes in the podcast library, they were then prompted to search for the Crime Junkie Podcast.

Finally, once users successfully navigated to the search function in order to find the Crime Junkie Podcast, the user tests were complete.

UX/UI Design | 23
3. 4.

Wander

Pre-Travel Education Application

Wander is a mobile pre-travel education application that offers insight into cultural norms, tips for avoiding potential trip pitfalls, and allows users to experience cultures by discovering popular destinations amongst locals. Wander incorporates AI technology to assist the user in rehearsing cultural practices that are typical to the place they plan to visit as well as other features such as trip briefing courses, local favorites, and a community page.

24 | UX/UI Design
FIGMA • ADOBE ILLUSTRATOR • ADOBE PHOTOSHOP • ADOBE LIGHTROOM • POWERPOINT

Primary Logo Secondary Logo

Typography

Ab

Ab

Outfit Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Outfit Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Ab

Outfit Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Ab Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

HEX #545BA8

Lavender

HEX #A7A2F9

HEX #FAFAFA

Off White Fog

HEX #C5BDBC

Bright Indigo
UX/UI Design | 27

Project Pitch Deck

28 | UX/UI Design
30 | UX/UI Design
UX/UI Design | 31
34 | UX/UI Design

Suklaa Chocolate Brand Website Design

FIGMA • ADOBE ILLUSTRATOR • ADOBE PHOTOSHOP • POWERPOINT • WEBFLOW

Suklaa is a Finnish chocolate company who requested a full re-brand for this project. Additionally, the client requested a fully responsive website with their new branding applied to it using a combination of Figma and Webflow. For this, an e-commerce flow was built out entirely for Suklaa customers to purchase products online.

36 | Web Design

HEX #ff5543

Pistachio

HEX #a4cc37

Finnish

HEX #143149

Ice

HEX #3ddee2

Primary Logo

Secondary Logo

Logo Bug

Typography

Ab

Ab

Manofa Condensed Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Manofa Condensed

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Ab

Ab

Avenir Next Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Avenir Next

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Berry
Web Design | 37

E-Commerce User Flow

For this project an e-commerce flow was built in Webflow so that users could purchase Suklaa products on the re-branded website.

1.

Step one of the e-commerce flow would be for users to navigate to the products page of the website.

2. Next users would simply select the product the quantity and then add it to their

40 | Web Design

product they want to purchase, enter cart.

Users could then look at the items in their cart by selecting the “cart” button and either continue to check out or remove the item from the cart. 3.

Web Design | 41

E-Magazine

Arizona Outdoors E-Magazine Design

FIGMA • ADOBE ILLUSTRATOR • ADOBE LIGHTROOM

This e-magazine was designed for an Arizona hiking and outdoors brand, Trails & Tales. The client requested six different articles: three minor, two major, and a Q & A section. They also requested a page for users to subscribe as well as a page to showcase popular hiking trails around Arizona. Advertisements were created by a different member of the team. All photo elements were taken or created by members of the Trails & Tales team.

42 | Web Design

Cañón 49 Campaign

Social Media Campaign

ADOBE ILLUSTRATOR • ADOBE PHOTOSHOP • ADOBE INDESIGN • INSTAGRAM

With Grand Canyon University’s relaunch of Cañón 49, the marketing team requested a social media campaign to increase student engagement and traction to the campus restaurant. Each designer working on the project was assigned a Cañón 49 special that correlates with a day of the week. These assets were launched to promote Street Taco Tuesday on the GCU Dining @gcudining Instagram account. Campaign copy writing was by Grand Canyon Education Copy Writer, Blake Capriotti.

46 | Graphic Design

TACO TUESDAY STREET

TRY OUR $10

TUESDAYS 4 - 9 PM street taco trio

TUESDAY STREET STREET

STREET TACO TUESDAY STREET STREET TACO TUESDAY STREET STREET STREET TACO TUESDAY STREET

STREET TACO
STREET
Graphic Design | 47
48 | Graphic Design Animated
Story Post
Graphic Design | 49

Christmas Campaign Social Media and Print Campaign

ADOBE ILLUSTRATOR • ADOBE PHOTOSHOP • ADOBE INDESIGN • INSTAGRAM

This campaign was created for Grand Canyon University’s Housing Department to inform students that campus would be closing over the Winter Break. The client requested something that would grab student’s attention primarily on social media, but could also be recognized through physical means seen around campus. This was one of five campaign designs presented to the client, and was the final design the client selected. These assets were launched on the GCU Housing Operations @gcuhousingoperations Instagram account. Campaign copy writing was by Grand Canyon Education Copy Writer, Sara Riley.

50 | Graphic Design
Graphic Design | 51
52 | Graphic Design
Graphic Design | 53

Hippy Swirl Font

Novelty Font Design

ADOBE ILLUSTRATOR • FONTSELF • ADOBE PHOTOSHOP • ADOBE INDESIGN

This was a project run through Grand Canyon Education, the client requested a font that was designed as a novelty font unique to the designer’s interests. Each designer working on the project was allowed to create rules for their individual font that would make their font consistent and unique to them. Once the font was turned into an open type file, then a poster was designed to display the essence of the font. Font copy writing was by Grand Canyon Education Copy Writers Sara Riley and Marshall Angst.

54 | Graphic Design
Graphic Design | 55

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.