프로젝트 상담 신청 프로젝트 소개로 건너뛰기

리젠트리 · ReGenTree, LLCRENEWAL PROPOSAL 2026

맑게,다시

눈의 표면을 다시 세우는 안과 신약 회사, 리젠트리의 홈페이지 리뉴얼 제안
1월의 스케치 여덟 장 · 2월 시안 · 10월 시안

케이스 읽기

01 · STAIN녹색으로 빛나는 곳이 상처입니다
형광 염료를 넣고 푸른 빛을 비추면, 세포가 떨어져 나간 자리만 빛납니다

02 · MIGRATE가장자리 세포가 빈자리로 움직입니다
상처 둘레의 세포가 납작하게 펴지면서 안쪽으로 미끄러져 들어옵니다

03 · COVER세포가 한 겹으로 다시 덮습니다
빈자리가 메워지면 녹색 빛이 사라지고 표면은 다시 매끈해집니다

04 · CLEAR다시 맑아진 눈
리젠트리는 이 회복을 돕는 점안액을 개발합니다

세포와 상처는 원리를 보여 주려고 그린 그림입니다. 임상 결과가 아닙니다.

01 / OVERVIEW프로젝트 개요

눈의 표면을
다시 세우는 회사

리젠트리(ReGenTree, LLC)는 한국의 HLB테라퓨틱스와 미국의 RegeneRx가 함께 세운 미국 합작 회사입니다. 우리 몸에 원래 있는 펩타이드 Tβ4(티모신 베타 4)로 점안액 RGN-259를 만들고, 각막이 스스로 아물지 못하는 희귀 질환인 신경영양성각막염과 안구건조증을 치료하기 위해 미국에서 임상 3상을 진행해 왔습니다.

지금의 홈페이지는 회사의 연구와 임상을 영문 메뉴 여섯 개에 나눠 담고 있습니다. 우리는 2026년 1월부터 10월까지 세 차례에 걸쳐 리뉴얼 시안을 제안했습니다. 이 페이지는 그 과정에서 고민한 이름과 로고, 색과 서체, 그리고 세 번의 시안을 처음부터 끝까지 정리한 기록입니다.

CLIENT
리젠트리 · ReGenTree, LLC
HLB테라퓨틱스 · RegeneRx 합작 회사
WEBSITE
regentreellc.com
영문
OUR ROLE
리뉴얼 리서치, 브랜드 해석,
컬러 · 서체 기준, 정보 구조, UI, 모션
DELIVERABLE
첫 스케치 8종, 메인 시안 2종,
모바일 화면, 스크롤 영상 3편
  • 43개Tβ4를 이루는 아미노산회사 사이트의 Tβ4 설명에 적힌 수
  • 0.1%RGN-259의 Tβ4 농도임상 3상 참여 안내문에 적힌 농도
  • 35곳SEER-2 임상 기관미국 전역 · 첫 화면 안내문 기준
  • 10장세 번에 걸쳐 만든 첫 화면1월 스케치 여덟 장 · 2월 · 10월
지금 사이트의 로고입니다. 짙은 빨강의 기울어진 글자 위로, 청록에서 파랑으로 번지는 호 두 개가 지나갑니다.
02 / STARTING POINT출발점

DWG NO. RGT-HOME-01regentreellc.com · HOMESCALE 1:2

Who We ArePipelineTβ4PatientsNews & PRContact UsFamily Site ▾④

ReGenTree, LLCDevelopment of innovative new drugsPursuit in the quality of the life and happiness

②
About ReGenTreePipelineNews & PR③
Copyright ⓒ ReGenTree, LLC All Rights Reserved

Neurotrophic Keratopathy Clinical Trial with RGN-259 (Phase 3)

Click for more details

☑ No thanks, return to site

①
  1. ①임상 참여 안내 팝업SEER-2 임상 3상 참여 안내 · 첫 화면 가운데를 덮는 창
  2. ②메인 사진 한 장잔디밭의 아이들 사진 위에 회사 이름과 문장 두 줄
  3. ③상자 세 개About ReGenTree · Pipeline · News & PR
  4. ④패밀리 사이트HLB 그룹 계열사 링크 19개
지금 첫 화면의 구성입니다(2026년 10월 기준). 사진은 자리만 표시했습니다. 화면을 내리면 첫 화면을 덮고 있던 안내 창이 걷히고, 그 아래 구역이 차례로 밝아집니다.
  1. 01
    가장 강한 사실이 안쪽에 있었습니다

    미국 FDA의 희귀의약품 지정과 임상 3상 진행 같은 사실은 Pipeline과 Patients 아래 페이지에 흩어져 있습니다. 첫 화면만 보고서는 이 회사가 눈을 위한 약을 만든다는 것도 알기 어려웠습니다.

  2. 02
    첫 화면에 눈이 없는 안과 회사

    첫 화면의 큰 사진은 잔디밭에 엎드린 아이들입니다. 따뜻한 사진이지만 각막과 눈물, 점안액처럼 이 회사가 실제로 다루는 대상은 한 번도 나오지 않습니다.

  3. 03
    휴대폰을 위한 화면이 없습니다

    화면 너비를 알려 주는 설정(viewport)이 없어서, 휴대폰에서도 PC 화면을 그대로 줄여 보여 줍니다. 방문자는 작은 글씨를 손가락으로 키워 가며 읽어야 합니다.

  4. 04
    두 언어가 섞인 소식 50건

    News & PR 게시판에는 RegeneRx의 영문 주주 서한과 한국 언론의 기사 제목이 한 목록에 섞여 있습니다. 글마다 어디에서 나온 소식인지 알려 주는 표시가 필요했습니다.

