유주영 홈페이지 리뉴얼

홈 시안 · 2026. 10. 20

Home · 3 Concepts

홈 화면을 세 가지 컨셉으로 준비했습니다.

보내주신 말씀(9월 29일 ~ 10월 19일)을 기준으로 구조부터 다시 잡았습니다. 세 안은 담긴 내용과 순서는 같고, 색 · 글꼴 · 화면 구성이 다릅니다. 마음에 드는 안을 고르시거나, “A의 색 + C의 구성”처럼 섞고 싶은 부분을 알려주세요.

말씀하신 내용, 이렇게 바꿨습니다

  1. “너무 평면적으로 방대하게 늘어져 있다”

    홈은 요약 + 탭으로. 같은 자리에서 눌러 깊이 들어가도록 경력 · 비전 · 컨설팅을 모두 탭으로 나눴습니다.

  2. “에이플러스에셋처럼 1기 · 2기 · 3기 탭으로”

    경력을 1995 시작 / 2011 도약 / 2016 성장 / 2024 현재 / MDRT / 자격 탭으로 구성했습니다.

  3. “강연은 고객에게 의미가 없다, 업계 인지도 정도만”

    강연 영상은 홈 본문에서 빼고, 경력 아래 ‘무대’ 사진 3장으로만 보여드립니다. 메뉴에서도 뺐습니다.

  4. “함께 일할 분들에게는 비밀번호로 강연을”

    ‘함께 일할 분께’ 구역을 새로 만들어 합류 문의 + 강연 영상(비밀번호)을 두었습니다.

  5. “메뉴(줄 세 개)를 눌러야 하는 줄 몰랐다”

    휴대폰에서도 ‘메뉴’ 글자를 함께 표시하고, 첫 화면 아래 바로가기 카드를 두었습니다.

  6. 첫 화면 버튼 · SCROLL · 소개 보기가 몰려 있음

    첫 화면 버튼은 ‘상담 신청’ 하나 + ‘소개 보기’ 하나로 줄였습니다.

  7. “색감 · 톤 · 폰트 컨셉을 몇 가지 제안해 달라”

    아래 3가지 컨셉에 색상 코드와 글꼴을 함께 적었습니다.

  8. 서식 다운로드 · 보험금 청구 서류 접수

    ‘고객 서비스’ 구역: 서식 받기 목록 + 청구 서류 보내기 화면을 만들었습니다(서식 파일 · 받을 정보 확인 후 연결).

  9. 다국어 번역 (킥오프)

    세 안 모두 상단에 언어 선택(한국어 · English · 中文 · 日本語)이 있고, 지금도 눌러 보시면 번역됩니다.

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

A안

Signature — Four the CEO

따뜻함신뢰본인 브랜드 그대로

직접 만드신 리플릿의 색(페리윙클 블루 · 핑크 · 크림 · 남색)을 웹에 맞게 한 톤 차분하게 다듬었습니다. 명함 · 리플릿을 받아 본 고객이 홈페이지에서 같은 사람을 바로 알아보도록, 리플릿 표지처럼 이름 글자를 사진 뒤에 깔았습니다.

  • 남색#1E2550
  • 페리윙클#8197DA
  • 연블루#E9EEFB
  • 크림#FBF8F2
  • 로즈#C8557D
표제(영문)
DM Serif Display — Four the CEO
본문
Pretendard — 기업의 내일과, 삶의 가치를 잇다.
참고한 곳 리치디바인 컨설팅GDWEB · 개인 컨설턴트의 서사 흐름 신영자산운용GDWEB · 세리프 표제의 따뜻한 톤 하나더넥스트GDWEB · 친근한 금융 카드 구성
A안 열어 보기
B안 PC 첫 화면 B안 휴대폰 첫 화면

B안

Prestige — Black Label

격 · 무게감커리어 자부심숫자로 말하기

