유주영 홈페이지 리뉴얼

2차 시안 · 2026. 10. 20

홈은 핵심만 남기고,
나머지는 메뉴 안으로 옮겼습니다.

1차 시안에 주신 말씀 — “홈에는 중요한 것만”, “글꼴을 더 신경 써 달라”, “디자인이 흔해 보인다, 색감과 이미지가 압도적이어야 한다” — 을 기준으로 세 안을 처음부터 다시 그렸습니다. 세 안 모두 홈은 네 덩어리, 나머지 내용은 메뉴 여섯 개 안에 들어 있습니다.

1차에서 이렇게 바꿨습니다

  1. 홈은 네 덩어리만첫 화면 · 메뉴로 들어가는 목차 · 인사말 한 줄(또는 대표 기록) · 상담. 경력표 · 비전 · 컨설팅 목록 · 서식은 전부 메뉴 안으로 옮겼습니다.
  2. 메뉴 여섯 개, 서브페이지 여섯 장소개 · 경력 · 컨설팅 · 고객 서비스 · 함께 일할 분께 · 상담 · 오시는 길. 서브페이지도 고르신 안의 색과 글꼴을 그대로 따릅니다.
  3. 글꼴은 안마다 두 가지씩, 성격이 다르게잡지 표지(Bodoni + 나눔명조) · 무대 포스터(페이퍼로지 + Instrument Serif) · 편지(마루부리 + Cormorant). 1차의 “다 비슷한 고딕” 느낌을 없앴습니다.
  4. 사진과 색은 크게, 장식은 뺐습니다둥근 카드 · 떠 있는 배지 · 알약 버튼 같은 흔한 장식을 걷어 내고, 고객님 사진과 큰 글자, 한 가지 진한 색으로 첫 화면을 채웠습니다.
A안 PC 첫 화면 A안 휴대폰 첫 화면

A안

Cover 잡지 표지

경제지 표지처럼 “FOUR the CEO”를 화면 폭 가득 세우고, 그 앞에 고객님이 서 있습니다. 리플릿의 블루를 표지 전면색으로 끌어올렸고, 표지 옆 기록 줄에 MDRT 13회 · COT 9회 · TOT 2회 · 상위 0.03%를 적었습니다. 홈 두 번째 화면은 잡지의 목차처럼 메뉴로 들어가는 입구입니다.

  • 표지 블루#2A44C0
  • 잉크#121A3D
  • 종이#F5F3EE
  • 하트 핑크#F06A9C
영문 · 숫자
Bodoni Moda — FOUR the CEO 13
국문 제목
나눔명조 — 기업의 내일과, 삶의 가치를 잇다.
본문
Pretendard — 고객의 소중한 자산을 지키고 늘려드리는 일.

참고경제지 표지 구성 · GDWEB 리치디바인 컨설팅 · 하나더넥스트

B안 PC 첫 화면 B안 휴대폰 첫 화면

B안

Stage 무대

MDRT 무대 사진과 아주 큰 제목으로 시작하는 공연 포스터 같은 화면입니다. 검정 바탕에 무대 조명의 블루 한 색만 썼고, 첫 화면 아래로 기록이 천천히 흐릅니다. 메뉴 목록도 큰 글자로 세워 “업계 최고 기록을 가진 사람”이라는 인상을 가장 강하게 줍니다.

  • 무대 검정#0B0C10
  • 조명 블루#4A7DFF
  • 흰 글자#F3F4F7
  • 하트 핑크#FF6F9F
국문 제목
페이퍼로지 — 기업의 내일과, 삶의 가치를 잇다.
영문
Instrument Serif — Four the CEO
본문
Pretendard — 고객의 소중한 자산을 지키고 늘려드리는 일.

참고공연 · 컨퍼런스 포스터 · GDWEB 이지스자산운용 · 와이드크릭자산운용

C안 PC 첫 화면 C안 휴대폰 첫 화면

C안

Letter 편지

‘Thank U♥JOOYOUNG’, ‘소중한 인연’이라는 브랜드 말씨를 살린 손편지 같은 화면입니다. 아이보리 종이에 명조체로 인사말을 그대로 싣고, 경력은 표 대신 한 문장으로 읽히게 했습니다. 세 안 중 가장 차분하고 고급스러운 결입니다.

  • 아이보리#F3EEE5
  • 먹색#1D1B20
  • 짙은 로즈#8E2D4F
  • 편지지#FBF8F2
국문 · 본문
마루부리 — 기업의 내일과, 삶의 가치를 잇다.
영문
Cormorant Garamond — Thank U, Jooyoung
안내 글자
Pretendard — 전화하기 · 문자 보내기

참고편지지 · 단행본 조판 · GDWEB 신영자산운용 · 파라투스인베스트먼트

메뉴 구성 (세 안 공통)

  1. 소개인사말 · Four the CEO 비전(건강 · 문화 · 사업 · 재정 탭)
  2. 경력1995 · 2011 · 2016 · 2024 · MDRT · 자격 탭 + 무대 사진
  3. 컨설팅법인 · 임직원 · 개인 탭
  4. 고객 서비스서식 받기 · 청구 서류 보내기
  5. 함께 일할 분께합류 문의 · 강연 영상(비밀번호)
  6. 상담 · 오시는 길전화 · 문자 · 메일 · 교보타워 · 리플릿

강연 영상은 홈과 메뉴 앞쪽에 두지 않고, ‘함께 일할 분께’ 안에서 비밀번호로만 보입니다. 휴대폰에서도 상단에 ‘메뉴’ 글자가 함께 보입니다.

확인 부탁드립니다

  1. 마음에 드는 안 (또는 “A의 첫 화면 + C의 글꼴”처럼 섞고 싶은 부분)
  2. 올려둘 서식 파일과 목록
  3. 청구 서류 접수 때 받을 정보 (예: 성함 · 연락처 · 증권번호 · 사고일)
  4. ‘함께 일할 분께’ 문구와 합류 문의 받을 연락처
  5. 강연 영상 비밀번호 유지 여부
  6. 더 크게 쓰고 싶은 사진이 있으면 원본 파일 (지금 사진은 가로 1,400px 안팎이라 큰 모니터 전체 화면에는 원본이 더 좋습니다)