03 / NAME이름

두 회사의 이름이
겹친 자리

리젠트리는 2015년 1월부터 미국에서 RGN-259를 개발해 온 합작 회사입니다. 한국의 HLB테라퓨틱스가 임상과 개발을 맡고, 미국의 RegeneRx가 Tβ4에 관한 지식재산과 연구 자료를 내놓았습니다. 이름을 천천히 읽으면 두 회사의 이름이 한 단어 안에 함께 들어 있습니다.

  1. 01RegeneRx의 Regen

    RegeneRx는 Tβ4로 치료제를 연구해 온 미국 회사입니다. 이름의 앞부분이 재생(regeneration)을 뜻합니다. 이 회사는 리젠트리에 Tβ4에 관한 지식재산과 지금까지의 연구 자료를 내놓았습니다.

  2. 02GtreeBNT의 Tree

    HLB테라퓨틱스의 옛 이름은 지트리비앤티(GtreeBNT)입니다. 리젠트리의 주요 지분을 가진 이 회사가 모든 임상과 제품 개발을 맡아 비용을 댑니다.

  3. 03Re · Gen · Tree

    두 이름을 겹쳐 읽으면 다시(Re) 자라나는(Gen) 나무(Tree)라는 뜻이 남습니다. 우리는 이 이름을 「다시 자라는 투명한 표면」이라는 이야기의 출발점으로 삼았습니다.

05 / MOOD무드

투명함, 회복,
정밀함

시안을 그리기 전에 리젠트리를 설명할 단어 세 개를 먼저 골랐습니다. 눈의 표면처럼 맑은 투명함, 상처가 스스로 아무는 회복, 그리고 임상 3상을 거치는 정밀함입니다.

세 단어에 맞는 장면을 새로 만들어 한 장의 보드에 모았습니다. 아래 단어를 누르면 그 단어에 해당하는 장면만 남습니다.

눈물 한 방울 · 눈의 표면을 덮는 눈물막처럼, 빛이 그대로 지나가는 투명함
눈물 한 방울눈의 표면을 덮는 눈물막처럼, 빛이 그대로 지나가는 투명함
각막 상피 · 빈틈없이 맞물린 세포가 상처를 다시 덮는 회복의 장면
각막 상피빈틈없이 맞물린 세포가 상처를 다시 덮는 회복의 장면
세극등의 빛 · 가는 빛 한 줄로 각막의 곡면을 읽는 안과 검사의 정밀함
세극등의 빛가는 빛 한 줄로 각막의 곡면을 읽는 안과 검사의 정밀함
새잎 · 이름의 Tree에서 가져온, 다시 자라나는 것의 색
새잎이름의 Tree에서 가져온, 다시 자라나는 것의 색
한 방울의 실험 · 흰 실험대 위에서 한 방울씩 재는 임상의 손길
한 방울의 실험흰 실험대 위에서 한 방울씩 재는 임상의 손길
일회용 점안 용기 · 보존제 없이 한 번 쓰고 버리는 BFS 용기의 투명한 몸체
일회용 점안 용기보존제 없이 한 번 쓰고 버리는 BFS 용기의 투명한 몸체

보드의 사진은 분위기를 정하려고 새로 만든 장면입니다. 실제 제품이나 시설, 환자를 찍은 사진이 아닙니다.

06 / COLOR컬러

안과 검사의 빛에서
가져온 색

안과에서는 빛을 바꿔 가며 눈을 들여다봅니다. 흰빛으로 전체를 보고, 코발트색 필터를 끼운 푸른 빛으로 형광 염료가 고인 상처를 찾습니다. 우리는 이 안과 검사의 빛에서 리뉴얼의 색을 가져왔습니다.

  1. 01 · WHITE LIGHT

    흰빛으로 전체를 봅니다

    먼저 흰빛으로 눈 전체와 표면의 결을 봅니다. 밝은 장면의 바탕과 본문 글자는 이 빛에서 골랐습니다.

  2. 02 · COBALT BLUE

    푸른 빛으로 상처를 찾습니다

    코발트색 필터를 끼운 푸른 빛을 비추면 표면의 상처가 드러납니다. 어두운 장면의 바탕과 강조색은 이 빛에서 골랐습니다.

  3. 03 · FLUORESCEIN

    녹색은 상처를 가리킵니다

    형광 염료는 세포가 떨어져 나간 자리에 고여 녹색으로 빛납니다. 화면에서도 질환의 단계처럼 주의가 필요한 곳에만 이 녹색을 씁니다.

  4. 04 · AMBER

    호박색은 회복의 신호입니다

    10월 시안은 상처로 흘러드는 Tβ4를 금빛 입자로 그렸습니다. 호박색은 Tβ4와 치유 장면에만 씁니다.

