목록웹제작 (29)
알씨타운
케어닥 홈페이지 제작방식을 알아보자! [intro] 검증된 요양시설 정보를 쉽고 편하게 찾아주는 서비스 케어닥. 케어닥 홈페이지는 어떤 구조와 기능으로 홈페이지가 제작되었는지 살펴볼까요? [main page1] 먼저 메인페이지 부터 살펴볼까요? 1. 홈페이지 접속 시 메인 상단에는 요양서비르의 특성에 맞게 환자 또는 노인을 따뜻하게 보호하는 느낌을 주기 위해 난색계열과 케어의 의미전달을 위해 의료아이콘을 심볼로 제작한 것이 인상적이네요. 2. 사용자의 편리성을위해 사용자가 많이 찾고 접속 할 카테고리를 예측하여 삽입한것이 사용자에게 편리성을 제공하고 있네요. 또 회원가입/로그인 버튼을 상단에 삽입하여 사용자의 접근성 유도를 하고 있네요. 3. '케어'이미지를 강조하기 위해 따뜻한 분위기의 이미..
국민은행 홈페이지 제작방식을 알아보자! [intro] 세상을바꾸는 금융 국민은행! 국내 대표 금융그룹 중 하나인 국민은행 홈페이지는 어떤형대로 홈페이지 제작되었는지 알아볼까요? [main_top] 1. 홈페이지 접속 시 보이는 메인화면인데요. 국내 뿐만이 아니라 세계적으로 심각한 문제가 되고 있는 코로나 바이러스로 인한 이용안내 팝업을 페이지 상단에 가장먼저 눈어에 띄게 게시 해 놓았네요. 사용자에게 중요한 안내사항을 홈페이지 접속 시 바로 확인할 수 있도록 했습니다. 이런 사용자를 위한 안내사항은 홈페이지제작 시 중요한 부분이기도 합니다. 2. 안내팝업 밑으로 스크롤을 내리면 현재 진행하고 있는 이벤트 또는 행사를 슬라이드 배너를 삽입하여 게시했는데요. 현재 국내에서 인기를 얻고 있는 펭수를..
현대자동차 홈페이지 제작방식을 알아보자! [Intro] 세계적으로 큰 자동차 회사 현대자동차! 국내 뿐만이 아니라 전 세계로 뻗어나가고 있는 현대자동차! 현대자동차의 홈페이지는 어떤형태로 홈페이지 제작 되었는지 알아볼까요? [Header] 1. 먼저 헤더 영역을 살펴볼까요? 헤더의 메인 nav 각 카테고리를 클릭하면 먼저 카테고리에 밑줄이 생기면서 active 를 인식 시켜주고 있네요. 그리고 하위 sub와 content 가 펼쳐지는데요. POINT1 펼쳐진 하위 컨테츠에서 선택하고자하는 제품에 마우스를 가져다대면 먼저 백그라운드에 색상이 채워지고 자세히보기 | 내차만들기와 같은 메뉴가 생성됩니다. 이는 사용자에게 행위를 유도하고 제품 상세 정보를 알려주고자 하는데요. 자동차와 같이 설명이 많이 ..
[Intro] 세계적인 아이스크림 브랜드 베스킨라빈스! 국내에서도 아이스크림하면 베스킨라빈스를 빼놓을 수 가 없죠? 다양한 아이스크림 맛 만큼 다양한 사람들에게 사랑받는 베스킨라빈스의 홈페이지는 어떤 형태로 홈페이지제작 됬는지 알아볼까요? [Concept] 베스킨라빈스 홈페이지는 다양한 일러스트와 톡톡튀는 색감을 사용하여 포인트를 주고 베스킨라빈스 메인 컬러인 핑크를 사용해 귀여운 느낌을 주고있네요. 홈페이지 제작 시 ci/bi의 컬러를 메인으로 활용하여 제작하는 경우가 많은데 베스킨라빈스도 로고 색상을 메인컬러로 사용 한 것 같습니다. [Header] 1. 메인페이지 헤더 영역에는 베스킨라빈스의 검색버튼이 있는데요. 이를 누르면 원하는 제품을 검색 할수 있게 됩니다. 버튼 또한 브랜드컬러인 핑크..
이마트몰 홈페이지 제작방식을 알아보자! [intro] 국내 대형 할인점 대표 브랜드 중 하나 이마트 다양한 혜택, 다양한 제품, 수많은 컨테츠를 개발하여 온라인 쇼핑몰 형태의 인터넷 슈퍼마켓으로 탄생한 이마트 몰 홈페이지는 어떤 형태로 홈페이지제작 했는지 살펴볼까요? [Concept] 이마트몰 홈페이지는 로고 색상인 yellow를 메인 컬러로 사용하였는데요 전체적으로 파스텔톤의 색감을 사용한 바탕에 이미지와 텍스트를 삽입하여 깔끔하고 알려주고자 하는 이벤트나 상품을 강조하고 있네요. [Main page] 첫 번째로 이마트몰 사이트의 메인페이지는 타 쇼핑사이트들과 다른 구조의 형태로 홈페이지 제작했는데요. 부분 별로 나누어 구조가 어떻게 만들어지고 동작하는지 더 자세히 알아볼까요? [Main_top] ..