목록UX (92)
알씨타운
pren 웹 제작방식을 알아보자! [intro] 검증 된 각 분야의 아웃소싱 전문가와 클라이언트를 연결해주는 플랫폼 프랜! 다양한 분야의 검증된 전문과들과 쉽고 빠르게 소통 할수 있는 플랫폼 프랜은 어떤 방식으로 제작했는지 살펴볼까요? [main] 먼저 메인화면 부터 살펴볼까요? 프랜은 의뢰인과 전문가의 매칭플랫폼으로 클라이언트와 전문가 상호 협의를 통해 계약을 하고 전문가가 협의된 견적금액을 받고 플랫폼사에 일정 수수료를 지불하는 형식으로활동을 합니다. 1. 헤더는 전문가찾기,의뢰요청하기 오른쪽에는 로그인tab 로그인시 로그인text는 가입자 아이디로 변경되고 의뢰요청하기탭 우측으로 마이페이지기능을하는 '마이프랜'이 추가되요. '매칭서비스'가 프랜의 핵심서비스이기때문에 이를 강조하기위해 매칭을 빠르..
국민은행 홈페이지 제작방식을 알아보자! [intro] 세상을바꾸는 금융 국민은행! 국내 대표 금융그룹 중 하나인 국민은행 홈페이지는 어떤형대로 홈페이지 제작되었는지 알아볼까요? [main_top] 1. 홈페이지 접속 시 보이는 메인화면인데요. 국내 뿐만이 아니라 세계적으로 심각한 문제가 되고 있는 코로나 바이러스로 인한 이용안내 팝업을 페이지 상단에 가장먼저 눈어에 띄게 게시 해 놓았네요. 사용자에게 중요한 안내사항을 홈페이지 접속 시 바로 확인할 수 있도록 했습니다. 이런 사용자를 위한 안내사항은 홈페이지제작 시 중요한 부분이기도 합니다. 2. 안내팝업 밑으로 스크롤을 내리면 현재 진행하고 있는 이벤트 또는 행사를 슬라이드 배너를 삽입하여 게시했는데요. 현재 국내에서 인기를 얻고 있는 펭수를..
현대자동차 홈페이지 제작방식을 알아보자! [Intro] 세계적으로 큰 자동차 회사 현대자동차! 국내 뿐만이 아니라 전 세계로 뻗어나가고 있는 현대자동차! 현대자동차의 홈페이지는 어떤형태로 홈페이지 제작 되었는지 알아볼까요? [Header] 1. 먼저 헤더 영역을 살펴볼까요? 헤더의 메인 nav 각 카테고리를 클릭하면 먼저 카테고리에 밑줄이 생기면서 active 를 인식 시켜주고 있네요. 그리고 하위 sub와 content 가 펼쳐지는데요. POINT1 펼쳐진 하위 컨테츠에서 선택하고자하는 제품에 마우스를 가져다대면 먼저 백그라운드에 색상이 채워지고 자세히보기 | 내차만들기와 같은 메뉴가 생성됩니다. 이는 사용자에게 행위를 유도하고 제품 상세 정보를 알려주고자 하는데요. 자동차와 같이 설명이 많이 ..
이마트몰 홈페이지 제작방식을 알아보자! [intro] 국내 대형 할인점 대표 브랜드 중 하나 이마트 다양한 혜택, 다양한 제품, 수많은 컨테츠를 개발하여 온라인 쇼핑몰 형태의 인터넷 슈퍼마켓으로 탄생한 이마트 몰 홈페이지는 어떤 형태로 홈페이지제작 했는지 살펴볼까요? [Concept] 이마트몰 홈페이지는 로고 색상인 yellow를 메인 컬러로 사용하였는데요 전체적으로 파스텔톤의 색감을 사용한 바탕에 이미지와 텍스트를 삽입하여 깔끔하고 알려주고자 하는 이벤트나 상품을 강조하고 있네요. [Main page] 첫 번째로 이마트몰 사이트의 메인페이지는 타 쇼핑사이트들과 다른 구조의 형태로 홈페이지 제작했는데요. 부분 별로 나누어 구조가 어떻게 만들어지고 동작하는지 더 자세히 알아볼까요? [Main_top] ..