LOGO COLORS로고에서 온 색

RENEWAL COLORS10월 시안의 화면 색

  • 어두운 장면의 바탕

    코발트 빛을 끈 뒤의 어둠에 가까운 남색입니다.

  • 카드 · 겹친 면

    잉크 위에 한 겹 더 올린 면의 색입니다.

  • 어두운 바탕의 강조 · 링크

    코발트 빛 아래에서 세포의 경계가 빛나는 색입니다.

  • Tβ4 · 치유 장면

    상처로 흘러드는 펩타이드를 그린 금빛입니다.

  • 밝은 장면의 바탕

    임상 표와 연혁처럼 오래 읽는 장면의 바탕입니다.

ADDED이번 정리에서 더한 색

  • 주의 · 상처 표시

    이번 정리에서 더한 색입니다. 질환의 단계처럼 주의가 필요한 곳에만 씁니다.

INK → PAPER잉크에서 종이까지 열 단계. 어두운 장면과 밝은 장면을 같은 색 계열로 잇습니다.

짝견본명도 대비율판정
로고 빨강 · 흰 바탕Aa Tβ4 0.1%8.4:1통과 · 본문 기준
로고 빨강 · 잉크 바탕Aa Tβ4 0.1%2.3:1부족 · 그림 기준
호 파랑 · 흰 바탕Aa Tβ4 0.1%4.5:1통과 · 본문 기준
호 청록 · 잉크 바탕Aa Tβ4 0.1%7.8:1통과 · 본문 기준
청록 강조 · 잉크 바탕Aa Tβ4 0.1%11.5:1통과 · 본문 기준
호박색 · 잉크 바탕Aa Tβ4 0.1%11.5:1통과 · 본문 기준
형광 녹색 · 잉크 바탕Aa Tβ4 0.1%15.2:1통과 · 본문 기준
남색 글자 · 종이 바탕Aa Tβ4 0.1%15.9:1통과 · 본문 기준
흐린 본문 · 잉크 바탕Aa Tβ4 0.1%8.1:1통과 · 본문 기준

WCAG 명도 대비입니다. 본문 글자는 4.5:1, 로고 같은 그림과 큰 글자는 3:1을 기준으로 삼았습니다.

  1. 01빨강은 로고 안에만

    눈에서 빨강은 충혈과 염증을 떠올리게 합니다. 로고 글자의 #971A26은 버튼이나 강조색으로 쓰지 않습니다.

  2. 02녹색은 상처를 가리킬 때만

    형광 녹색은 안과 검사에서 상처를 드러내는 색입니다. 질환의 단계나 주의가 필요한 숫자를 가리킬 때만 씁니다.

  3. 03호박색은 Tβ4의 색

    회복을 돕는 펩타이드 Tβ4와 치유 장면에만 호박색을 씁니다. 같은 색이 다른 뜻으로 쓰이지 않게 했습니다.

  4. 04본문은 바탕과 4.5:1 이상

    어두운 바탕의 본문은 흰색 계열로, 밝은 바탕의 본문은 남색으로 써서 본문 기준 명도 대비 4.5:1을 넘깁니다.

07 / TYPE서체

여덟 쌍의 서체에서
세 가지 역할로

1월의 스케치 여덟 장은 장마다 다른 서체를 썼습니다. 세리프 제목은 고급스러웠지만, 임상 단계와 숫자가 많은 화면에서는 무게가 맞지 않았습니다.

10월 시안은 서체를 역할로 나눴습니다. 영문 제목은 Inter Tight, 국문 본문은 Pretendard, 데이터와 단계 표시는 JetBrains Mono가 맡습니다.

  1. 01Inter
  2. 02Playfair Display + Outfit
  3. 03Space Grotesk
  4. 04Instrument Serif + DM Sans
  5. 05Cormorant Garamond + Montserrat
  6. 06Plus Jakarta Sans
  7. 07Lora + Nunito Sans
  8. 08Sora
  9. 10월세 가지 역할
제목 · 영문

Regenerating the surface of sight.

Inter Tight

본문 · 국문

눈의 표면을 다시 세웁니다.

Pretendard

데이터 · 단계

RGN-259 · PHASE III · 0.1%

JetBrains Mono

