logologo
라이트 테마 버튼다크 테마 버튼
#Mobile App
#Finance / Fintech
#Content Management
#Utility Features
#React
#Vite
#Node.js
#UI/UX Design
2021 Shinhan Bank Performance Review
Shinhan Bank
portfolio-top-image/file/2025_05_12/1747036681079_신한은행-1.webp
Year of Production2022
Production Period2 months
Technologies UsedReact.js, TypeScript, Vite
ABOUT

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.

Client Requirements

1️⃣ Build an engaging and immersive year-end performance review digital event

A digital event experience was required to present the year-end performance review in a way that felt engaging and immersive. The key requirement was to move beyond the existing evaluation format and design a new review experience that encouraged voluntary participation by letting employees enjoy the content itself. The client requested a variety of multimedia formats—including metaverse, video, and image-based content—to break away from the rigid and formal nature of traditional performance review processes. The event needed to maximize visual interest and interaction using rich media and interactive elements.


2️⃣ Implement a user-friendly and immersive interface

A user-friendly, immersive interface was a core requirement. The UI/UX needed to be simple enough for employees to access without friction, while still being interesting enough to sustain attention. The service also had to run reliably across both mobile and web environments, requiring cross-platform compatibility and consistent user experience on different devices.

Key Deliverables

💡 Led end-to-end frontend development for the performance review event webpage

We successfully completed the overall frontend development of the dedicated performance review event webpage. Built as a React-based SPA, the site delivered fast transitions and a smooth user experience. We developed multiple content tabs—including Metaverse Space, Performance Gallery, and Performance TV—so employees could explore and enjoy performance review content in multiple formats. Interactive UI elements were applied across sections to improve immersion and encourage active exploration.


💡 Delivered responsive web support and performance optimization

We implemented responsive design and optimization to provide a consistent experience across devices. The event was optimized for both desktop and mobile access, ensuring employees could participate conveniently regardless of device. Performance improvements such as optimized loading speed and image compression reduced waiting time and supported stable usage across varying network conditions.

OUTPUT
portfolio-image/file/2024_11_27/1732689332959_1728970995094_신한은행_1.webp
wave-imagewave-image
Contact Us
Considering starting a project? Start your project perfectly with DevFive.
/images/main/contact_us/guide-icon.webp
GuidelinesPreparing your first project? Refer to DevFive's guide to understand everything from development process to technology stack at a glance.
CC
hh
ee
cc
kk
GG
uu
ii
dd
ee
ll
ii
nn
ee
ss
/images/main/contact_us/inquiry-icon.webp
Quote and InquiryStart your project with DevFive with a quick and easy quote.
RR
ee
qq
uu
ee
ss
tt
QQ
uu
oo
tt
ee