본문 바로가기

웹사이트

 (14)
코로나19 이후 웹사이트 메인페이지의 변화 각 업계가 메인페이지 콘텐츠로 위기에 대처하는 방법 강경화 외교부 장관이 3월 15일 영국 BBC '앤드류 마 쇼(Andrew Marr Show)'에 출연해 코로나19 관련 화상 인터뷰를 했습니다. 강 장관은 여기서 코로나19를 빠르게 극복할 수 있는 노하우로 두 가지를 언급했습니다. 빠른 조기진단 의료시스템과 민주주의 가치기반의 개방된 인터넷 환경이었는데요. 이중 '민주주의 가치기반의 개방된 인터넷 환경'은 정보를 적극적으로 공유하는 활동을 포함한다고 봅니다. 다수의 데이터 요청을 능동적, 가시적으로 처리하는 표현방식으로서의 프론트엔드(Front-end)를 강조하는 것입니다. 실제로 코로나19가 발생한 이후 정부를 비롯한 지자체는 코로나19 관련 오픈 데이터를 수집, 선별하여 확진자 현황, 동선 등의 ..
장애인 학대가 없는 사회를 위한 작은 변화 학대피해장애인지원센터 웹사이트 제작 프로젝트 *슬로워크 구성원이 해당 프로젝트를 리뷰한 글입니다. “저에게 ‘염전에 다시 가고 싶으냐’고 물으면 답은 ‘절대 안 간다’예요. 지금은 편해요.” 학대피해장애인지원센터 웹사이트의 ‘지원사례’ 페이지 중 진수씨의 이야기입니다. 장애우권익문제연구소와 슬로워크 소셜임팩트 사업부 소속 네 명(프로젝트 매니저(PM) 1명, 개발자 1명, 디자이너 2명)이 협력해 학대피해장애인지원센터 웹사이트를 열었어요. 진수씨 같은 학대피해장애인들 혹은 그 주변 사람들이 여기서 학대 상담 신청, 신고를 할 수 있고, 학대 피해 이후 지역사회에 정착하는 데 필요한 정보를 받아볼 수 있어요. 관련 기관 네트워크와 종합적인 지원망도 구축돼 있습니다. 비장애인의 경우 장애인 학대에는 어떤 종..
웹 스토리보드 작업 전 프리핸드 스케치의 필요성 슬로워크에서 제가 속한 컨버전스디자인팀의 KPI는 풀스택 디자이너(Full-stack designer)되기입니다. 그래서 디자인을 제외하고 가장 관심있는 웹기획을 스터디했고, 내/외부 프로젝트 스토리보드를 제작하면서 직접적인 경험을 하고 있습니다. 이 경험을 통해 배운 스토리보드 제작 전 프리핸드 스케치의 필요성을 공유합니다. 스토리보드? 프리핸드 스케치? 1. 스토리보드 진행중인 내부 프로젝트의 스토리보드 스토리보드는 실제 작업 담당자(디자이너, 개발자, 퍼블리셔)가 업무를 수행하기 전에 이해해야 할 작업지시서로, 고객의 의뢰에 따른 머리 속의 비즈니스 모델을 표현하는 것입니다. 2. 프리핸드 스케치 진행중인 내부 프로젝트의 프리핸드 스케치 프리핸드 스케치는 말그대로 연필 등의 도구로 스케치하는 작업으..
새로운 아름다운가게를 소개합니다. 아름다운가게(www.beautifulstore.org)는 지난 2016년 4월, 웹사이트를 새로운 웹사이트를 공개했습니다. 이번 웹사이트 리뉴얼(개편)은 슬로워크에서 진행하였는데요. 아름다운가게 웹사이트는 어떤 과정을 거쳐 새롭게 태어났을까요? 그 과정을 소개합니다. 아름다운가게 웹사이트 개편을 위해, 슬로워크와 아름다운가게의 담당자 간 사전 미팅을 여러 차례 진행했습니다. 기존의 웹사이트는 다양하고 많은 콘텐츠를 가지고 있었으나, 사업이 점점 커져감에 따라 메뉴 구조와 디자인 톤에 변화를 주고 사용성을 높여야 하는 상태였습니다. 이를 효과적으로 개선하고자 몇 차례 회의을 진행하였고, 시작 전 리뉴얼의 큰 방향성과 목표를 세웠습니다. 기존의 아름다운가게 홈페이지 아름다운가게 리뉴얼 방향성 및 목표1. 메..
웹, 모바일 디자인을 한다면 읽어야 할 정보 8가지 UI라는 단어는 이제 전문가가 아니더라도 쉽게 들을 수 있습니다. 웹, 모바일 디자이너거나 비디자이너라도 관련 프로젝트를 준비하고 있다면 알아두어야 할 8가지 웹, 모바일 UI정보를 모았습니다. 1. UI의 9가지 상태UI디자인은 기존의 정적인 디자인과는 다르게 동적으로 변화합니다. 상태나 상황에 따라 여러 가지 형태로 변화합니다. 변화에 따른 다른 데이터를 표현하고, 그 표현 양식이 달라지기도 합니다. UI디지안을 할 때 UI의 9가지 상태를 가이드라인으로 삼으면 사용자를 혼란에 빠뜨리는 일을 예방할 수 있습니다. UI의 9가지 상태 ➔ 더 읽기 2. 모바일 사용자 UX의 시작, 터치 제스처터치스크린 기반 인터렉션의 중요성과 터치제스처의 9가지 용어를 정리했습니다. 터치제스처의 기본 정의와 용어를 이해..
우리 홈페이지, 어떻게 만들어 활용할까? 3편 웹사이트를 제작하고 운영하면서 콘텐츠에 대한 중요성을 다시 한 번 강조하여도 부족함이 없습니다만, 좋은 콘텐츠를 보유하였더라도 이를 출판(발행)할 매체가 없다면 필요한 사람들에게 그 정보를 전달하기가 어렵습니다. 네트워크와 인터넷 기술의 발전으로 고전적인 HTML 문서를 게시하는 것부터 간편하게 스마트폰에서 업로드 할 수 있는 수많은 방법이 생겨났습니다. 하지만 기관을 대표하는 공신력 있는 웹사이트를 제작하는 것은 단순한 SNS 페이지를 보유하는 것 이상으로 고려해야 할 사항이 많습니다. 이번 포스팅에서는 Mr.slo의 예시로 독립적인 웹사이트의 개발 및 운영에서 필수적으로 알고 있어야 할 사항에 대해 설명하도록 하겠습니다. 가상사례A 기관의 담당자인 Mr.slo는 최근 신설된 A 기관의 온라인 마케팅 ..
타이포그래피, 웹에서 어떻게 활용할까? 웹사이트의 95%는 텍스트로 이루어져 있다고 합니다. 여러분이 읽고있는 이 글 또한 웹에 적용된 타이포그래피라고 할 수 있을텐데요, 사이트 방문자가 콘텐츠를 잘 읽고 목적지를 쉽게 찾아갈 수 있도록 하는 웹에서의 타이포그래피는 인쇄물에서의 그것보다 더 중요하다고 해도 과언이 아닐 것입니다. 웹 디자이너가 적용할 수 있는 웹 타이포그래피 요소와 디자인 팁을 소개합니다. 다양한 폰트의 선택, 미세한 활자의 조정이 가능해 디자이너의 창의성을 발휘할 수 있는 인쇄 작업과는 달리 웹에서 완벽한 타이포그래피를 구현하기에는 한계가 있습니다. 그럼에도 불구하고, 다양한 스타일의 웹폰트와 CSS의 출연으로 그래픽툴을 이용하지 않고도 웹상에서 훌륭한 타이포그래피를 구현할 수 있게 되었습니다. 웹에서 좋은 타이포그래피를 구..
홈페이지 방문자 수를 늘리기 위한 7가지 팁 이 글은 디자인 에이전시 Digital Telepathy의 "7 Signs Your Website Design Is Bad for Business" 글을 "홈페이지 방문자 수를 늘리기 위한 7가지 팁"이라는 제목으로 번역하고 일부 수정하여 작성하였습니다. 하루에도 수십 개의 홈페이지가 개발됩니다. 살펴보면 비슷한 형태와 구성의 웹사이트들을 많이 볼 수 있습니다. 왜 그럴까요? 각 회사의 특징이 다를 텐데 말이죠. 다양한 프로젝트를 진행하면서 접하는 여러 클라이언트의 요구는 이렇습니다. 다양한 콘텐츠를 웹사이트 메인에 모두 드러내 주세요. 그렇다면 그 콘텐츠를 방문자가 다 읽어보고 클릭할까요? "(사용자를) 생각하게 하지마!" 도서에는 이런 내용이 있습니다. 제작자는 사이트가 "훌륭한 작품"이 되기를, 아..