표기 기준

  • Tβ4

    베타는 그리스 문자 β로 씁니다. Tb4나 TB4로 줄여 쓰지 않습니다.

  • RGN-259

    프로그램 이름은 하이픈에서 줄이 바뀌지 않게 한 덩어리로 묶습니다.

  • Phase III

    임상 단계는 로마 숫자로 통일합니다. 한 사이트 안에서 Phase 3와 Phase III를 섞어 쓰지 않습니다.

  • 0.1%

    농도는 숫자와 단위를 붙여 쓰고, 소수점 앞의 0을 빼지 않습니다.

Tβ4 · THYMOSIN BETA 443 AMINO ACIDS

1~4번 Ac-SDKP17~22번 LKKTETTβ4를 이루는 아미노산 43개를 한 글자 기호로 적은 서열입니다(앞의 Ac는 아세틸기). 표시한 두 부분은 Tβ4 연구에서 따로 이름이 붙은 구간입니다. 고정폭 글꼴로 쓰면 글자 하나가 아미노산 하나와 같은 너비를 차지합니다.
08 / STRUCTURE구조

눈에서 분자까지,
배율로 짠 순서

지금 사이트의 메뉴는 Who We Are부터 Contact Us까지 회사가 정리한 순서를 따릅니다. 10월 시안은 방문자가 눈을 점점 가까이 들여다보는 순서로 이야기를 다시 짰습니다.

눈 전체에서 각막으로, 각막에서 상피 세포로, 세포에서 펩타이드로 배율을 높여 갑니다. 질환을 이해한 방문자는 자연스럽게 그 질환을 고치는 분자와 약에 닿습니다.

  1. ×1눈 EYE · 지름 약 24 mm

    환자와 질환에서 시작합니다. 신경영양성각막염과 안구건조증이 어떤 병인지 먼저 말합니다.

  2. ×10각막 CORNEA · 두께 약 0.5 mm

    눈의 맨 앞 투명한 창입니다. 질환의 세 단계와 눈물막의 네 겹을 이 배율에서 보여 줍니다.

  3. ×100상피 EPITHELIUM · 두께 약 50 µm

    각막의 가장 바깥층입니다. 상처가 덮이는 치유의 원리를 세포 단위로 보여 줍니다.

  4. ×10⁵펩타이드 Tβ4 · 아미노산 43개

    치유를 돕는 분자입니다. Tβ4의 작용과 이를 담은 점안액 RGN-259로 이어집니다.

NOW지금 메뉴 여섯 개

  1. Who We Are
  2. Pipeline
  3. Tβ4
  4. Patients
  5. News & PR
  6. Contact Us

OCTOBER10월 시안의 장면 열네 개

  1. 01눈에서 세포로
  2. 02미션
  3. 03신경영양성각막염(NK)
  4. 04안구건조증(DED)
  5. 05Tβ4
  6. 06치유
  7. 07RGN-259
  8. 08파이프라인
  9. 09연혁
  10. 10권리 지역
  11. 11두 회사
  12. 12환자
  13. 13소식
  14. 14문의

왼쪽 메뉴의 내용이 오른쪽 장면 가운데 어디로 옮겨 갔는지 선으로 이었습니다. 메뉴 이름을 누르면 해당하는 선만 남습니다. 지금의 게시판 주소와 소식 50건은 10월 시안에서도 원래 글로 그대로 이어집니다.

09 / LAB실험실

상처가 덮이는 원리를
직접 그려 보세요

각막 상피는 다섯에서 일곱 겹의 세포로 된 얇은 층입니다. 상처가 나면 가장자리 세포가 먼저 움직여 빈자리를 덮고, 그다음에 분열해 두께를 채웁니다.

아래 화면을 손가락이나 마우스로 문지르면 상처가 생깁니다. 손을 떼면 둘레의 세포가 다시 덮어 가는 모습을 볼 수 있습니다.

STAINED 0.00 mm²COVERED 100%

  1. 01멈춤

    상처가 난 직후 몇 시간 동안 가장자리 세포는 움직일 준비를 합니다.

  2. 02이동

    가장자리 세포가 납작하게 펴지며 빈자리 쪽으로 미끄러져 들어갑니다.

  3. 03증식

    빈자리가 덮이면 세포가 분열해 다섯에서 일곱 겹의 두께를 다시 채웁니다.

  4. 04부착

    새 세포가 아래층에 단단히 붙으면 표면은 다시 매끈하고 투명해집니다.

리젠트리는 Tβ4가 각막 상피 세포의 이동을 돕는다고 설명합니다(회사 사이트 Pipeline 페이지). 실험실의 속도와 모양은 원리를 보여 주는 그림이며, 약의 효과를 나타내지 않습니다.

ROUND 1 · 2026.01첫 스케치 여덟 장

옷만 갈아입힌
여덟 장의 첫 화면

1월에는 구조를 크게 바꾸지 않고 색과 서체만 달리한 첫 화면을 여덟 장 만들었습니다. 같은 내용이 어떤 옷을 입었을 때 리젠트리처럼 보이는지 고르기 위한 스케치였습니다.

