생활의 행복을 함께 만들어 갑니다.
실내공기 환경 개선을 위한 다양한 제품과 시스템을 웹사이트에 어떻게 배치하고 노출시킬지에 대해 많은 고민을 하였습니다. 공기질을 개선시켜주는 방법에 따라 다른 시스템 관련 콘텐츠들은 ‘솔루션’ 메뉴에, 그 시스템들을 완성시켜주는 각각의 세부 제품들은 ‘제품안내’ 메뉴에 이해하기 쉽게 정리해보았습니다.
Client
(주)그렉스
Type
워드프레스 사이트
Scope
5개 메뉴 x 45개 콘텐츠 블록
환경분석
그렉스의 사이트 개선에 대해 실무자의 의견을 들어보았습니다. 콘텐츠 자체의 낮은 디자인 퀼리티에 대한 언급과 사이트를 통한 마케팅 홍보 효과에 대한 기대도 있었습니다. 기존 사이트에 대해 아쉬웠던 부분은 아래와 같이 정리할 수 있었습니다.
-
- 사이트 컨셉이 명확하지 않아요.
- 시스템과 제품을 설명할 마땅한 이미지가 없어요.
- 친절하게 서비스를 소개했으면 좋겠어요.
제작방향
1. 디자인
기업 브랜드 가치와 아이덴터티를 담은 디자인을 지향합니다. 컬러와 폰트, 그리고 UI 요소들까지 조화롭고 일관된 디자인 시스템이 필요합니다.
2. 사용성
디지털 콘텐츠를 잘 보여줄 수 있는 유형별 레이아웃 시스템이 필요합니다. 모니터, 휴대폰, 태블릿과 같은 다양한 디바이스 환경을 고려해야 합니다.
3. 유지관리
콘텐츠와 데이터를 지속적으로 관리할 수 있는 사이트가 되어야 합니다. 콘텐츠를 유형별로 블록화하여 누구나 쉽게 사이트를 관리할 수 있어야 합니다.
Desktop view
데스크탑 반응형 디자인
Mobile view
모바일 반응형 디자인
카테고리 기업 웹사이트 컬러 베이지, 블루 그레이, 그레이, 화이트 태그 #회사소개 #브랜딩 #에이전시 #스튜디오 #크리에이티브 #포트폴리오 #워드프레스 #디지털 콘텐츠 편집 #코딩 프리 스타일 모던, 크리에이티브, 미니멀 플러그인 컨택 폼 7, WP 베이커리 페이지 빌더, 레볼루션 슬라이더, 우커머스
사이트 주요 기능
워드프레스
워드프레스는 편리하고 쉽게 사이트를 운영할 수 있도록 다양한 웹사이트 환경을 지원합니다.
반응형
PC, 모바일, 태블릿 어느 디바이스에서도 최적의 화면 레이아웃을 제공합니다.
페이지 빌더
WP 베이커리 페이지 빌더로 드래그 앤 드롭만으로 멋진 웹페이지를 만들 수 있습니다.
콘텐츠 블록
최신의 UI 디자인을 복사, 붙여놓기만으로 쉽게 웹페이지에 적용시킬 수 있습니다.
CDN
가장 가까운 서버로부터 컨텐츠를 전송받기 때문에 사이트를 빠르게 접속할 수 있습니다.
폼 메일
문의하기, 뉴스레터 구독, 설문지 조사 에 필요한 폼을 원하는 형식으로 쉽게 만들 수 있습니다.
제작 지원 항목
- 사이트 구조 설계
- 화면 설계도 작성 및 지원
- 웹 콘텐츠 카피라이팅
- 화면 디자인 시안 제공
- 웹 환경 (도메인, 호스팅) 설정
- 워드프레스 환경 설정
- 유료 테마, 플러그인 지원
- SEO 설정 및 관리교육
- 헤더 디자인 10종
- 콘텐츠 블록 디자인 25종
- 컬리, 폰트 시스템 최적화
- 국문 웹폰트 최적화
- 모바일 환경 최적화
- 이미지, 동영상 임베드 최적화
- API 연동 최적화
- UI 애니메이션 최적화