Back
경기동부종소상인협동조합으로 성남지역 상권활성화와 전통시장과 중소상인의 자생력 강화, 사회적 공공성 확보를 위해 설립된 엣지김치의 홈페이지를 제작하였다.
Design
– 외래어를 사용한 브랜드명에 맞추어 좀 더 캐주얼 하고 심플한 이미지로 세련됨을 추구했다.
– 일러스트를 활용하여 젊은 감각을 전달하고, 심플하고 복잡하지 않은 레이아웃으로 직관적인 UI를 구현하였다.
Technical issue
– 쇼핑몰기능을 중시한 홈페이지로, 어느 페이지에서도 상품페이지로 넘어갈 수 있도록 상품 퀵 아이콘을 화면 상단에 배치해 두었다.
– 그누보드를 활용하여 기능 구현에 있어 시간단축효과를 얻고, 타 사이트와 유사한 포맷을 가질 수 있어 사용자의 편의를 향상시켰다.
우리나라의 방역-소독의 역사와미래, 성남시 방역-소독 시스템이 자세히 수록되어 있습니다.
Design
– 소독-방역의 역사와 미래에 스토리를 부여하여 남녀노소 누구나 쉽게 읽을 수 있도록 기획하였습니다.
– 소독-방역의 이미지에 포커스를 둔 디자인과 내용별 구분이 명확한 레이아웃을 적용하였습니다.
성남시민(복지종사자 및 관계자 포함)에게 복지, 보건, 고용, 주거, 교육 및 보육 등에 대한 종합적인 정보제공은 물론, 권리로서의 보편적 복지의식 증진과 지역사회 복지향상을 위한 다양한 활동을 수행하는 기관인 성남사회복지 종합정보센터의 홈페이지를 제작하였습니다.
Design
– 다양한 복지정보를 한눈에 파악할 수 있게 텍스트와 아이콘을 함께 사용하요 직관성을 높였다.
– 저채도의 여러 색상을 활용하여 자칫 복잡해 보일 수 있는 메인화면을 정돈시켰다.
Technical issue
– 다양한 복지정보와 소식을 찾을 수 있도록 검색창을 적극 활용하였고, 어느 페이지에서도 검색을 할 수 있도록 하였다.
– 데이터 베이스를 활용하여 자체 아카이브를 구축하였다.
첨단산업의 도시 성남시가 자랑하는 성남 9경 및 여행지를 “성남마실”에서 만나보세요.
Design
– 성남 9경과 각 테마별 여행지를 구분하여 성남시를 한눈에 볼 수 있도록 하였습니다.
– 숙박시설 및 여행지의 전화번호 및 홈페이지 주소를 삽입하여 언제 어디서든 편안한 여행이 되도록 여행객 관점에서 디자인하였습니다.
범국민적인 사회적기업운동을 효과적으로 지원하고자 설립된 사회적기업활성화 지원센터의 혼페이지를 제작하였다.
Design
– 사회적기업 로고에서 사용하는 주황색과 녹색을 활용하여 전체적인 혼페이지의 분위기를 통일시켰다.
– 실사와 그래픽을 적절하게 혼용하여 신뢰감을 주는 분위기를 구현하였다.
Technical issue
– 메인화면에 달력을 배치하여 행사 일정등을 직관적으로 찾을 수 있게하였다.
– 회원제 시스템을 구축하여 지원센터에 접근한 사람의 목적에 맞는 서비스를 제공한다.
성남산업진흥재단에서 성남시에서 진행되고 있는 산업 및 경제 전반에 대한 연구보고서를 제작하였습니다.
Design
– 연구보고서하면 떠오르는 딱딱함을 탈피하고자 부드러움을 강조한 디자인을 체택하였습니다.
– 대제목과 중제목, 소제목을 명확히 구분하였습니다. 표와 도형의 경우 일관성을 유지하였습니다.
나눔과 공생을 기업이념으로 하는 자사 브랜드pc와 모니터를 생산 납품하는 사회적기업 레드스톤의 홈페이지를 구축하였다.
Design
– 레드스톤이 가지는 로고와 브랜드 색상인 붉은색을 포인트 색상으로 사용하였다.
– 레드스톤에서 판매하는 제품의 상세페이지를 작업하였다.
Technical issue
– 컴퓨터의 소프트웨어의 다운로드가 가능하도록 다운로드 페이지를 제작하였다.
– 트위터를 통해 소셜 네트워크 서비스와의 연계기능을 제공한다.
성남산업진흥재단에서 진행하는 성남창조경영 CEO포럼의 일환으로 창조경영 리더십 아카데미 및 성남특허지원센터 현판식에 관련된 보고서를 제작하였다.
Design
– 도시와 산업이라는 컨셉으로 현대적인 색감과 레이아웃을 바탕으로 표지를 제작하였다.
– 보고서의 기본 틀을 벗어버리고 새로운 느낌을 보고서 양식을 채택하여 디자인에 반영하였다.
지식재산 전문 변리사들로 구성된 법정단체인 대한변리사회의 홈페이지를 구축하였다.
Design
– 대한변리사회가 가지는 신뢰감을 주기위해 실사이미지를 주로 사용하고, 다양한 업무의 빠른 접근을 위해 메인 메뉴에 링크를 두고 직관적인 아이콘과 이미지를 사용하였다.
– 많은 내용이 들어가는 메인페이지를 복잡하지 않은 레이아웃으로 깔끔하게 구현해내었다.
Technical issue
– 모바일 접근성을 위해 변리사회 전용 모바일 어플리케이션을 제작하여 배포하였다.
– 글로벌 활동 단체답게, 다국적언어 서비스를 제공하였다.
– 어느 페이지에서도 주요 메뉴로 이동할 수 있도록 퀵메뉴를 배치해두었다.
성남시 중원구에 위치한 황송노인종합복지관의 관보 ‘무량수’를 제작하였다.
관보를 통해서 지역주민들과 노인분들이 더 다양한 소식과 혜택을 접하시길 기대해본다.
Design
– 전통적인 분위기를 살리되 기사 내용을 쉽게 이해할 수 있는 감각적인 일러스트를 사용하였다.
– 노인분들도 읽기 편한 시원한 레이아웃과 폰트 사용에 중점을 두었다.
법무사들이 국민에게 신뢰받는 법률전문가로서 그 소임을 다할 수 있도록 다양한 지원과 관리, 감독 및 제도개선 활동을 하고있는 법무사들의 단체인 대한법무사협회의 홈페이지를 구축하였다.
Design
– 대한법무사협회가 가지는 신뢰감을 주기위해 실사이미지를 주로 사용하고 , 신뢰감을 주는 파란색상을 주로 사용하여 홈페이지의 성격을 전달한다.
– 메인페이지 밝은 느낌의 이미지 슬라이드를 사용해 자칫 딱딱하게만 느껴질 수 있는 분위기를 환기시켰다.
Technical issue
– 메인페이지에 방문자가 가장 먼저 찾는 정보를 바로 볼 수 있는 버튼을 중앙에 배치하였다.
– 채권할인율을 실시간으로 가져와 계산할 수 있도록 국민주택채권 계산기를 개발하였다.
행복을 나누는 따듯한 기업 사회적기업을 지원하는 한국사회적기업진흥원의 영문리플렛을 제작하였다.
Design
– 한국사회적기업진흥원을 로고 컬러 및 사회적기업의 상징인 따뜻함의 yellow계열을 사용하였다.
– 이미지와 텍스트의 조화를 초점을 두고 제작하였다.
“세계적인 법학”의 전당 서울대학교 법과대학의 소식지를 제작하였다.
Design
– 정의의 종의를 메인이미지로 활용하여 서울대학교 법과대학의 상징성을 나타냈다.
– 각 테마별 그리드시스템을 활용하여 깔끔함을 강조하였으며, 각 호 별로 컬러를 달리하여 차별화 시켰다.
160℃의 고온살균스팀기로 차량내 세균 및 먼지를 제거하는 생활쓰레기 수집 운반업을 하는 사회적기업 나눔환경의 홈페이지를 제작하였다
Design
– 사회적기업의 로고마크 색상을 활용하여 따뜻하고 포근한 사회적기업의 이미지를 강조하였다
– 자연친화적인 분위기를 위해 전체 백그라운드에 하늘 배경을 깔았다.
Technical issue
– 주요 사업인 친환경 스팀세차가격을 사용자의 차 종에 따라 바로 알 수 있도록 메인에 배치해두었다.
고양시민의 민의를 대변하는 시의원들과 시민이 소통하는 공간인 고양시의회 홈페이지를 구축하였다
Design
– 고양시의회의 다양한 내용을 한눈에 볼 수 있되 복잡하지 않게 각 영역사이의 충분한 여백과 직관적인 표현으로 깔끔하게 구성하였다.
– 시의회 의원들의 정보를 바로 수취할 수 있는 개별홈페이지를 고양시의회와 톤앤매너를 맞추어 제작하였다.
Technical issue
– 홈페이지에서 수취할 수 있는 자료를 볼 수 있는 다양한 프로그램의 다운로드 링크를 만들어 두어 사용자의 편의를 고려하였다.
– 영어중국어일본어의 다국적 언어를 지원하며, 다양한 사용자를 고려한 글씨 확대기능을 갖추고 있다.
– 모바일 웹을 동시에 제작하여 다양한 환경과 디바이스를 지원한다.
서울시외국인근로자센터의 소식지 “방가운 이웃”은 서울시외국인근로자센터의 시설현황부터 주요행사, 외국인근로자들의 취업현황까지 외국인근로자들의 모든 정보가 수록되어 있다.
Design
– 소식지 “방가운 이웃”의 컨셉은 따뜻함이다. 이를 표현하기 위해 일러스트 배경에 파스텔톤의 색을 입혀 컬러의 따뜻함을 나타냈으며, 외국인근로자들의 밝은 웃음 전면에 내세워 마음이 따뜻함까지 표현하였다.
– 테마 별 포인트 컬러를 선정하여 각 테마를 구분지었으며, 각 페이지에 맞는 그리드를 사용하여 구독성 및 열독성을 높였다.