카드 위에 마우스를 올리면 그 스케치의 페이지 전체가 위에서 아래로 흐릅니다.

  1. 1월 스케치 01 CLINICAL BLUE의 첫 화면. 제목은 Leading the Future of Ophthalmology Innovation

    01CLINICAL BLUE

    Inter

    가장 익숙한 제약 회사의 얼굴입니다. 2월 시안이 이 장에서 출발했습니다.

  2. 1월 스케치 02 EDITORIAL TEAL의 첫 화면. 제목은 Transforming Eye Care Through Innovation

    02EDITORIAL TEAL

    Playfair Display · Outfit

    기울인 세리프 제목과 청록 판이 잡지처럼 보였습니다.

  3. 1월 스케치 03 NEON NIGHT의 첫 화면. 제목은 The Future of Eye Care is Here

    03NEON NIGHT

    Space Grotesk

    어두운 바탕과 분홍 · 보라 그라데이션이 기술 회사처럼 보였습니다.

  4. 1월 스케치 04 FOREST SERIF의 첫 화면. 제목은 Advancing Eye Health Through Science

    04FOREST SERIF

    Instrument Serif · DM Sans

    짙은 초록과 가는 세리프가 차분했지만 안과보다 화장품에 가까웠습니다.

  5. 1월 스케치 05 NAVY & GOLD의 첫 화면. 제목은 Excellence in Ophthalmology

    05NAVY & GOLD

    Cormorant Garamond · Montserrat

    남색과 금색은 고급스러웠지만 임상 회사의 말투와는 거리가 있었습니다.

  6. 1월 스케치 06 WARM CORAL의 첫 화면. 제목은 Vision for a Brighter Tomorrow

    06WARM CORAL

    Plus Jakarta Sans

    따뜻했지만, 눈에서 주황과 빨강은 충혈을 먼저 떠올리게 했습니다.

  7. 1월 스케치 07 SAGE GROWTH의 첫 화면. 제목은 Nurturing Vision Through Regenerative Science

    07SAGE GROWTH

    Lora · Nunito Sans

    자라는 나무의 느낌은 가장 잘 살렸지만 과학의 선명함이 약했습니다.

  8. 1월 스케치 08 BRIGHT SCIENCE의 첫 화면. 제목은 Restoring Vision Through Regenerative Science

    08BRIGHT SCIENCE

    Sora

    흰 카드와 파란 강조가 가장 정돈되어 보였습니다.

여덟 장에서
배운 세 가지

여덟 장을 나란히 놓고 보니, 서로 다른 옷 아래에 같은 문제가 있었습니다. 2월 시안은 이 세 가지를 고치는 데서 출발했습니다.

  1. 01빈 눈 아이콘

    여덟 장 모두 그림 자리에 같은 눈 아이콘이 들어 있었습니다. 실제 장면이 들어갈 자리를 비워 둔 것이지만, 안과 회사의 첫 화면에서 가장 중요한 그림이 빠져 있던 셈입니다.

  2. 02근거 없는 숫자

    12+ Partners처럼 확인하지 않은 숫자가 들어 있었습니다. 2월 시안부터는 회사 사이트와 공식 자료에서 확인한 숫자만 썼습니다.

  3. 03같은 뼈대

    색과 서체는 달랐지만 왼쪽 제목, 오른쪽 그림, 아래 숫자 세 개라는 뼈대는 같았습니다. 옷만 바꾸어서는 리젠트리만의 이야기가 생기지 않았습니다.

두 번째 제안 · 2026.02

CLINICAL WHITE흰 바탕의 임상 기업 사이트

1월의 첫 번째 스케치를 흰 바탕으로 옮겨 한 장의 완성된 페이지로 만들었습니다. 회사 소개와 Tβ4, RGN-259의 개발 단계, 두 질환의 정보, 소식과 문의를 일곱 구역에 차례로 담았습니다.

  • 눈 아이콘 대신 아이들 사진을 넣은 첫 화면
  • Tβ4의 작용 여섯 가지를 정리한 카드
  • 두 적응증의 개발 단계를 막대로 표시
  • 신경영양성각막염과 안구건조증의 정보 카드
  • HLB 그룹 계열사를 한 줄로 정리한 링크
Inter
DIRECTION NOTES

ROUND 2의 장면 가운데 연출에 공을 들인 순간을 골랐습니다. 사진을 누르면 장면별 화면을 크게 볼 수 있습니다.

  1. 사진이 들어간 첫 화면

    스케치의 눈 아이콘 자리에 아이들 사진을 넣고, 임상 3상과 FDA 지정 같은 확인된 사실을 띄웠습니다.

  2. Tβ4 작용 카드 여섯 장

    회사 사이트에 흩어져 있던 Tβ4의 작용을 같은 모양의 카드 여섯 장으로 정리했습니다.

  3. 개발 단계 막대

    RGN-259의 두 적응증이 어느 단계에 있는지 어두운 판 위의 막대로 보여 줍니다.

  4. 두 질환의 정보

    신경영양성각막염과 안구건조증의 증상과 특징을 나란한 카드로 비교합니다.