법인 대표님 고객이 많고 상위 0.03% 파운더스 · TOT 같은 기록이 있는 만큼, 프라이빗 뱅커의 명함처럼 깊은 잉크색 위에 아이보리 글자로 정리했습니다. 남색 정장 사진과 같은 계열이라 인물이 가장 돋보입니다. 금색은 일부러 쓰지 않았습니다.

  • 잉크#0F1424
  • 잉크 2#151B2E
  • 아이보리#F2EEE6
  • 실버블루#A8B6E6
  • 로즈(하트)#D98AA6
표제
Noto Serif KR — 기업의 내일과, 삶의 가치를 잇다.
본문
Pretendard — 고객의 소중한 자산을 지키고 늘려드리는 일.
참고한 곳 이지스자산운용GDWEB · 어두운 바탕과 큰 숫자 와이드크릭자산운용GDWEB · 여백과 연도 타이포 파라투스인베스트먼트GDWEB · 다크 바탕 세리프 표제
B안 열어 보기
C안 PC 첫 화면 C안 휴대폰 첫 화면

C안

Digital Card — 전자명함

명료함폰 최적누르면 바로

명함 QR로 들어오는 분이 대부분이라는 점에서 출발했습니다. 보내주신 링크 프로필(사진 + 큰 버튼)과 에이플러스에셋식 탭을 한 화면에 합쳤습니다. 긴 스크롤 대신 소개 · 경력 · 전문분야 · 고객 서비스 · 문의를 탭으로 바꿔 보는 구조라 “늘어진다”는 느낌이 가장 적습니다.

  • 로열블루#3451C6
  • 하늘#DCE5FA
  • 바탕#F3F6FC
  • 잉크#16203A
  • 핑크(하트)#D9628C
숫자 · 영문
Outfit — MDRT 13 · TOT 2025
본문
Pretendard — 소중한 인연, 땡큐♥유주영
참고한 곳 교보 라이프플래닛생명GDWEB · 카드형 화면과 큰 버튼 토스GDWEB · 큰 글씨와 명료한 동선 에이플러스에셋보내주신 참고 · 연혁 탭
C안 열어 보기

세 안 공통 — 홈 화면 순서

  1. 첫 화면 사진 · 이름 · 한 줄 소개 · 상담 신청
  2. 바로가기 상담 신청 · 서식 받기 · 청구 서류 · 리플릿
  3. 인사말 Four the CEO, Thank U♥JOOYOUNG
  4. 숫자 MDRT 13회 · COT 9회 · TOT 2회 · 프라임리더 9회 연속
  5. 경력 시기별 탭 + MDRT · 자격
  6. 무대 업계 활동 사진 (영상 아님)
  7. Four the CEO 비전 건강 · 문화 · 사업 · 재정
  8. 컨설팅 법인 · 임직원 · 개인 탭
  9. 고객 서비스 서식 받기 · 청구 서류 보내기
  10. 함께 일할 분께 합류 문의 · 강연 영상(비밀번호)
  11. 상담 문의 전화 · 문자 · 메일 · 오시는 길

지금 눌러 볼 수 있는 기능

  • 언어 선택한국어 · English · 中文 · 日本語 — 실제로 번역됩니다.
  • 강연 영상비밀번호 입력 후 4편 재생 (기존 비밀번호 그대로).
  • 상담전화 · 문자 · 메일이 바로 연결됩니다.
  • 리플릿PDF로 내려받습니다.
  • 청구 서류 보내기입력 화면까지 — 실제 접수는 받을 정보 확인 후 연결.
  • 서식 받기목록까지 — 서식 파일을 주시면 연결합니다.

확인 부탁드립니다

  1. 마음에 드는 안 (또는 섞고 싶은 부분)
  2. 올려둘 서식 파일과 목록
  3. 청구 서류 접수 때 받을 정보 (예: 성함 · 연락처 · 증권번호 · 사고일)
  4. ‘함께 일할 분께’ 문구와 합류 문의 받을 연락처
  5. 강연 영상 비밀번호 유지 여부
  6. 카카오톡 상담 채널 유무