알씨타운

오뚜기 웹 제작방식을 알아보자! [intro] 대한민국의 식품회사 오뚜기! 식료품 제조 및 판매업을 주로 하고 기업명처럼 식품업계에서 우뚝 자리 잡은 오뚜기는 어떻게 홈페이지 제작을 했는지 알아볼까요? [main] 1. 오뚜기 홈페이지를 접속하면 가장먼저 메인슬라이드배너가 눈길을 사로잡는데요. 고화질은 화면을 꽉채우는 메인배너를 활용하여 사용자의 시선을 사로 잡고, 이벤트 또는 주력상품을 효과적으로 홍보하고 있네요. ​ 2. 메인배너 하단으로 오뚜기 회사에 관련된 뉴스컨테이너가 위치하고 있네요. 홈페이지 이용자에게 자사 관련 공지사항을 빠르게 확인할 수 있도록 메인페이지에 삽입한 것 같아요. ​ 3. 이벤트 컨테이너는 회사에서 출시한 신제품, 현재 진행하고 있는 이벤튼를 보여줌으로써 사용자에게 관심을 유..

DIOR 웹 제작방식을 알아보자! [intro] 프랑스의 하이엔드 명품 프랜드 디올! 전 세계적으로 대중들에게 사랑받고있는 디올은 어떤식으로 홈페이지가 제작되었는지 살펴볼까요? 1.main_top 디올 홈페이지 메인화면은 화면을 꽉채운 슬라이드 배너와 이미지 클릭 시 해당 페이지로 이동하는 구조의 형식으로 제작되었네요. ​ 2.main_mid 메인페이지 컨텐츠는 디올자사에서 선정한 그달의 주력상품 또는 뷰티,여성의류,남성의류 컬렉션으로 나누어 해당 제품(컬렉션) 썸네일을 누르면 해당 페이지로 이동하는 구조입니다. 디올은 워낙 유명한 명품브랜드이기때문에 화려한 애니메이션 없이 상품이미지, 모델화보만 노출시켜도 시각적인 효과가 큰것 같네요. ​ 3.footer 푸터영역에는 먼저 '부띠끄찾기'라는 전국, 세계..

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

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