CLINICAL WHITE PALETTEPC 화면 장면 24장에서 색마다 가까운 화소의 비율 · 파랑은 화면의 2.2%에만 있습니다

R2 · CLINICAL WHITE2월 시안이 회사를 소개했다면

R3 · SURFACE OF SIGHT10월 시안은 눈동자 속으로 들어갑니다

세 번째 제안 · 2026.10

SURFACE OF SIGHT눈의 표면까지 내려가는 스크롤

눈을 클로즈업한 장면에서 시작해 각막 상피 세포까지 들어간 뒤, 질환과 분자, 치유와 점안액, 임상과 회사의 순서로 열네 장면이 이어집니다. 장면마다 스크롤에 맞춰 영상과 그림이 움직입니다.

  • 눈에서 동공과 빛의 터널을 지나 상피 세포로 들어가는 첫 화면
  • 렌즈 안에서 바뀌는 신경영양성각막염 1~3단계
  • 지질 · 수성 · 뮤신 · 표면, 네 겹으로 벌어지는 눈물막
  • 아미노산 43개가 모여 만드는 Tβ4와 여섯 가지 작용
  • 임상 카드 8장과 권리 지역 점묘 지도, 두 회사가 겹치는 로고
Inter Tight · Pretendard · JetBrains Mono
DIRECTION NOTES

ROUND 3의 장면 가운데 연출에 공을 들인 순간을 골랐습니다. 사진을 누르면 장면별 화면을 크게 볼 수 있습니다.

  1. 눈에서 시작하는 첫 화면

    눈 → 동공 → 빛의 터널 → 각막 상피로 이어지는 121장의 프레임을 스크롤로 넘깁니다.

  2. 렌즈 안의 질환 단계

    원형 렌즈 안에서 1~3단계의 각막 그림과 증상, 치료가 함께 바뀝니다.

  3. 네 겹으로 벌어지는 눈물막

    눈물막의 지질 · 수성 · 뮤신층과 눈의 표면이 분해도처럼 벌어지며 유형별로 빛납니다.

  4. 아미노산 43개의 Tβ4

    흩어진 아미노산 43개가 모여 나선이 되고, 코어로 압축된 뒤 여섯 가지 작용을 거느립니다.

  5. 상처를 덮는 금빛

    상처 부위로 금빛 펩타이드가 흘러들고, 붉은 상처가 세포로 덮여 가는 영상입니다.

  6. 떨어지는 한 방울

    일회용 점안 용기에서 맺힌 물방울이 떨어지고, 그 지점에서 밝은 화면으로 넘어갑니다.

  7. 권리 지역 점묘 지도

    중국 · 홍콩 · 대만을 뺀 전 세계 권리를 점으로 찍은 지도와 한국에서 프린스턴으로 이어지는 호입니다.

  8. 두 원이 겹쳐 생기는 로고

    HLB테라퓨틱스와 RegeneRx를 뜻하는 두 원이 겹치는 자리에서 리젠트리의 로고가 나타납니다.

FILM · FRAME BY FRAME

스크롤 영상을 손으로 넘겨 보기

10월 시안은 영상을 재생하지 않고, 스크롤 위치에 맞는 프레임을 골라 그립니다. 세 편의 프레임을 직접 넘겨 볼 수 있습니다. 화면 위에서 가로로 끌거나 아래 막대를 움직여 보세요.

눈 전체에서 동공을 지나 빛의 터널을 통과하고, 각막 상피 세포에 닿습니다.

001 / 041

SURFACE OF SIGHT PALETTEPC 화면 장면 42장에서 색마다 가까운 화소의 비율 · 어두운 남색 세 단계가 화면의 76%를 덮습니다

10 / PROCESS과정

세 번의 제안이
하나의 방향이 되기까지

세 번의 제안은 앞의 제안을 고치며 이어졌습니다. 아래 표는 첫 화면과 색, 서체, 숫자, 구조, 움직임, 모바일이 1월에서 10월까지 어떻게 바뀌었는지 정리한 것입니다. 화면을 내리면 한 줄씩 짚어 갑니다.

