juna_logo
×

PROJECT

ABOUT

icons icons
hamburger-icon
  • PROJECTS
  • ABOUT
  • |
  • icons
  • icons
  • insta_icon
  • icons

Sesame Cash

arrow-right

A financial management platform in the U.S.

Case Study

onboards-new

STACK Finance

arrow-right

A mobile app for digital financial platform.

Case Study

STACK

Ritual.co

arrow-right

A global social food-ordering platform.

Case Study

ritual

Design System

arrow-right

A design system for Credit Sesame.

Design System

designsystem-creditsesame

Aura Loyalty

arrow-right

A white-label project of loyal rewards app.

White Label

When I Work

arrow-right

A shift-based workforce management product.

Case Study



2024 Jayleejunha.com



Mobile Music app

Mobile / UI,UX




onboarding_display

College Onboarding App

Mobile UI/Illustration










fav_icon
                            PROJECT PURPOSE

The onboarding screens are designed to provide the Multimedia Design students with an overview of how they can navigate school facilities and communities.






fav_icon
                            APPROACH

I applied illustrations to each page so that the students can grasp the content of each page at a glance.






ILLUSTRATIONS





il_1 il_3 il_2 il_4






fav_icon
                            COLOURS

I picked the colours considering the theme colours of the college, and only used 4 colours to make the illustrations simple and intuitiely recognizable for the user.






onboarding_colour_1
                            onboarding_colour_2
                            onboarding_colour_3
                            onboarding_colour_3








fav_icon
                            OUTCOME



onboarding_page_1 onboarding_page_3 onboarding_page_2 onboarding_page_4






ANIMATION


onboarding-gif














NYT Music

Web/UI,UX






nyt_annotation  PROJECT

The New York Times(NYT) is one of the biggest newspaper companies in the world, founded in New York City September 18, 1851. I designed the music streaming website from NYT, collaborated with Spotify.



New York Times Web Page
current_web_1

Spotify Web Page
current_web_2





nyt_annotation  DISCOVERY

NYT has symbolic fonts which represent the company; Cheltenham is used for its headlines, and Arial is used as its sans serif font. The main font has changed from Times New Roman to Georgia. -The design of the NYT website is very simple, and mostly is in black and white. I analyzed that this is to keep the iconic image of New York Times newspaper. -The Spotify website is somewhat overcomplicated so it is difficult for the user to find what they want; some images and letters are too small. -The icons are too illustrative and decorative.






nyt_annotation  CHALLENGE

NYT has symbolic fonts which represent the company; Cheltenham is used for its headlines, and Arial is used as its sans serif font. The main font has changed from Times New Roman to Georgia. -The design of the NYT website is very simple, and mostly is in black and white. I analyzed that this is to keep the iconic image of New York Times newspaper. -The Spotify website is somewhat overcomplicated so it is difficult for the user to find what they want; some images and letters are too small. -The icons are too illustrative and decorative.






nyt_annotation  WIREFRAME / ANNOTATIONS

current_web_2










current_web_2
current_web_2






nyt_annotation  ICON REDESIGN

I simplified the icons
icon_old icon_new







nyt_annotation  FONTS / COLOURS








nyt_colour_1
                            nyt_colour_2
                            nyt_colour_3








nyt_annotation  OUTCOME

nyt_outcome








ANIMATION

nyt-gif








LESSON

NYTM project has given me a chance to practice maintaining and revising a brand identity at the same time. I was able to concept a new flows for the website from a user’s perspective. Although this project may never happen in reality, this was an interesting project, and I learned a lot.


food_animation

Tunite Music App

Mobile / UI






pf

sPot

Mobile / UI,UX

A mobile parking app / Teamwork







PROJECT PURPOSE

I designed the app that provides the user with parking lot information. The user can book a parking spot and pay through the app.





USE CASE

sPot sPot




USE SCENARIOS

USER 1

  • Identify the vehicle a user has
  • Search for parking lots around a user, which are available for the vehicle a user has.
  • Choose a parking lot.
  • Choose a date and time when a user want to park a car.
  • Available parking lots are shown, filtered by the time and date.
  • Choose a spot
  • Decide to book a spot.
  • Confirm the reservation information including the address.
  • The parking spot, the vehicle type, the time, the date, and the price.
  • Choose a payment method.
  • Payment pages based on the types of cards
  • Navigation in the app directs a user to the parking lot.
  • The information of parking is recorded in the app.
  • A user can favorite a location and spot a user prefers.


USER 2

Basic Flow:
  • Logging into the parking lot application.
  • Check nearby parking locations.
  • Check parking availability.
  • Book the parking lot
  • Pay with credir or debit
  • confirm payment.
  • Validate parking payment in Entrance by scanning mobile app screen.
  • Provide access for parking.
  • Park the car
Alternative Flow:
  • Payment failure: Displaying Error Message
  • Cancel booking
  • Cancelled Payment Refund to user's account





SKETCH

sPot



sPot




Style Tile

sPot




LOW-FI WIREFRAME

sPot





ANNOTATED HI-FI WIREFRAME

sPot





PROTOTYPE

Invision or Sketch









Lego Instruction

HTML/CSS/JQuery/JavaScript






Yuki Nakazima

HTML/CSS/jQuery/PHP

A blahblahblhalbhalbalh website




Death Penalty

Interactive Installation





PROJECT PURPOSE

This project was for my graduation project in Visual Communication Design at Konkuk University. I intended to design an interactive installation where the users can physically initiate pulling a rope and engage themselves in the process of the death penalty.






BACKGROUND

sPot
The number of death sentences handed down and executions The Guardian on Dec. 13, 2013

Due to controversies, the number of countries where the death penalty is legal has decreased substantially over the past few decades. Currently, the large majority of countries have either abolished or discontinued the practice. 58 countries retain capital punishment in both law and practice, and 28 countries have not excuted anyone during the last 10 years and are established practice of not carrying out executions. 7 countries have abolised it for all crimes.






MATERIAL

sPot

Pulley

Currently, there are several methods for capital punishment including lethal injection, electrocution, the gas chamber, firing squads and hanging. Hanging is the longest method of execution and is still used. To conceptualize and visualize the death penalty, I chose to use rope and pulley as material because rope and pulley is a symbol of hanging and it is tangible.






CONCEPTUALIZATION

sPot
I jointed two pullies by rope. The two random users stand and face each other, and pull the ropes up and down. The action of pulling the rope down refers to "agree" with execution. On the other hand, the action of pulling the rope up, which represents that the criminal is released, refers to "disagree" with execution.






PRINCIPLE

death-penalty-principle
Two screens are placed between the users, so the users can't see each other; which symbolizes anonymity. However, through the rope, they communicate each other, agreeing and disagreeing with the execution. There may be conflict when both users pull down the rope in the same direction, vice versa.






VISUALIZATION

sPot
The screens show the images of darkness and light. They respectively refer to life and death. When the user pulls the rope down; to agree with execution, the light decreases and the darkeness increases. This works the same the other way around.






TECHNICAL SOLUTION

sPot
I disassembled a mouse and joined the wheel of it with the pulley. Therefore, the mouse wheel scrolls in the direction as the user pulls the rope up and down. I used the software, Processing to program this.
Disassembled mouse
sPot





INSTALLATION

The display of the installation in the exhibition.
sPot



Animation
death-penalty-gif





Mobile Schedule App

Mobile / UI,UX



In the process..


death_penalty