AI 기반 통합 상담 솔루션 납품 기업,
TWC 워드 프레스 홈페이지 제작

BUILD

WEB / MOBILE

TWC
워드 프레스 홈페이지 제작

Client
더화이트커뮤니케이션 (TWC)
Date
2021. 09 - 2021. 10
Type
홈페이지, 워드프레스, 반응형 구축

Overview

TWC의 최상위 홈페이지 목적은 “홈페이지를 통한 기업가치 상승” 이었습니다.
많은 사용자를 가지고 있는 TWC는 홈페이지를 통한 기업가치를 상승하는 브랜딩작업을 진행하였습니다.
또한 템플릿형 UI / UX디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.

Goal

홈페이지를 통한
기업가치 상승

UI/UX Strategy

깔끔한 아이콘

TWC의 가치와 전문성이 연상될 수 있도록 깔끔하고
통일된 일러스트를 제작하여 클릭을 유도하였습니다.

여백을 통한 깔끔한 UI

어렵고 복잡하게 느껴질 수 있는 정보를 보다 빠르고 간결하게 전달하기 위해,
여백을 사용하여 깔끔한 UI을 제작하여 가시성을 높였습니다.

살아움직이는 UX

동적인 인터랙션과 스크롤에 따라 자연스럽게 움직이는 콘텐츠를 통해
이탈률을 최소화하였습니다.

TWC
Design System

반듯한 직선으로 타이틀에 잘 어울리며 웹과 모바일 환경에서 모두 가독성이 좋은 폰트입니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.

Typography

NanumSquare

Roboto

Color System

오퍼레이션,
이제 전문가에게 맡겨보세요

기업가치 상승을 위한 UI디자인

홈페이지 사용자의 시선은 왼쪽 위부터 시작하게 됩니다.
실제로 눈을 마주치는 효과를 주어 신뢰성과 홍보대사를 통한 기업가치 상승을 기대하였습니다.

고객의 의심을 제거하는 사회적 근거

고객이 상품을 구매하기 전 의심을 하는 모든 요소를
홈페이지에 배치시켜 구매저항을 감소시켰습니다.

‣ 서비스소개 섹션

‣ 뉴스 섹션

TWC
Subpage

STORY PAGE

TWC의 스토리를 소개하여
홈페이지 사용자의 전문성 및 신뢰성을 확보하였습니다.

‣ 스토리 페이지

ACADEMY PAGE

아카데미 페이지를 개설하여
TWC 교육관련 정보를 습득할 수 있도록 기획하였습니다.

‣ 아카데미 페이지

RECRUIT PAGE

홈페이지 사용자에 맞춰 일반 클라이언트는 TWC의 규모를 확인할 수 있으며
TWC 입사를 희망하는 취업준비생, 이직을 준비하는 직장인에게 새로운 길을 열어주는 페이지입니다.

‣ 인재 채용 페이지

TWC
Mobile Page

완벽한 WEB / MOBILE 반응형 대응

모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.

Next Project

스타트업 전문 백과사전,
롯데 스타트업 위키 웹 사이트 개발