목록전체 글 (269)
알씨타운
맘시터 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] ..
CJ 홈페이지 제작방식을 알아보자! [ Intro ] 우리나라를 대표하는 브랜드 중 하나 cj 다양한 컨텐츠를 개발하며, 브랜드 가치가 무한으로 성장하고 있는 cj 홈페이지는 어떤 형태로 홈페이지제작 했는지 살펴볼까요? by SOFTLABS CJ [ Concept ] cj 홈페이지는 모션그래픽, 영상, 이미지를 활용하여 역동적인 컨셉으로 홈페이지제작을 했는데요. color보다는 다양한 이미지, 영상을 삽입하여 사용자가 홈페이지에 더 몰입할 수 있도록 시선을 유도하고 있습니다. 통상적으로 알고 있는 화면전환이 아닌 색다른 화면전환으로 활발한 느낌을 주기도 하죠. 자, 컨셉을 알아봤으니 더 자세히 분석해볼까요? [Main] [ Main page ] 첫 번째로 cj사이트는 메인전체화면에 영상을 삽입..
폴 바셋(PaulBassett) 홈페이지 제작방식을 알아보자! Intro 이젠 식음료매장도 웹,모바일을 통해 홍보하고 마케팅합니다. 물론 SNS요소가 크게 영향을 미치기도 하지만 홈페이지도 중요한 요소 중 하나죠. 만약 사업을 생각하고 있거나, 구상중이라면 어떻게 접근해야할지 주목! by SOFTLABS 폴바셋(PaulBassett) MAIN 가장 먼저 살펴봐야할건 분위기죠. 브랜드의 분위기 혹은 CI(Corporate Identity)를 봐야합니다. 브랜드의 문화, 특성, 고객에게 전하고 싶은 이념을 기반으로 진행하죠. 폴바셋의 경우 2003년 바리스타 챔피언인 '폴 바셋'이 만든 카페죠. 특히 우리나라 커피 커뮤니티계에서도 폴바셋은 높은 레벨입니다. 커피전문점에서 스타벅스를 시작으로 점차 ..