씨앤아이 크리에이티브
워드 프레스 웹 사이트 구축
- Client
- 씨앤아이크리에이티브
- Date
- 2021. 05 - 2021. 07
- Type
- 홈페이지, 워드프레스, 반응형 구축
Overview
씨앤아이 크리에이티브의 최상위 홈페이지 목적은 “전문적인 비즈니스 컨설팅 문의” 이었습니다.
아몽소프트웨어는 전문성을 느낄 수 있는 정보를 홈페이지에 곳곳에 배치시켜 씨앤아이 크리에이티브의 전문성 프레임을 소비자로 하여금 높였습니다.
또한 템플릿형 UI / UX디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
폭발적인 문의 / 의뢰
UI/UX Strategy
직관적인 아이콘
전문성을 느낄 수 있는 깔끔하고 직관적인 아이콘을 제작하였습니다.
깔끔한 UI
통일된 그리드와 컴포넌트를 활용하여 UI 가이드를 제작하였습니다.
자연스러운 인터랙션
스크롤에 따른 자연스러운 인터랙션을 적용하여 사용자 편의성을 증가시켰습니다.
CNI CREATIVE
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
최적화된 솔루션 전략으로
승리로 이끌겠습니다.
CNI의 사업 규모를 보여주는 KPI
메인페이지에 들어오자마자 보이는 히어로섹션에서 KPI를 활용해
사업규모를 통한 CNI의 신뢰성 및 전문성을 확보할 수 있었습니다.
CNI CREATIVE
Subpage
DESIGN & CONSULTING PAGE
CNI가 제공하는 디자인 & 컨실팅 정보를 제공하는 페이지로
CNI에 문의를 넣기 전 소비자의 궁금증을 해결하는 역할로 기획하였습니다.
‣ 디자인 & 컨설팅 페이지
REFERENCES PAGE
CNI의 성공스토리를 보여주는 페이지로
전문성 및 신뢰성을 의심하는 고객들의 고민을 해결해주는 페이지입니다.
‣ 레퍼런스 페이지
CONTACT PAGE
문의를 받을 수 있는 Form 형식을 홈페이지 내에 구현하여
전환고객 데이터베이스를 수집할 수 있도록 기획하였습니다.
‣ 문의 페이지
CNI CREATIVE
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.