본문 바로가기

홈페이지

(9)
웹사이트 디자인에 대한 이해 높이기 웹사이트 디자인을 처음 계획해보거나 리뉴얼을 생각하는 분들께 도움이 되는 글을 모았습니다. 웹디자인의 역사를 포함해 홈페이지 방문자 수를 늘리는 7가지 팁까지, 웹디자인에 대한 다양한 글을 읽고 웹디자인에 대한 이해를 높여보세요. 1. 짤방으로 이해하는 웹 디자인의 역사 웹디자인의 역사는 어떻게 발전해왔을까요? 웹의 암흑기부터 반응형 디자인까지 거쳐온 웹디자인의 발전을 간단한 짤방으로 이해할 수 있습니다. 짤방으로 이해하는 웹 디자인의 역사 (→글 읽기) 2. 움짤로 이해하는 반응형 웹디자인의 9가지 요소 반응형 웹디자인이라는 말 많이 들어보셨을 텐데요. 다양한 디스플레이 환경에 대응할 수 있는 반응형 웹디자인에 대해 정확히 이해할 수 있도록 돕는 글입니다. 아직도 반응형 웹디자인의 개념이 모호하다면 꼭..
우리 홈페이지, 어떻게 만들어 활용할까? 3편 웹사이트를 제작하고 운영하면서 콘텐츠에 대한 중요성을 다시 한 번 강조하여도 부족함이 없습니다만, 좋은 콘텐츠를 보유하였더라도 이를 출판(발행)할 매체가 없다면 필요한 사람들에게 그 정보를 전달하기가 어렵습니다. 네트워크와 인터넷 기술의 발전으로 고전적인 HTML 문서를 게시하는 것부터 간편하게 스마트폰에서 업로드 할 수 있는 수많은 방법이 생겨났습니다. 하지만 기관을 대표하는 공신력 있는 웹사이트를 제작하는 것은 단순한 SNS 페이지를 보유하는 것 이상으로 고려해야 할 사항이 많습니다. 이번 포스팅에서는 Mr.slo의 예시로 독립적인 웹사이트의 개발 및 운영에서 필수적으로 알고 있어야 할 사항에 대해 설명하도록 하겠습니다. 가상사례A 기관의 담당자인 Mr.slo는 최근 신설된 A 기관의 온라인 마케팅 ..
홈페이지 방문자 수를 늘리기 위한 7가지 팁 이 글은 디자인 에이전시 Digital Telepathy의 "7 Signs Your Website Design Is Bad for Business" 글을 "홈페이지 방문자 수를 늘리기 위한 7가지 팁"이라는 제목으로 번역하고 일부 수정하여 작성하였습니다. 하루에도 수십 개의 홈페이지가 개발됩니다. 살펴보면 비슷한 형태와 구성의 웹사이트들을 많이 볼 수 있습니다. 왜 그럴까요? 각 회사의 특징이 다를 텐데 말이죠. 다양한 프로젝트를 진행하면서 접하는 여러 클라이언트의 요구는 이렇습니다. 다양한 콘텐츠를 웹사이트 메인에 모두 드러내 주세요. 그렇다면 그 콘텐츠를 방문자가 다 읽어보고 클릭할까요? "(사용자를) 생각하게 하지마!" 도서에는 이런 내용이 있습니다. 제작자는 사이트가 "훌륭한 작품"이 되기를, 아..
우리 홈페이지, 어떻게 만들어 활용할까? 2편 인류의 역사에서 콘텐츠는 어디에선가, 누군가로부터 늘 제작되어 왔고 이는 구전을 통해, 종이와 활자를 통해, 그리고 매체를 통해 전달되어져 왔습니다. 인터넷 역시 디지털화되거나, 디지털을 기반으로 생산된 정보가 오가는 매개로써 급속한 기술의 발전에 힘입어 손쉽게 정보를 습득할 수 있는 주요한 통로로 자리매김 하였고, 이러한 특징들로 인해 현재 기관이나 단체 그리고 개인에 이르기까지 누구나 인터넷을 이용해 자신이 생산한 콘텐츠를 전달하거나, 타인의 콘텐츠를 조회할 수 있게 되었습니다. 지난 글 '우리 홈페이지 어떻게 만들어 활용할까 1편'에 말씀드린 바와 같이 여기에서 말하는 웹사이트는 그 자체로서 의미 있는 콘텐츠를 담고 있는 웹페이지들이 일련의 장소에 일목요연하게 모여 제공되는 곳입니다. 이번 포스팅에..
웹사이트 메뉴 현명하게 사용하기. 세로형 내비게이션 세로형 내비게이션이란? 웹사이트의 콘텐츠 항목을 볼 수 있는 메뉴 내비게이션은 일반적으로 가로형과 세로형이 있습니다. 현재 슬로워크의 내비게이션은 상단에 가로로 보이는 가로형 내비게이션입니다. 흔히 접할 수 있는 방식이죠. 그럼 세로형 내비게이션은 무엇일까요. 세로형은 브라우저 영역을 기준으로 왼쪽 위 기업 로고 아래 수직 배열로 정렬되는 구조를 말합니다. 일반적으로 가로형 내비게이션이 많이 쓰이지만, 스크롤로 제어하는 원 페이지 구조가 등장하면서부터 이에 적합한 세로형도 많이 볼 수 있게 되었습니다. 세로형 내비게이션 메뉴 활용법 1. 단일 페이지 레이아웃을 활용하여 상하로 동작하도록 만들어주세요.단일페이지란 반응형 웹에 따라 사용되는 구조인데요. "One page", "Full page" 라고 불리며..
기본에 충실한 웹 사이트 만들기, (사용자를) 생각하게 하지마! 친절한 웹사이트는 어떤 모습일까요? 사용자가 생각하지 않고 쉽게 이해 가능한 사이트가 아닐까요? 한 권의 책, "(사용자를) 생각하게 하지마"를 통해 그 방법을 알아볼게요. 스티브 크룩(Steve Krug)이 지은 이 책은 화려한 UX가 아닌 기본에 충실한 UX를 보여줍니다. 웹 실무에 바로 적용 가능한 기본 팁들과 왜 그렇게 적용되는지 이유도 쉽게 설명되어 있어요. 종종 귀여운 카툰도 등장하고요. 다 읽고 난 다음엔 카툰이 먼저 생각나는 묘한 책입니다. 친절한 웹 사이트를 만드는 방법은 많이 있습니다. 그럼 가장 핵심에 다가가는 방법은 어떤 것일까요? 아마도 화려한 테크닉이 아닌 조용하지만 강한, 즉 기본에 충실한 UX가 사용자에게 감동을 준다 생각합니다. 그럼 이 책에 담겨있는 "관례 사용하기" 부분..
우리 홈페이지, 어떻게 만들어 활용할까? 1편 슬로워크 웹개발실과 함께 해 주신 분 가운데 많은 비율을 차지하는 고객군 중 하나는 비영리 단체나 기관입니다. 웹이 세상에 선보인 이래 현재에 이르기까지 소위 말하는 ‘홈페이지’는 명함과 더불어 ‘조직’이 가져야 하는 기본적인 주요 홍보 매체가 되었습니다. 단순한 Plain HTML로 구성된 웹브로슈어, CMS엔진을 탑재해 온라인 컨텐츠를 직접 생산/발행할 수 있는 플랫폼 형태의 웹사이트나 블로그. 사용자와 소통할 수 있는 온라인 서비스로 제공되는 SNS 또는 블로그 솔루션. 끝이 없어 보이는 수많은 형태의 온라인 플랫폼이 무엇인지, 그리고 어떻게 우리가 효율적으로 운영할 수 있을지에 대한 슬로워크의 생각을 정리해 보았습니다. 이야기를 시작하기에 앞서, '홈페이지' 와 운영에 필요한 온라인 매체의 이해를..
새롭게 바뀐 슬로워크 홈페이지를 소개합니다! 슬로워크의 다양한 프로젝트와 디자인 작업물을 만나볼 수 있는 공간! 슬로워크 홈페이지(slowalk.co.kr)에 방문해보신 적이 있나요? 초창기 3명의 직원으로 시작해 이제는 25명의 구성원이 일하는 회사로 성장한 슬로워크. 양적인 크기뿐 아니라 더 깊이 있게 다양한 영역을 확장해가는 슬로워크에게 홈페이지 리뉴얼은 꼭 필요한 과정이었습니다. 기존의 슬로워크 홈페이지 슬로워크만의 스타일과 기존 홈페이지의 쉽고 간편한 방향성은 유지하되 확장된 크기와 사업 영역에 맞춰 전문성을 더하고, 많은 분들께 조금 더 친절하고 가깝게 다가가는 홈페이지를 만들기 위한 고군분투! 실력과 열정을 겸비한 슬로워크 웹 개발실에서 개발, 디자인하고 슬로워크의 각 구성원들이 지속적으로 함께 참여해 만들어가는 slowalk.co.k..