본문 바로가기 주메뉴 바로가기
서브 비주얼 4
서브 비주얼 12
서브 비주얼 11
서브 비주얼 1

반응형 홈페이지제작 - 아네마름

WebSite.co.kr Story

[DESIGN] 반응형 홈페이지제작 - 아네마름

[DESIGN] 반응형 홈페이지제작 - 아네마름

웹사이트(WebSite.co.kr) 2021-10-15 조회수 4,080

안녕하세요. 반응형 웹사이트 제작 전문 (주)쓰리애니아이앤시. 웹사이트(website.co.kr)입니다.

오늘의 반응형 웹사이트 제작 사례는 가구 전문회사 아네마름입니다.


반응형 웹이란?

반응형 웹이란 말 그대로 '브라우저 크기에 따라 반응한다'라고 생각하면 편합니다.

브라우저의 넓이에 따라 웹사이트가 최적화된 화면을 출력합니다.


그럼 이제 아네마름 홈페이지가 어떤 컨셉으로 디자인하여 제작됐는지 지금 바로 만나러 갑시다!



[반응형 웹사이트 제작 시 주요특징]

- 반응형 웹 제작(국문)

- 용품

- 회사소개

- 채용안내

- 제품정보

- A/S관리

- 고객문의

- 지점안내



[반응형 웹사이트 제작 - 아네마름의 핵심 개발 내용]

- 고급스러운 디자인

- 제품 소개

- 연혁 및 실적, 프로필(제품소개) 관리자 프로그램




"Story"


아네마름은 현대인들에게 보다 쾌적하고 실용적인 공간을 제공하기 위해 가구를 직접 개발ㆍ생산하고 있으며,

남양주 유망청년기업으로 선정 된 주민 공동시설 가구 전문회사입니다.


‘아네마름’ 기업 홈페이지 제작 건으로 고객의 니즈를 반영한 맞춤형 홈페이지를 디자인하며,

기존 쇼핑몰과 비슷한 컬러감으로 디자인 컨셉이 요구됨 전체적으로 차분하면서 이미지 콘텐츠가 눈에 띄도록 작업됨






"main concept"


반응형 웹사이트 제작 사례 아네마름의 메인 컨셉은 세로형 구조로 메인페이지 스크롤을 지양하고

한 화면에서 중요한 콘텐츠를 배치하여 노출하는 형태로 제작함

메뉴를 왼쪽에 배치하여 서브페이지 이동시에도 메뉴 접근성이 높음 카피라이트를 메뉴영역에 배치하여 화면 통일성 강조 가능




"UX / UI"


반응형 웹사이트 제작으로 웹, 모바일 사이트 간 통일성 UX/UI로 직관적으로 사용할 수 있도록 디자인함

UX / UI 목표는 쉽고 편리한 사용자 경험을 위하여 내비게이션 구조를 아코디언 메뉴로 단순화하고 메뉴명은 명료하고 단순하게 하여

사용자가 한눈에 볼 수 있도록 함 UX / UI 컨셉을 바탕으로 전체 홈페이지 메뉴 구조 및 와이어 프레임 설계


반응형 웹사이트 제작은 디바이스별로 줄어들거나 늘어날 것을 고려하여 그리드를 잡아주어야 합니다.

어느 한가지 그리드가 정답이라는 것은 없지만, 그리드를 잡고 콘텐츠 영역을 잡아 디자인하면 깔끔하게 제작할 수 있습니다.





"Color theme"


전체적으로 화이트-그레이 컬러 사용으로 차분한 분위기를 줌 인테리어 가구 디자인 이미지가 돋보이도록 디자인 컨셉 반영됨




"UI elements"


사용자 환경에 맞춰 최적화되는 반응형 웹사이트 제작으로

다양한 디바이스와 해상도에 맞게 최적화되는 반응형 웹사이트는 여러 환경의 사용자에게 동일한 사용자 경험을 제공

PC웹, 모바일웹 구분이 없어 사이트의 유지관리 효율성을 높임





"photography"



"design"


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

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




"Deisn is done"





"mobile design"


모든 사용자에게 직관적이고 만족스러운 경험을 제공할 수 있도록 반응형 웹사이트를 고려하여 디자인함

모바일에 최적화된 웹사이트로 PC형 레이아웃과 통일감 있게 기획하여

사용자의 다양한 접속 환경에서도 동일한 콘텐츠를 제공함





Website.co.kr, since 2006


지금까지 아네마름 반응형 웹사이트 제작 사례를 보았습니다.

저희 웹사이트(website.co.kr)은 고객님들의 니즈를 충분히 고려하여

차별화된 맞춤형 제작을 원칙으로 웹 표준화를 준수하여 다양한 환경 브라우저에서 동일한 사용자 환경을 제공합니다!










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

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

빠른상담 신청하기

[자세히보기]
맨 위로