Based in Seoul, KR
- New York, US


safesea_thumb
Safe Sea
UI UX Design Graphic Design
September, 2021 - December, 2021
Seoul, South Korea
Awards
6th Marine Information Utilization Idea
Competition 2021, Top Prize
As a UX UI designer, I was responsible for identified and analyzed the usability issues of the existing app service through usability testing. Based on the results, I created a new brand concept and designed an app service that aligns with this concept.

About Safe Sea app

An app by the Ministry of Oceans and Fisheries and is that Informs all sea related information
and real-time hazards for each sea characteristic in the East Sea, South Sea, and West Sea in South Korea.

safesea_map
Arrow
safesea_the_process

The Current Experience

Draw a Task Workflow Diagram to understand the problems of current app.
Overall there are many inconveniences because the menu is missing, and there are many menus with overlapping functions, so it needs to be integrated into one.

safesea_current_experience
Current Information Architecture
Arrow
safesea_persona

Usability Testing

Conduct usability testing with users of 3 types of personas
After presenting 3 to 6 different tasks to users corresponding to the three types of personas, usability tests were conducted through Tobii eye tracker.
The test results were analyzed based on the following Usability Testing Scale.

safesea_usability_scale
Arrow
netflix_ia_1
netflix_ia_5
netflix_ia_2
Usability Testing with Tobii Eye Tracker
netflix_ia_1
netflix_ia_5
netflix_ia_2
Eye Tracking Results
Arrow
safesea_usability_scale

Direction of Design Improvement
safesea_visual_concept

Low-fi Wireframes

Before embarking onto preliminary user testing and high fidelity mockups, brainstormed on potential UI designs, illustrating wireframes to get a feel for the app and its core features.

safesea_lowfi
makewith_blank

App Logo Design

Redesigned logo expressed the feeling of the sea water starting with light blue and becoming darker,
and designed it simply with the waves and the logo of the Ministry of Oceans and Fisheries.

Inspiration
heartbeat2 Layer of the ocean
heartbeat2 Road Sign
Arrow
safesea_design_concept_color
Safesea Color Concept
safesea_logo_process
Logo Design Process
Arrow
Final Logo Design
safesea_logo_var

Outcomes
safesea_overview1
Two modes depending
on the purpose of use
  • Complete separation of summer mode and ship mode
  • Designed to set up vacation spots of interest
  • Change detailed help pages to slide
Distributed details,
compressed into one
  • Provides associated and recent search functionality
  • Attaching a variety of visual materials to distract attention
  • Distributed information into one page of each region
safesea_overview1
safesea_overview1
Setting up intuitive icons
and easy-to-move map layers
  • Separating symbols for vacation information
  • Add the ability to save user-customized layer settings
  • Use intuitive icons

The Final MVP Products
safesea_final_mvp