알씨타운

pren 웹 제작방식을 알아보자! [intro] 검증 된 각 분야의 아웃소싱 전문가와 클라이언트를 연결해주는 플랫폼 프랜! 다양한 분야의 검증된 전문과들과 쉽고 빠르게 소통 할수 있는 플랫폼 프랜은 어떤 방식으로 제작했는지 살펴볼까요? [main] 먼저 메인화면 부터 살펴볼까요? 프랜은 의뢰인과 전문가의 매칭플랫폼으로 클라이언트와 전문가 상호 협의를 통해 계약을 하고 전문가가 협의된 견적금액을 받고 플랫폼사에 일정 수수료를 지불하는 형식으로활동을 합니다. ​ 1. 헤더는 전문가찾기,의뢰요청하기 오른쪽에는 로그인tab 로그인시 로그인text는 가입자 아이디로 변경되고 의뢰요청하기탭 우측으로 마이페이지기능을하는 '마이프랜'이 추가되요. '매칭서비스'가 프랜의 핵심서비스이기때문에 이를 강조하기위해 매칭을 빠르..

단디헬퍼 웹 제작방식을 알아보자! [intro] 국내 가정도우미 전문 구인구직 1위사이트 단디헬퍼! 베이비시터, 가사도우미 등 신뢰도 높은 플랫폼으로 우뚝선 단디헬퍼 홈페이지는 어떤식으로 제작되었는지 알아볼까요? [main_top] 먼저 메인페이지부터 살펴볼까요? 우선 개인적으로 단디헬퍼의 메인컬러 pink를 포인트컬러로 사용하여 홈페이지 요소 곳곳에 사용된 것이 눈에 띄었습니다. 베이비 시터, 가사도우미를 사용자와 구직자간 매칭해주는 사이트 이기에 편안하고 따뜻한 느낌을 살려주는 분홍색을 사용한점이 긍정적으로 다가왔습니다. ​ 1. 메인페이지에 검색하기 버튼과 맞춤인재추천 서비스를 받을 수 있는 버튼이 삽입되어있네요. 이런 ui는 사용자가 검색기능 활용도가 높은 사이트에서 많이 사용하는데 단디헬퍼는 자..

지그재그 앱 제작방식을 알아보자! [intro] ​ 여성 쇼핑몰을 한번에 모은 애플리케이션 지그재그! 다양한 업체가 입점해 사용자들이 이를 한눈에 모아볼 수 있는 앱 앞으로가 더 기대되느 지그재그는 어떤형태로 제작되었는지 알아볼까요? 지그재그 앱 메인 화면입데요. 쇼핑몰 어플이기 때문에 상품이 제일 먼저 화면에 노출이 되고 있네요. ​ 1. 상단 우측에는 로고를 삽이하여 버튼을 누르면 메인화면으로 이동하는데요. 업체의 로고를 보여주면서 사용자가 메인으로 빠르게 이동할 수 있는 장점이 좋은것 같네요. ​ 2. 검색 ui도 최상단에 위치해 사용자가 빠르고 쉽게 검색 할수 있는 페이지로 이동할 수 있는 구조로 검색기능은 다음 페이지에서 더 자세히 살펴보겠습니다:) ​ 3. 이 부분이 메인화면에서 가장 주목되는..

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

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

케어닥 홈페이지 제작방식을 알아보자! [intro] 검증된 요양시설 정보를 쉽고 편하게 찾아주는 서비스 케어닥. 케어닥 홈페이지는 어떤 구조와 기능으로 홈페이지가 제작되었는지 살펴볼까요? [main page1] 먼저 메인페이지 부터 살펴볼까요? ​ 1. 홈페이지 접속 시 메인 상단에는 요양서비르의 특성에 맞게 환자 또는 노인을 따뜻하게 보호하는 느낌을 주기 위해 난색계열과 케어의 의미전달을 위해 의료아이콘을 심볼로 제작한 것이 인상적이네요. ​ 2. 사용자의 편리성을위해 사용자가 많이 찾고 접속 할 카테고리를 예측하여 삽입한것이 사용자에게 편리성을 제공하고 있네요. 또 회원가입/로그인 버튼을 상단에 삽입하여 사용자의 접근성 유도를 하고 있네요. ​ 3. '케어'이미지를 강조하기 위해 따뜻한 분위기의 이미..

국민은행 홈페이지 제작방식을 알아보자! [intro] ​ 세상을바꾸는 금융 국민은행! 국내 대표 금융그룹 중 하나인 국민은행 홈페이지는 어떤형대로 홈페이지 제작되었는지 알아볼까요? [main_top] ​ 1. 홈페이지 접속 시 보이는 메인화면인데요. 국내 뿐만이 아니라 세계적으로 심각한 문제가 되고 있는 코로나 바이러스로 인한 이용안내 팝업을 페이지 상단에 가장먼저 눈어에 띄게 게시 해 놓았네요. 사용자에게 중요한 안내사항을 홈페이지 접속 시 바로 확인할 수 있도록 했습니다. 이런 사용자를 위한 안내사항은 홈페이지제작 시 중요한 부분이기도 합니다. ​ 2. 안내팝업 밑으로 스크롤을 내리면 현재 진행하고 있는 이벤트 또는 행사를 슬라이드 배너를 삽입하여 게시했는데요. 현재 국내에서 인기를 얻고 있는 펭수를..

현대자동차 홈페이지 제작방식을 알아보자! [Intro] ​ 세계적으로 큰 자동차 회사 현대자동차! 국내 뿐만이 아니라 전 세계로 뻗어나가고 있는 현대자동차! 현대자동차의 홈페이지는 어떤형태로 홈페이지 제작 되었는지 알아볼까요? [Header] 1. 먼저 헤더 영역을 살펴볼까요? 헤더의 메인 nav 각 카테고리를 클릭하면 먼저 카테고리에 밑줄이 생기면서 active 를 인식 시켜주고 있네요. 그리고 하위 sub와 content 가 펼쳐지는데요. ​ POINT1 펼쳐진 하위 컨테츠에서 선택하고자하는 제품에 마우스를 가져다대면 먼저 백그라운드에 색상이 채워지고 자세히보기 | 내차만들기와 같은 메뉴가 생성됩니다. 이는 사용자에게 행위를 유도하고 제품 상세 정보를 알려주고자 하는데요. 자동차와 같이 설명이 많이 ..