![](https://framerusercontent.com/images/SVVTd2hIUN7sH55qCQfr9xlQ.jpg)
Information & Communications
Mobile App
UX/UI Designer
July 2022 -Sep 2022
As the functions of telephones become more mature, one telephone has multiple funtions. However, since business still requires business trip, business is restricted and can only use telephones and these functions in the office.
We tried to integrate these functions into the app and make the user experience of each function consistent with telephone.
Design Background
What is Goodsip?
Goal
Contacts
Users can switch to a mobile phone contact or extension contact.
![](https://framerusercontent.com/images/TF0c71zchiUK0yKfSMZgnuHc.png)
![](https://framerusercontent.com/images/bxwk3qTVo28c7Z4Gw0cGoMSbX4.png)
Happy Net
2
![](https://framerusercontent.com/images/0bENWhIr7XbLLg8OJF3o0kKmWs.png)
Brand Identity
Color System
Typography Styles
System Color
These are the color palettes that are being used systematically throughout the platform.
Platform Color
These are the main branding colors & color themes, the main visual presence.
Dark Green
#21867A
Light Green
#D4F0EB
Primary Green
#4CD0B1
Secondary Green
#12AB97
Lighter Green
#F2FCFA
Light Blue
#708493
Primary Green
#4CD0B1
Primary Blue
#3A5977
Much Lighter Blue
#EAEDEF
Lightest Blue
#F6F9FC
Lighter Blue
#B7C1C9
Primary Blue
#3A5977
White
#ffffff
Title Primary
SF Pro Display 36pt/ SemiBold / 40px
Title Secondary
SF Pro Display 24pt/ Medium / 30px
Title Tertiary
SF Pro Text 16pt / Semibold / 20px
Body Primary
SF Pro Text 16pt / Regular / 22px
Body Secondary
SF Pro Text 14pt/ Regular / 20px
Body Tertiary
SF Pro Text 12pt/ Regular / 16px
Body Quaternary
SF Pro Text 10pt/ Regular / 12px
Label Primary
SF Pro Text 24pt/ SemiBold / 30px
Label Secondary
SF Pro Text / SemiBold / 14pt
Label Tertiary
SF Pro Text / SemiBold / 10pt
Caption Primary
SF Pro Text / Regular / 14pt
Caption Secondary
SF Pro Text / Regular / 12pt
Favorites
Set a Company or extension phone number as a favorites.
Calls
Can independently filter missed calls
Call
Video, recording, unlocking, transferring ... and other functions during the call.
Others
Many functions in the app use telephone technology.
![](https://framerusercontent.com/images/fcpmO51L1YH9vKAN7jiUyQzw.png)
![](https://framerusercontent.com/images/wPlXSb5dRzVeWtjPqjqHC4QA.png)
![](https://framerusercontent.com/images/zu2IcEOI1IzYgUNJ4EHiaixpFKU.png)
![](https://framerusercontent.com/images/pnlLHdr6fzwK4kTku4SXvmPW5o.png)
![](https://framerusercontent.com/images/4B74KVQbkTOjRF7OK7g65rTXI0.png)
![](https://framerusercontent.com/images/UaZTCsUJnB01N6MtNpKZpRvA.png)
![](https://framerusercontent.com/images/gbJDctm6uqoBaG20bI4GSwpvzYA.png)
Login
Binding phone to obtain authentication code.
![](https://framerusercontent.com/images/V2CC8J65A1KsNugx8SClOLwpciI.png)
![](https://framerusercontent.com/images/YsDby88FvEs5VHU7hprdXsRXqrI.png)
![](https://framerusercontent.com/images/ZYpv8THr2iVgx1xcNZK4sMBQRc.png)
![](https://framerusercontent.com/images/L0cktkXoG3HKexiIs67zZUiP9Y.png)
Mobile Features
Ext. Follow
Sys. Follow
Broadcast
Pickup
Voice Mail
Meeting
Recordings
Unlock
DNT
Call Credit
Life Style
Shopping
System Dial
List Dial
Monitor
Auto Dial
Play Intro
Call Test
Auto Answer
Favorites
Home
Calls
Contacts
Call