반응형 홈페이지제작 - 한국철도협회 수출지원센터

안녕하세요. (주)쓰리애니아이앤시. 웹사이트(website.co.kr)입니다.

오늘의 제작 과정 소개 사례는 한국철도협회 수출지원센터입니다.

[주요특징]

- PC버전 + 맞춤 모바일 버전 제작

- 회원가입

- 문의하기

- 보안 SSL 적용

- 일정 안내

- 회원관리

- 교육신청

[핵심 개발 내용]

- 기업+쇼핑몰 복합형 홈페이지 유형

- 교육신청

- 인력풀 DB 등록

- 대량 메일 발송

"Story"

한국철도협회 수출지원센터는 국내의 철도관련 기업이 해외로 진출할 때 정책ㆍ재정적으로 지원하고 있으며 국내외 철도산업진흥과 수출을 위한 구심점 역할을 하기 위해 업무를 수행하고 있습니다.

PC 및 모바일 화면에 최적화 된 적응형 홈페이지로 제작 (PC버전과 모바일 버전을 개별로 제작)

"main concept"

메인 컨셉은 격자형(메트로UI형)로 메인페이지 스크롤을 지양하고 한 화면에서 중요한 콘텐츠를 배치하여 노출하는 형태로 제작함

메인 비주얼 영역을 분할하여 중요 콘텐츠를 배치하여 강조함

"UX / UI"

UX / UI 목표는 쉽고 편리한 사용자 경험을 위하여 내비게이션 구조를 단순화하고 탭메뉴와 배너를 생성하여

사용자가 원하는 메뉴로 빠르게 이동할 수 있도록 설계 UX / UI 컨셉을 바탕으로 전체 홈페이지 메뉴 구조 및 와이어 프레임 설계

"color theme"

로고 컬러인 블루와 그린을 그라데이션 효과로 포인트를 넣음

"UI elements"

"design is done"

"mobile design"

정보를 모바일 화면에서 최적으로 보일 수 있도록 고려하여 비주얼 이미지등의 크기를 모바일 화면 해상도에 맞는 이미지로 대체하여 표시