목록전체 글 (275)
알씨타운
국민은행 홈페이지 제작방식을 알아보자! [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년 바리스타 챔피언인 '폴 바셋'이 만든 카페죠. 특히 우리나라 커피 커뮤니티계에서도 폴바셋은 높은 레벨입니다. 커피전문점에서 스타벅스를 시작으로 점차 ..
GS엔텍 web site Intro 불과 10년전만해도 대다수의 사람들은 스마트폰을 많이 사용하지 않거나 사용해도 부담스러운 데이터의 요금으로 웹시장의 고객은 크지 않았습니다. 하지만 이제 사람들은 인터넷을 통해 물건을 구입하고 구인, 구직도 하며 상담과 장보기, 네비게이션 등 생활의 모든 부분을 담당하게 되었습니다. wifi는 어디서든 사용할 수 있게 되었고, 4G를 넘어 5G의 시대를 넘어가고 있죠. 기업도 이 프레임에서 자유로울 수는 없습니다. 때문에 이번엔 기업스타일로 제작한 홈페이지를 분석했습니다. 물론 대부분 비슷한 스타일을 가지고 있지만 그 중에서도 가장 최신에 만들어진 트랜드를 반영한 홈페이지 GS엔텍입니다. GS Entec by 소프트랩스 MAIN 풀 스크린 베너에 ..
질병관리본부(KCDC) 홈페이지 최근 가장 큰 이슈는 안타깝게도 코로나 바이러스입니다. 모두 건강히 위기를 잘 넘겼으면 좋겠네요. 관련 정보를 찾아보던 중 질병관리본부 홈페이지가 참 깔끔하게 잘 되어있더군요. 그래서 이번엔 질병관리본부 홈페이지를 분석해봤습니다. 질병관리본부(KCDC) by 소프트랩스 MAIN 메인은 가장 큰 이슈인 코로나 바이러스를 안내하고 있어요. 모두 잘 읽어보고 대비할 수 있으면 좋겠네요. 전반적으로 깔끔한 레이아웃과 박스 중간중간에 컬러감을 준 부분도 좋았어요. 일반적인 상단슬라이드가 아닌 고정베너는 안정감을 주는 것 같아요. 특히 질병관리본부의 전반적인 UI색을 보면 청록색을 사용했는데 심리치료에서 청록색은 심리적 안정감을 주기 때문에 좋은 컬러사용이라고 생각합..