Skip to main content
데브파이브
Dev Request
Solutions
Portfolio
News
Inquiry
Initialization Tell us about your motto Press it when you're stuck After wiping it off, it was strangely tight It was an online event. That's when I realized. I sat still There's no answer to Min. Let's move and see I mean, even these days, I feel like I'm stuck When I lift it, I just get up from my seat and start with my surroundings Wipe it off. That's what I'm holding out on to this complicated world It's a very simple and sure secret. Completed a temporary pause
Giro Gonggan

This project involves the end-to-end development of the web and app platform for Girok Gonggan (Recording Space), a service where users write their life stories over three months by answering guided questions, ultimately receiving a completely unique, physical book.

Going beyond a simple writing tool, we implemented a comprehensive platform featuring a "companion" system that guides writers through their entire journey. It includes AI-driven subtitle recommendations, story summarization, parallel processing capabilities, gift codes, customizable B2B corporate codes, and a robust admin dashboard.

We designed an highly intuitive UX flow to ensure that a diverse audience, including seniors and non-professional writers, can successfully complete their publishing journey. Additionally, we established a customizable B2B architecture to facilitate corporate partnerships, such as with Samsung Life Insurance.

Production Period2025. 12 - 2026. 04
ClientLivU
TechnologiesReact.js, TypeScript, Vespera, Rust, FastAPI, Python, Toss Payments
Visit Site
Apple App iconApple App
Google Play iconGoogle Play
Service
Preview
recording space (90 days left) Accompanied Standard • a carrier The exciting first page opened Complete my story in the easiest way. In the recording space, the voice becomes a writing. Let's start the first story Click on the topic you want to start the story. • A new topic has arrived Do you want to be born as a girl? Why If I were to be born again, I would like to be born as a man Please tell me about it. Whether it's impromptu or spontaneous travel I tend to plan thoroughly when I travel Please tell me about the style. Looking at the back of my parents, I suddenly said, "You're old." and when my heart fluttered Please tell us + I want to see more themes _ I'll pick a topic myself To our precious friends The moment we were together, if we could leave it as a book. Give me a "Record Space" as a gift 2/3 people a companion to talk with Management + Inviting Hong Gil-dong Hong Gil-dong Should I use it like this? Writing a story bookmaking Category Name Name of the guide Guide Number #1 Guide Number \1 1, Guide text Guide text 1, guide text Name of the guide Guide text 1, Guy 1, Guide text Story Books companion
Hover over the screen!
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.
Implement a complete story creation flow from question-based writing to AI editing, table of contents generation, book production, and delivery
2.
Provide a collaborative writing experience through companion invitations, relationship settings, and recommendation message features
3.
Connect product payment and gift code sharing into a seamless purchase and gifting flow
4.
Build a B2B expansion structure with company-specific codes, logos, welcome popups, and UI customization
5.
Strengthen operational efficiency and service quality through admin data management and enhanced AI parallel processing
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.Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text h136px your story in one book Title 30px Tell your story in one book Caption 15px Your story in one book Menu 13px Your story in one bookSection: color Main color Name HEX Primary #752D2D Main Bg #EAE3D7 Secondary #D7E4DA Grayscale HEX #FFFFFF (Bright Gray) (Light Gray) #868686 (Dark Gray) (darker grey) #000000Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text h136px your story in one book Title 30px Tell your story in one book Caption 15px Your story in one book Menu 13px Your story in one bookSection: color Main color Name HEX Primary #752D2D Main Bg #EAE3D7 Secondary #D7E4DA Grayscale HEX #FFFFFF (Bright Gray) (Light Gray) #868686 (Dark Gray) (darker grey) #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.Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text h136px your story in one book Title 30px Tell your story in one book Caption 15px Your story in one book Menu 13px Your story in one bookSection: color Main color Name HEX Primary #752D2D Main Bg #EAE3D7 Secondary #D7E4DA Grayscale HEX #FFFFFF (Bright Gray) (Light Gray) #868686 (Dark Gray) (darker grey) #000000Section: typo Font: Pretendard Weight scale: ExtraBold | Bold | SemiBold | Medium | Regular Sample: Aa typography scale Style Size Sample Text h136px your story in one book Title 30px Tell your story in one book Caption 15px Your story in one book Menu 13px Your story in one bookSection: color Main color Name HEX Primary #752D2D Main Bg #EAE3D7 Secondary #D7E4DA Grayscale HEX #FFFFFF (Bright Gray) (Light Gray) #868686 (Dark Gray) (darker grey) #000000
Top bar: Record space (logo) · Notification icon · Hong (profile) Status Information: - 90 days left - Accompanied Standard - a carrier Hero card The exciting first page opened In the recording space, the voice becomes a writing. Complete my story in the easiest way. Start the first story. (Burton) A new topic has arrived Click on the topic you want to start the story. Topic card: 1. If you were born again, tell me if you want to be born a man or a woman, and why. 2. Tell me about your travel style, whether you plan thoroughly or improvise when you travel. 3. Tell me about a moment when you suddenly felt "old" looking at your parents' backside - + I want to see more topics - I'll pick a topic myself a gift banner The moment we were together, if we could leave it as a book. Give your precious friends a "record space." Accompanied person/management to talk with > 2/3 people - + Invite - Hong Gil-dong - Hong Gil-dong Should I use it like this? Tab: Writing a Story | Creating a Book | Category Name Guide Card (BOOK MOCK-UP): - Guide Number #1 - Name of the guide - Guide text 1, guide text 1, guide text (List 2 identical cards) bottom navigation home | story | book | companion
Back to List

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