반응형 홈페이지제작 - 스마트큐브

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

오늘의 제작 과정 소개 사례는 무인택배 제조 업체인 스마트큐브입니다.

[주요특징]

- 반응형 웹 제작(국문+영문)

- 특허 및 기술

- 제품 소개

- 기술력 소개

- 견적 문의

- 1:1 문의

- 채용안내

[핵심 개발 내용]

- 고급스러운 디자인

- 제품 소개

"Story"

무인시스템 택배함 등을 제작하는 ‘스마트큐브’ 기업의 기업 홍보형 홈페이지를 신규 제작

최고급 전자식 보관함 브랜드로 제품을 부각시킬 수 있는 디자인 컨셉 요구됨 

"main concept"

메인 컨셉은 스크롤 구조로 풀 프레임 이미지 및 배너 사용으로 직관성과 접근성이 향상함 스크롤에 익숙한 사용자들을 고려하여 구성한 구조

"UX / UI"

UX / UI 목표는 쉽고 편리한 사용자 경험을 위하여 내비게이션 구조를 단순화하고 카테고리에 ‘Product’와 ‘Competitive’를 분류하여

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

"color theme"

스마트큐브 로고 컬러인 레드, 블루를 돋보일 수 있도록 다크 계열 컬러 선택 로고 컬러인 레드를 포인트 컬러로 선택하여, 홈페이지 간 통일성 부여

"UI elements"

"photography"

제품의 고급스러운 디자인을 디테일하게 나타내는 포토콘텐츠를 선택 제품 실제 설치 사례를 보여줌

"design"

사용자의 환경에 맞추어 PC, 태블릿, 모바일 등 어떠한 환경에서도 최적화되어 볼 수 있도록 반응형웹을 타겟으로 하고

각 화면에서 보여줄 최적의 배치를 고려하여 디자인함

"design is done"

"mobile design"

제품사진과 정보를 모바일 화면에서 최적으로 보일 수 있도록, 반응형 웹을 적용하고 비주얼 이미지등의 크기를

화면 해상도에 맞는 이미지로 대체하여 표시