본문 바로가기 주메뉴 바로가기
서브 비주얼 3
서브 비주얼 2
서브 비주얼 1
서브 비주얼 4
서브 비주얼 6
서브 비주얼 5

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

WebSite.co.kr Story

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

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

웹사이트(WebSite.co.kr) 2021-10-18 조회수 3,098

안녕하세요. (주)쓰리애니아이앤시. 웹사이트(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"


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

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


















홈페이지 제작을 위한 모든 것, 웹사이트와 함께하십시오!

웹사이트(WebSite.co.kr)는 더 나은 품질을 위해 노력하고 있습니다.

빠른상담 신청하기

[자세히보기]
맨 위로