항목R1 · 1월R2 · 2월R3 · 10월이유
첫 화면눈 아이콘과 제목아이들 사진과 제목눈에서 각막 세포까지 들어가는 영상안과 회사의 첫 화면에는 눈이 있어야 했습니다.
색장마다 다른 여덟 가지 톤흰 바탕과 파랑코발트 남색과 청록, 호박색안과 검사의 빛에서 가져온 색이 회사의 이야기와 맞았습니다.
서체여덟 쌍의 서체Inter만 사용Inter Tight · Pretendard · JetBrains Mono숫자와 임상 단계가 많은 화면에 맞는 조합입니다.
숫자12+ Partners 같은 근거 없는 숫자2+ · 10+ · FDA43 · 2 · 35 · FDA, 출처가 있는 숫자확인한 숫자만 첫 화면에 둡니다.
구조같은 뼈대의 한 화면회사 소개 순서의 일곱 구역배율 순서의 열네 장면방문자가 눈을 가까이 들여다보는 순서로 짰습니다.
움직임들어올 때의 등장 효과스크롤에 맞춘 등장스크롤로 넘기는 영상 세 편과 고정 장면보이지 않는 치유 과정을 움직임으로 설명합니다.
모바일PC 화면을 줄인 모습한 줄로 쌓는 반응형세로 화면용 영상 프레임을 따로 제작휴대폰에서도 눈과 세포가 화면 가운데를 채웁니다.

세 번 모두
지킨 네 가지

첫 화면과 움직임은 크게 달라졌지만, 아래 네 가지는 1월부터 10월까지 바꾸지 않았습니다. 어느 시안을 고르더라도 회사가 사이트를 운영하는 방식은 같아야 했기 때문입니다.

  1. 01영문 메뉴 이름을 지킵니다

    Who We Are, Pipeline처럼 투자자와 파트너에게 익숙한 영문 메뉴 이름은 세 번의 제안 모두 그대로 두었습니다.

  2. 02출처가 있는 문장만 씁니다

    질환과 임상에 관한 문장은 회사 사이트와 뉴스 제목에서 확인한 내용만 옮겼습니다. 시점이 지난 표현은 확인할 수 있는 사실로 바꿨습니다.

  3. 03파트너십 문의를 한 장면에

    권리 지역(중국 · 홍콩 · 대만 제외)과 파트너십 문의처를 한 장면에 모아, 협력을 찾는 방문자가 바로 다음 행동으로 넘어가게 했습니다.

  4. 04움직임을 끌 수 있도록

    기기에서 「동작 줄이기」를 켜면 10월 시안은 영상과 고정 장면을 멈추고 모든 내용을 고정된 화면으로 보여 줍니다.

사진이 없는 장면은
새로 만들었습니다

눈과 질환의 단계, 치유와 점안 장면은 10월 시안을 위해 새로 만든 영상과 그림입니다. 실제 임상 이미지나 제품 사진이 정해지면 같은 자리에서 바꿀 수 있도록, 장면마다 비율과 초점을 맞춰 두었습니다.

눈동자 클로즈업 · 첫 화면 영상의 첫 프레임
눈동자 클로즈업 · 첫 화면 영상의 첫 프레임
신경영양성각막염 1단계
신경영양성각막염 1단계
신경영양성각막염 2단계
신경영양성각막염 2단계
신경영양성각막염 3단계
신경영양성각막염 3단계
치유 영상의 첫 프레임
치유 영상의 첫 프레임
일회용 점안 용기
일회용 점안 용기
11 / COMPONENTS화면 부품

임상 회사의 화면을
이루는 부품

10월 시안에서 되풀이해 쓰는 부품을 따로 모았습니다. 같은 부품으로 화면을 짜 두면, 새 임상이나 소식이 생겨도 디자인을 다시 하지 않고 내용만 더할 수 있습니다.

STATUS BADGE

Phase IIIFDA Orphan Drug · NKCompletedOngoingPlanning

임상 단계 배지

단계와 상태를 같은 모양의 배지로 표시합니다. 상태에 따라 색이 바뀌고, 글자는 고정폭으로 씁니다.

PIPELINE BAR

개발 단계 막대

화면에 들어오면 막대가 단계까지 차오릅니다. 적응증이 늘어나도 줄만 더하면 됩니다.

TRIAL CARD

NKPhase III

SEER-2United States · 35 sites4 weeks of treatment, 2 weeks of follow-upNCT05555589 ↗

임상 카드

임상 이름과 단계, 지역, 기간을 같은 순서로 적고 등록 번호로 원문을 엽니다.

NEWS ROW

  • RegeneRxLetter to Stockholders, March 27, 2025↗
  • PressHLB테라퓨틱스, 합작법인에 'RGN-259' 권리 결집↗

소식 한 줄

출처를 날짜 옆의 꼬리표로 구분해, 영문 주주 서한과 국문 기사가 섞여도 바로 알아볼 수 있게 했습니다.

TRIAL NOTICE · 이번 정리에서 더한 부품

SEER-2 · Phase III신경영양성각막염 임상 참여 안내

임상 참여 안내 한 줄

첫 화면을 가리던 팝업 대신, 화면 위쪽의 한 줄 안내와 전용 장면으로 같은 정보를 전합니다.

DATA READOUT

43amino acids in Tβ4

숫자 한 칸

큰 숫자 아래에 무엇을 센 숫자인지 고정폭 글자로 붙입니다. 출처가 없는 숫자는 이 칸에 넣지 않습니다.

12 / MOBILE모바일

손안에서
들여다보는 눈

