크롬 확장 프로그램 6탄 – CSS Peeper, 홈페이지 디자인 분석하는 방법

좋은 홈페이지를 보다 보면 단순히 색상이나 폰트만 참고하는 것이 아니라 버튼 크기, 여백, 카드 디자인, 그림자 효과까지 분석하고 싶을 때가 있습니다. 예전에는 이런 정보를 확인하기 위해 개발자 도구(F12)를 열어 HTML과 CSS를 직접 찾아보곤 했었습니다. 하지만 개발자가 아니라면 수많은 코드 속에서 원하는 정보를 찾는 것이 쉽지 않았고, 시간이 오래 걸리는 경우도 많았습니다. 그러다 사용하게 된 것이 … 더 읽기

크롬 확장 프로그램 5탄 – Wappalyzer, 홈페이지 제작 기술 확인하는 방법

홈페이지를 보다 보면 “이 사이트는 어떤 프로그램으로 만들었을까?”라는 궁금증이 생기는 경우가 있습니다. 특히 홈페이지 제작을 시작하거나 좋은 레퍼런스를 분석하다 보면 디자인뿐 아니라 어떤 기술을 사용했는지도 함께 알고 싶어집니다. 예전에는 홈페이지 소스를 직접 확인하거나 개발자에게 물어봐야 하는 경우가 많았습니다. 하지만 개발자가 아니라면 소스를 보고 어떤 CMS나 프레임워크를 사용했는지 판단하기는 쉽지 않았습니다. 그러다 알게 된 것이 Wappalyzer였습니다. … 더 읽기

크롬 확장 프로그램 추천 TOP 15, 디자인 작업 시간을 줄여주는 실무 필수 도구

웹디자인이나 상세페이지를 제작하다 보면 생각보다 브라우저를 사용하는 시간이 많습니다. 마음에 드는 홈페이지의 컬러를 확인하고 싶을 때도 있고, 폰트가 무엇인지 궁금할 때도 있습니다. 경쟁사의 상세페이지를 분석하거나 긴 웹페이지를 캡처해야 하는 경우도 자주 발생합니다. 예전에는 이런 작업을 모두 직접 확인하거나 캡처 프로그램을 따로 사용했었습니다. 하지만 크롬 확장 프로그램을 활용하기 시작하면서 작업 방식이 많이 달라졌습니다. 색상은 클릭 한 … 더 읽기

웹사이트 제작 체크리스트 _ 이것만 확인해도 실패를 줄일 수 있습니다

웹사이트 제작 체크리스트가 필요하신가요? 홈페이지 제작 전 반드시 확인해야 할 준비사항부터 기획, 콘텐츠, 디자인, SEO까지 실제 제작 경험을 바탕으로 알려드립니다. 홈페이지 제작 상담을 하다 보면 가장 자주 들었던 말이 있었습니다. “홈페이지는 최대한 빨리 만들어 주세요.” 하지만 실제 프로젝트를 진행해 보면 제작 기간보다 더 중요한 것이 있었습니다. 바로 얼마나 준비가 되어 있는가였습니다. 처음에는 디자인만 시작하면 금방 … 더 읽기

홈페이지 메뉴 구성, 필수 메뉴, 고객이 원하는 정보를 쉽게 찾게 만드는 방법

홈페이지 필수 메뉴가 궁금하신가요? 기업 홈페이지, 쇼핑몰, 병원, 학원 등 업종별 홈페이지에 꼭 필요한 메뉴 구성과 방문자의 문의를 늘리는 메뉴 설계 방법을 알려드립니다. 홈페이지를 제작할 때 가장 먼저 고민하는 것 중 하나가 메뉴 구성입니다. “회사소개는 꼭 넣어야 할까?” “포트폴리오 메뉴도 필요할까?” “문의하기만 있으면 충분하지 않을까?” 이런 질문을 정말 많이 받습니다. 처음 홈페이지를 제작하는 분들은 디자인이나 … 더 읽기

홈페이지 기획서 작성법, 실패 없는 웹사이트 제작의 첫 걸음

홈페이지 기획서 작성법이 궁금하신가요? 웹사이트 제작 전 반드시 준비해야 하는 기획서 구성부터 메뉴 설계, 콘텐츠 정리, 화면 구성까지 제가 경험했던 실무 기준으로 자세히 알려드립니다. 홈페이지 제작 상담을 하다 보면 의외로 자주 듣는 말이 있습니다. “일단 예쁘게 만들어 주세요.” 물론 디자인도 중요합니다. 하지만 실제 프로젝트를 진행하다 보면 홈페이지의 완성도를 결정하는 것은 디자인보다 기획인 경우가 훨씬 많습니다. … 더 읽기

홈페이지 리뉴얼, 개선 방법, 필요성

홈페이지 리뉴얼 방법이 궁금하신가요? 홈페이지를 새로 만들지 않고도 문의율과 브랜드 신뢰도를 높이는 홈페이지 리뉴얼 체크리스트를 그 동안의 웹디자인 경험을 바탕으로 알려드립니다. 홈페이지 리뉴얼, 새로 만드는 것이 정답은 아닌 이유 홈페이지 제작 문의를 받다 보면 생각보다 자주 듣는 말이 있습니다. “홈페이지가 오래돼서 새로 만들어야 할 것 같아요.” “디자인이 촌스러워 보여서 전면 리뉴얼하려고 합니다.” “몇 년 전에 … 더 읽기

기업 홈페이지 제작, 디자인, 구성 _ 고객이 신뢰하는 홈페이지 만들

기업 홈페이지 구성은 어떻게 해야 할까요? 회사소개, 사업소개, 포트폴리오, 문의하기까지 고객이 신뢰하는 기업 홈페이지 구성 방법을 그 동안의 웹디자인 경험을 토대로 알려드립니다. 기업 홈페이지 제작 상담을 하다 보면 가장 많이 받는 질문 중 하나가 있습니다. “홈페이지에 어떤 메뉴를 넣어야 하나요?” “회사소개만 있으면 되는 것 아닌가요?” “경쟁사 홈페이지를 따라 만들면 되나요?” 처음 홈페이지를 제작하는 기업이라면 누구나 … 더 읽기

반응형 홈페이지 뜻, 제작, 예시

반응형 홈페이지란 무엇일까요? 모바일, 태블릿, PC에 자동 최적화되는 반응형 홈페이지의 장점과 꼭 필요한 이유를 그 동안 제가 웹디자인을 하면서 느낀 경험을 바탕으로 알려드립니다. 홈페이지 제작 상담을 하다 보면 빠지지 않고 나오는 질문이 있습니다. “반응형 홈페이지가 뭔가요?” “모바일 홈페이지랑 다른 건가요?” “꼭 반응형으로 제작해야 하나요?” 과거에는 PC용 홈페이지와 모바일 홈페이지를 따로 제작하는 경우가 많았습니다. 하지만 지금은 … 더 읽기

홈페이지 제작 전 준비해야 할 7가지

홈페이지 제작 전 무엇을 준비해야 할까요? 홈페이지 제작 비용과 기간을 줄이고 완성도를 높이는 준비사항 7가지를 그 동안 제가 웹디자인을 하면서 느낀 경험을 바탕으로 알려드립니다. 홈페이지 제작 상담을 진행하다 보면 의외로 자주 듣는 질문이 있습니다. “무엇을 준비해야 하나요?” “제작 업체에 맡기면 다 해주는 것 아닌가요?” “회사 소개만 있으면 되는 거 아닌가요?” 처음 홈페이지를 만드는 분들은 홈페이지 … 더 읽기