안녕하세요~!
20년노하우, 국내 최다 홈페이지 제작 매스티지입니다^^
오늘 포스팅 주제는
대한민국 대표적인 문화기획 및 컨설팅 기업,
컬처브릿지 반응형 홈페이지 구축 사례인데요~!
지금부터 같이 살펴볼까요^^
"컬처브릿지"는
문화와 예술, 도시와 공간, 콘텐츠를 통한 창조적 발전이라는
취지로 설립된 대한민국의 대표적인 문화기획 및 컨설팅 기업입니다.
'예술과 창의성, 나눔' 등의 가치를 추구하는 기업으로써
컨설팅, 문화공간, 창조산업, 문화기획, 인큐베이팅 등의 사엉엽역에서
다양한 클라이언트를 대상으로 문화프로젝트 사업을 수행하고 있습니다.
예술을 통한 창의성, 문화로 함께 나누는 보다 더 나은 삶과
사회의 발전에 기여하고자 노력하고 세계 속의 문화 기업을 지향하며
해외의 대표적 문화 기관, 기업들과의 공동협력 프로젝트를
지속적으로 추진하고 있습니다.
컬처브릿지 홈페이지의 사업영역, 프로젝트 등 주요 컨텐츠가
PC, 태블릿릿, 스마트폰 등 다양한 디바이스 해상도 모든 화면에서 잘 보이며
동일한 화면의 기능이 100% 잘 실행되도록
모바일에 최적화된 반응형 웹으로 제작되었답니다.
사용친화적인 UI/UX로 기획하고
설계되어 접근성 높은 인터페이스를 보여줍니다.
[메인페이지]
전체적으로 풀페이지 형태의 레이아웃에
와이드한 비주얼로 제작해 문화예술산업이 잘 소개되도록 구성했답니다!
마우스 스크롤을 내리면 텍스트가 순차적으로
자연스럽게 나오도록 제작해 집중력과 몰입도를 높였습니다:)
전체적인 컬러는 무채색 블랙 컬러를 사용하였고,
포인트로 블루 컬러를 활용해 문화예술기업의 산뜻하고 청량한 느낌으로
늘 가까이 있는, 친숙한 문화예술의 대중성을 강조시켰답니다^^
문화예술 컨설팅, 공간기획, 운영 등을
잘 보여주는 공연장 모습을 비주얼로 제작되었는데요.
넓고 쾌적한 공간이 잘 보여지도록 좌석을 확대한 모습,
좌석 전체적인 모습 2가지 타입으로 구성했답니다.
슬라이드 형식으로 레이아웃을 만들고 일정 시간이 지나면
페이지가 자동으로 바뀌는 기능을 넣었으며
하단에 스크롤바와 좌우 버튼으로 페이지 수동 이동이 가능합니다.
[GNB 내비게이션]
배경 백그라운드 밝기에 맞춰서 어두운 배경에는 GNB가
흰색의 레이아웃 형태로 들어갔고, 밝은 배경의 백그라운드에는
흰색의 영역으로 바뀌면서 텍스트와 로고가 블랙으로 바뀌도록
2가지 타입으로 제작해 가독성을 높였습니다.
내비게이션 메뉴에 마우스 오버시 블루 컬러로 포인트를 넣어
사용자가 인지하기 쉽도록 제작되었어요:)
GNB 가장 우측에 전체메뉴 탭을 클릭해 메뉴를 확인할 수도 있으며
모바일 반응형 웹을 위한 내비게이션 탭메뉴로 사용된답니다^^
기업가 강조하는 가치와 비전 이념이 잘 소개되도록
심플하고 간결한 형태의 레이아웃으로 제작되었고,
흑백의 사진과 블랙 컬러의 텍스트 구성으로
문화예술기업의 모던한 현대문화예술 느낌을 강조시켜 제작했습니다.
연, 소식, 공지등 모든 컨텐츠를 확인할 수 있는 영역으로
슬라이드 형태의 배너로 제작한 레이아웃으로
마우스를 좌우로 드래그하여 컨텐츠를 살펴볼 수 있으며,
각 컨텐츠에 마우스를 올리면 흑백의 배너 이미지가
컬러로 바뀌도록 대조되는 효과를 넣어
사용자의 흥미를 유발하도록 만들었답니다^^
[서브페이지]
상단의 서브 페이지 네임과 어울리는 백그라운드 이미지를 넣어
페이지 비주얼을 만들었고 하단에 하위뎁스 메뉴탭을 만들어
같은 영역의 페이지내 이동을 빠르고 용이하도록 제작했으며,
기업업의 비전이 잘 보여지게 과하지 않게
디자인했으며 포인트 컬러로 버튼, 아이콘을 만들어 제작했답니다!
전략 컨설팅 영역, 문화공간 영역, 전문화 기획 영역
3가지 사업영역을 3단 그리드의 레이아웃으로 구성했고,
각 컨텐츠 영역의 마우스를 올리면 컨텐츠 영역이 변형되면서
블랙 백그라운드의 투명도(oppacity)를 넣은 레이아웃으로 바뀌는데
각 사업영역을 자세하게 소개하는 내용에 가독성을 높여주었네요:)
기업의 사업분야별 다양한 프로젝트를 한 눈에 볼 수 있는 페이지로
갤러리 형태의 레이아웃으로 제작되었어요.
상단에 탭메뉴를 만들어 각 사업분야에 맞는 프로젝트를
사용자들이 좀 더 빠르게 확인할 수 있습니다.
원하는 프로젝트를 클릭하면 좀 더 자세한 내용을 확인할 수 있는
상세 페이지로 이동하여 더 많은 정보를 얻을 수 있답니다~^^
문화기획, 공간기획, 운영 등 다양한 문의사항을
빠르게 온라인으로 문의할 수 있도록 제작되었어요.
매스티지는 전문 프로세스를 통한 다양한 분야의 반응형 홈페이지 제작 경험과
성공적인 사례로 각종 홈페이지 제작 어워드에 수상을 받을만큼
고객과의 신뢰를 구축하고있습니다.
매스티지의 20년 노하우를 믿고,
함께 웹사이트를 구축하고 싶으시다면 언제든지 연락 주시기 바랍니다^^
개별상담을 통해 보다 자세한 제안을 드리겠습니다. 감사합니다~!
▼ 홈페이지 제작 및 문의▼
'포트폴리오[기업]' 카테고리의 다른 글
| [(주)시파코리아] 비즈니스 성공을 이끄는 기업홈페이지제작 매스티지! 반응형웹사이트구축 잘하는 곳. (3) | 2024.07.04 |
|---|---|
| [반응형홈페이지제작 매스티지]문화자원을 연결하고 실험하는"광명문화예술교육지원센터 " (2) | 2024.07.04 |
| [법무법인 고려] 웹사이트 마음에 들때까지 맞춰보며 제작하세요. 맞춤형 홈페이지제작 반응형웹사이트구축 웹에이전시! (2) | 2024.07.02 |
| [디에이기획] 홈페이지구축 잘하는 웹에이전시! 요즘 대세는 매스티지입니다. -마케팅에이전시 반응형리뉴얼사례 (0) | 2024.07.02 |
| [법무법인 재현] 이제 매스티지가 대세입니다! 핵심내용을 빠르고 정확하게 전달하는 반응형홈페이지제작, 20년경험의 웹에이전시! (1) | 2024.07.01 |