학회장이나 이동 중에 휴대폰으로 회사를 처음 찾아보는 일이 많습니다. 2월 시안은 같은 내용을 한 줄로 쌓았고, 10월 시안은 세로 화면용 영상 프레임을 따로 만들어 눈과 세포가 화면 가운데를 채우게 했습니다.

10월 · 눈동자 클로즈업 모바일 화면
10월 · 눈동자 클로즈업
2월 · 첫 화면 모바일 화면
2월 · 첫 화면
10월 · 질환 단계 모바일 화면
10월 · 질환 단계
2월 · Tβ4 카드 모바일 화면
2월 · Tβ4 카드
10월 · 치유 모바일 화면
10월 · 치유
2월 · 개발 단계 모바일 화면
2월 · 개발 단계
10월 · 점안 모바일 화면
10월 · 점안
10월 · 권리 지역 모바일 화면
10월 · 권리 지역
COMPARE세 차례의 시안은 어떻게 다를까요

같은 회사를 여는
세 가지 첫 화면

세 차례의 시안은 같은 사실과 같은 메뉴 이름을 쓰지만, 방문자에게 먼저 건네는 장면이 다릅니다. 리젠트리가 이 사이트에서 가장 먼저 만나고 싶은 방문자에 따라 고를 수 있도록 차이를 정리했습니다.

구분R1 · SKETCHESR2 · CLINICAL WHITER3 · SURFACE OF SIGHT
첫 화면눈 아이콘과 숫자 세 개아이들 사진과 숫자 세 개눈에서 세포로 들어가는 영상
바탕장마다 다름흰색코발트 남색, 임상 장면만 종이색
장면 수한 화면(여덟 가지 톤)일곱 구역열네 장면
움직임들어올 때의 등장 효과스크롤에 맞춘 등장스크롤로 넘기는 영상 세 편, 고정 장면 다섯 곳
불러오는 데이터 양아이콘만 쓰는 가벼운 화면사진 몇 장영상 프레임: PC 약 17MB, 휴대폰 약 10MB(가까워질 때 차례로)
잘 맞는 방문자분위기를 빠르게 비교하려는 담당자회사를 빠르게 파악하려는 투자자질환과 원리를 이해하려는 파트너와 의료진
13 / CREDITSCASE PROTOCOL RGT-2026 · BLUECANVAS WORKS

REGENTREE RENEWAL PROPOSAL

맑게,
다시

리젠트리 홈페이지 리뉴얼 제안 · SKETCHES · CLINICAL WHITE · SURFACE OF SIGHT

ItemDetail
Sponsor리젠트리 · ReGenTree, LLC
Study홈페이지 리뉴얼 제안(영문 메인)
Period2026년 1월 ~ 10월, 세 차례
Arm 11월 · 첫 스케치 여덟 장
Arm 22월 · CLINICAL WHITE
Arm 310월 · SURFACE OF SIGHT
Research지금 사이트 10페이지 · 소식 50건 · 로고 GIF 186×51px
Identity같은 곡률의 호 두 개 · #971A26 · #1FAFCD → #1189C4
Films눈동자 121장 · 치유 97장 · 점안 121장(가로 화면 기준)
TypefacesInter Tight · Pretendard · JetBrains Mono
Studio블루캔버스 · 리뉴얼 제안

Primary Endpoint첫 화면에서 회사가 하는 일을 알아본다

CLEAR, AGAIN

설명하기 어려운 과학을
한눈에 믿게 하는 사이트로

임상과 분자처럼 설명하기 어려운 이야기를 방문자가 첫 화면에서 알아보도록,
이야기의 순서부터 함께 설계하겠습니다.

프로젝트 이야기하기 다른 포트폴리오 보기

다른 프로젝트

    Contact

    막연한 아이디어도 괜찮습니다.
    프로젝트를 함께 정리해 보세요

    현재 상황과 목표를 남겨 주시면 가능한 작업 범위와 진행 방식, 예상 견적을 정리해 안내드립니다.

    DIRECT

    opci1004@gmail.com 카카오톡 @bluecvs

    질문 4개 · 약 2분

    작업 범위

    어떤 작업을 함께 하면 좋을까요?

    여러 개 선택할 수 있습니다. 아직 정하지 못했다면 ‘기타’를 눌러 주세요.

    예산

    생각하시는 예산 범위는 어느 정도인가요?

    범위만 알려주셔도 제안 구성에 큰 도움이 됩니다.

    프로젝트 설명

    어떤 상황인지 들려주세요.

    다듬어지지 않아도 괜찮습니다. 아래 항목을 누르면 작성 틀이 채워집니다.

    0

    RFP, 참고 문서 등을 최대 2개까지 업로드할 수 있습니다. 지원 형식: PDF, PPT, Word, Excel, JPG, PNG, ZIP

    연락처

    어디로 회신드릴까요?

    이 사이트는 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

    작업 범위 · 예산 · 프로젝트 설명 · 연락처를 채워 주세요.