Skip to main content
데브파이브
A smartphone displays the Shinhan Bank 2021 Performance Review mobile screen against a dark navy background.
Complete the Follow-up Questionnaire / Go to Questionnaire / Hello, Kim Shin-han / S Point 5,000.
Menu: Performance Review Metaverse, Performance Review Gallery, Performance Review TV, Strategy Insight Report, RE:BOOT Shinhan, Appreciation Relay, O-Rak Room.
2021 Shinhan Bank Performance Review

This project was a dedicated frontend lead development effort to build an interactive digital event webpage that delivers Shinhan Bank’s year-end performance review in a more engaging and immersive format.


Shinhan Bank wanted to move away from the conventional evaluation system and provide a new type of review experience where employees could participate voluntarily while enjoying the content. To break the rigid tone of traditional performance reviews, the event included a variety of content formats such as metaverse experiences, videos, and image-based sections.


The client also required an intuitive but entertaining UI/UX and strong cross-platform compatibility to ensure stable operation across both mobile and web environments.


To meet these needs, we led the development of a React-based SPA event webpage and built multiple content tabs—such as the Metaverse Space, Performance Gallery, and Performance TV—along with responsive web optimization, ultimately delivering a digital event platform that provided Shinhan Bank employees with a more innovative performance review experience.

Production Period2021. 11 - 2021. 12
ClientShinhan Bank
TechnologiesReact.js, TypeScript, Vite
Client Requirements
& Project Direction
Through client interviews and consultations we derived the project's core requirements, and based on those insights we designed it around five areas that needed improvement from user experience and brand perspectives.
1.
Build an immersive digital event that makes year-end performance review enjoyable like a game
2.
Implement fast page transitions and a smooth user experience with a React-based SPA
3.
Design diverse content tabs including a metaverse space, review gallery, and review TV
4.
Optimize a responsive web that delivers the same experience on PC and mobile
5.
Strengthen participation accessibility by improving performance through loading speed and image lightening
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Light and dark versions of the 2021 Shinhan Bank Performance Review color system.
Primary #00016E, Primary Bg #E2E7F1, Secondary #65687F.
Grayscale: #FFFFFF, #A2A2A2, #000000.Light and dark versions of the 2021 Shinhan Bank Performance Review color system.
Primary #00016E, Primary Bg #E2E7F1, Secondary #65687F.
Grayscale: #FFFFFF, #A2A2A2, #000000.
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.Light and dark versions of the 2021 Shinhan Bank Performance Review color system.
Primary #00016E, Primary Bg #E2E7F1, Secondary #65687F.
Grayscale: #FFFFFF, #A2A2A2, #000000.Light and dark versions of the 2021 Shinhan Bank Performance Review color system.
Primary #00016E, Primary Bg #E2E7F1, Secondary #65687F.
Grayscale: #FFFFFF, #A2A2A2, #000000.

Take the for your business,

All you need is an idea. From the first consultation to launch, DevFive is by your side.
Contact Us Now
Quick Inquiry