알씨타운

현대카드 홈페이지 제작방식을 알아보자! [intro] ​ 현대자동차그룹 계열의 신용카드사 현대카드! 업계최초 세이브포인트제도를 도입하여 현대카드만의 브랜드 정체성을 담아 디자인을 하고 틀에박힌 가로형이아닌 세로형 카드로 다른 카드사와의 특별함을 강조하고 있는 카드사 입니다. 자 그럼 현대카드홈페이지는 어떻게 제작되고 사용자에게 어떤 장점을 선보이고 있는지 한번 알아볼까요? [main page] ​ 먼저 메인페이지부터 살펴볼까요? 메인페이지는 현대카드만의 독톡하고 톡톡튀는 감성이 돋보이는 color​가 사용자의 시선을 사로잡네요. ​ 1. 현재 선보이고 이벤트에대한 문구를 홈페이지 접속시 최상단에 팝업을 삽입하여 사용자에게 진행중인 이벤트 또는 출시한 카드를 홍보하고 있네요. 작고 사소한 부분이지만 이런 ..

H&M 홈페이지 제작방식을 알아보자! [intro] 세계적인 SPA브랜드 H&M! 명성에 걸맞게 합리적인 가격, 디자인의 옷들이 많은 브랜드 인데요. H&M은 스웨덴에서 시작된 글로벌 브랜드 입니다. 한국 H&M홈페이지는 어떻게 제작되었는지 한번 살펴볼까요? [main] 1. 홈페이지 메인 상단 중앙에는 H&M 로고가 위치해 있네요. 로고의 색상은 강렬한 레드색상, 심플한 ci로 홈페이지 접속시 브랜드인식을 강렬​하게 해주고 있네요. ​ 2. 메인navigation은 심플하게 텍스트로 제작되었네요. 홈페이지가 전반적으로 심플하게 구성되있는데 이런 디자인이 트렌디하고 H&M브랜드가 추구하는 아이덴티티와 잘 어울린다고 생각되네요. ​ 3. H&M의 강렬한 로고색상에 맞춰 메인배너도 레드컬러의 박스안에 강조하..

맘시터 APP 제작방식을 알아보자! [intro] 맞벌이 부부가 늘어나면서 아이를 믿고 맡길 수 있는 베이비시터를 찾는 부모들이 많아졌지요. 수많은 베이비시터와 보호자를 매칭해주는 플랫폼 서비스 맘시터! 맘시터의 앱은 어떤식으로 제작되었는지 알아볼까요? 맘시터의 어플을 접속하면 보이는 인트로 화면인데요. 귀여운 일러스트로 따뜻하고 온화한 느낌을 주고있네요. 베이비시터의 직업특성상 아이를 사랑하고 아끼는 분위기를 강조하기 위해 그 느낌에 부합하는 이미지가 좋은 것 같네요. 맘시터는 인트로화면이 지나간 후 로그인과 회원가입을 하기 전 어플의 특성과 장점을 먼저 소개하는 페이지로 구성되어있네요. 이 부분은 사용자에게 친절함을 느끼게하네요. ​ 1. 둘러보기와 같은 기능을 삽입하여 어플을 최초사용 시 간단한 기..

케어닥 홈페이지 제작방식을 알아보자! [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] ..