gabiadesign | 사이트 및 브로슈어 제작
34215
single,single-post,postid-34215,single-format-standard,ajax_fade,page_not_loaded,,select-theme-ver-3.1,wpb-js-composer js-comp-ver-4.3.5,vc_responsive
designgabia_layout_2019

사이트 및 브로슈어 제작

1.작업 배경

– 가비아 인프라 서비스의 주요 타깃인 SMB 그룹에서 AWS에 대한 수요 증가

– AWS 컨설팅 파트너사임에도 온라인 홍보가 미미한 상태 -> AWS 신규 고객 유입 증가를 위한 AWS 서비스 홍보 강화 필요하다고 판단

 

2.작업 개요

-aws.gabia.com 사이트 개선 (인덱스 페이지 수정, 메뉴 추가, 콘텐츠 추가)

-가비아 사이트의 ‘AWS’ 메뉴 재배치

 

3.메뉴 구조도

메뉴구조도

 

4.인덱스 와이어프레임

와이어프레임

 

5.시안

와이어프레임에서 콘텐츠가 살짝 수정되었습니다.

중간에 질문형식으로 된 메뉴는 메인상에서 각 페이지로 이동 할 수 있도록 하는 역할을 합니다.

사용자가 콘텐츠에 좀 더 쉽게 접근할 수 있도록 하는 의도입니다.

 

컨셉1 : 기존 사이트의 구조에서 그래픽 스타일을 바꾸어 정보전달을 좀 더 직관적으로 하려 했습니다.

1_main_2 1_main_1

 

컨셉2 : aws 파트너사 로고와 가비아로고를 메인배너영역에 배치해 aws 와 가비아가 함께한다는 의미를 나타냈습니다. 그 아래 콘텐츠상에서 각 페이지로 이동할 수 있는 메뉴들을 강조해 클릭율을 높이려는 의도입니다.

1_main_3

 

6. 최종 시안 반응형 작업

pc 기준 분기점 : ~1200~1024 

pc_index_banner1

 

tablet 기준 분기점 : 1023~768

-상단 메뉴가 햄버거 버튼(모바일버전)으로 변경됩니분기점

tablet_index_banner1

 

mobile 분기점 : 767~360~

소개서 다운로드 브릭은 사라지고, 가독성을 위해 콘텐츠의 길이도 많이 짧아집니다.

 

mobile_index_banner1

 

사이트주소 : aws.gabia.com

작업자 : Trudy, Jin

 

 

Author.

Trudy / Gabia UI Designer

No Comments

Post a Comment

*