청소대행 전문회사인 사회적기업 ㈜중원기업의 홈페이지를 리뉴얼하였다.
Design
– 홈페이지의 첫 메인화면을 차지하는 이미지 슬라이드를 통해 밝고 희망적인 분위기를 전달합니다.
– 깨끗하고 친황경적인 이미지를 중시하여 자연 이미지와 색상을 활용하였다.
Technical issue
– 화면 사이즈가 변하더라도 홈페이지의 영역은 중앙으로 맞추어진다.
– 일반 방문자는 접근할 수 없는 직원전용 게시판을 만들어, 직원간 소통을 도모한다.
아동과 청소년이 꿈 꿀 권리를 보장하고, 부모의 재산이나 지위 등에 상관없이 성북구 아동·청소년이 누구라도 차별없이 돌봄 받을 수 있기 위한 성북아동청소년통합정보망의 홈페이지를 제작하였다.
Design
– 메터리얼디자인을 기반으로 일정한 비율에 맞추어 다양한 내용을 중요도에 따라 크기를 달리하여 레이아웃을 구성하였다.
– 한가지 색상을 포인트로 삼기보다 다양한 색상을 채도와 명도가 부딪히지 않게 적정히 사용하여 밝고 부드러운 이미지를 전달한다.
Technical issue
– 마우스 호버기능으로 전체 메뉴를 볼 수 있어 본인이 찾고자 하는 페이지로 빠르게 이동할 수 있다.
– 일반 방문자와 실무자를 구분하는 실무자 인트라넷을 구축하여, 직원간 소통과 업무효율을 도모한다.
경기동부종소상인협동조합으로 성남지역 상권활성화와 전통시장과 중소상인의 자생력 강화, 사회적 공공성 확보를 위해 설립된 엣지김치의 홈페이지를 제작하였다.
Design
– 외래어를 사용한 브랜드명에 맞추어 좀 더 캐주얼 하고 심플한 이미지로 세련됨을 추구했다.
– 일러스트를 활용하여 젊은 감각을 전달하고, 심플하고 복잡하지 않은 레이아웃으로 직관적인 UI를 구현하였다.
Technical issue
– 쇼핑몰기능을 중시한 홈페이지로, 어느 페이지에서도 상품페이지로 넘어갈 수 있도록 상품 퀵 아이콘을 화면 상단에 배치해 두었다.
– 그누보드를 활용하여 기능 구현에 있어 시간단축효과를 얻고, 타 사이트와 유사한 포맷을 가질 수 있어 사용자의 편의를 향상시켰다.
성남시민(복지종사자 및 관계자 포함)에게 복지, 보건, 고용, 주거, 교육 및 보육 등에 대한 종합적인 정보제공은 물론, 권리로서의 보편적 복지의식 증진과 지역사회 복지향상을 위한 다양한 활동을 수행하는 기관인 성남사회복지 종합정보센터의 홈페이지를 제작하였습니다.
Design
– 다양한 복지정보를 한눈에 파악할 수 있게 텍스트와 아이콘을 함께 사용하요 직관성을 높였다.
– 저채도의 여러 색상을 활용하여 자칫 복잡해 보일 수 있는 메인화면을 정돈시켰다.
Technical issue
– 다양한 복지정보와 소식을 찾을 수 있도록 검색창을 적극 활용하였고, 어느 페이지에서도 검색을 할 수 있도록 하였다.
– 데이터 베이스를 활용하여 자체 아카이브를 구축하였다.
범국민적인 사회적기업운동을 효과적으로 지원하고자 설립된 사회적기업활성화 지원센터의 혼페이지를 제작하였다.
Design
– 사회적기업 로고에서 사용하는 주황색과 녹색을 활용하여 전체적인 혼페이지의 분위기를 통일시켰다.
– 실사와 그래픽을 적절하게 혼용하여 신뢰감을 주는 분위기를 구현하였다.
Technical issue
– 메인화면에 달력을 배치하여 행사 일정등을 직관적으로 찾을 수 있게하였다.
– 회원제 시스템을 구축하여 지원센터에 접근한 사람의 목적에 맞는 서비스를 제공한다.
나눔과 공생을 기업이념으로 하는 자사 브랜드pc와 모니터를 생산 납품하는 사회적기업 레드스톤의 홈페이지를 구축하였다.
Design
– 레드스톤이 가지는 로고와 브랜드 색상인 붉은색을 포인트 색상으로 사용하였다.
– 레드스톤에서 판매하는 제품의 상세페이지를 작업하였다.
Technical issue
– 컴퓨터의 소프트웨어의 다운로드가 가능하도록 다운로드 페이지를 제작하였다.
– 트위터를 통해 소셜 네트워크 서비스와의 연계기능을 제공한다.
지식재산 전문 변리사들로 구성된 법정단체인 대한변리사회의 홈페이지를 구축하였다.
Design
– 대한변리사회가 가지는 신뢰감을 주기위해 실사이미지를 주로 사용하고, 다양한 업무의 빠른 접근을 위해 메인 메뉴에 링크를 두고 직관적인 아이콘과 이미지를 사용하였다.
– 많은 내용이 들어가는 메인페이지를 복잡하지 않은 레이아웃으로 깔끔하게 구현해내었다.
Technical issue
– 모바일 접근성을 위해 변리사회 전용 모바일 어플리케이션을 제작하여 배포하였다.
– 글로벌 활동 단체답게, 다국적언어 서비스를 제공하였다.
– 어느 페이지에서도 주요 메뉴로 이동할 수 있도록 퀵메뉴를 배치해두었다.
법무사들이 국민에게 신뢰받는 법률전문가로서 그 소임을 다할 수 있도록 다양한 지원과 관리, 감독 및 제도개선 활동을 하고있는 법무사들의 단체인 대한법무사협회의 홈페이지를 구축하였다.
Design
– 대한법무사협회가 가지는 신뢰감을 주기위해 실사이미지를 주로 사용하고 , 신뢰감을 주는 파란색상을 주로 사용하여 홈페이지의 성격을 전달한다.
– 메인페이지 밝은 느낌의 이미지 슬라이드를 사용해 자칫 딱딱하게만 느껴질 수 있는 분위기를 환기시켰다.
Technical issue
– 메인페이지에 방문자가 가장 먼저 찾는 정보를 바로 볼 수 있는 버튼을 중앙에 배치하였다.
– 채권할인율을 실시간으로 가져와 계산할 수 있도록 국민주택채권 계산기를 개발하였다.
160℃의 고온살균스팀기로 차량내 세균 및 먼지를 제거하는 생활쓰레기 수집 운반업을 하는 사회적기업 나눔환경의 홈페이지를 제작하였다
Design
– 사회적기업의 로고마크 색상을 활용하여 따뜻하고 포근한 사회적기업의 이미지를 강조하였다
– 자연친화적인 분위기를 위해 전체 백그라운드에 하늘 배경을 깔았다.
Technical issue
– 주요 사업인 친환경 스팀세차가격을 사용자의 차 종에 따라 바로 알 수 있도록 메인에 배치해두었다.
고양시민의 민의를 대변하는 시의원들과 시민이 소통하는 공간인 고양시의회 홈페이지를 구축하였다
Design
– 고양시의회의 다양한 내용을 한눈에 볼 수 있되 복잡하지 않게 각 영역사이의 충분한 여백과 직관적인 표현으로 깔끔하게 구성하였다.
– 시의회 의원들의 정보를 바로 수취할 수 있는 개별홈페이지를 고양시의회와 톤앤매너를 맞추어 제작하였다.
Technical issue
– 홈페이지에서 수취할 수 있는 자료를 볼 수 있는 다양한 프로그램의 다운로드 링크를 만들어 두어 사용자의 편의를 고려하였다.
– 영어중국어일본어의 다국적 언어를 지원하며, 다양한 사용자를 고려한 글씨 확대기능을 갖추고 있다.
– 모바일 웹을 동시에 제작하여 다양한 환경과 디바이스를 지원한다.
생산·협동·나눔의 이념과 정신으로 지역 저소득 주민의 자활자립지원을 통해 더 나은 삶을 향해가는 지역공동체 실현을 목적으로 설립된 경기성남지역자활센터의 홈페이지를 제작하였다.
Design
– 센터의 공식 CI색상을 기본으로 녹색과 노란색을 사용하여 따뜻한 이미지를 전달한다
– 메인페이지의 센터의 자활사업을 한 눈에 볼수 있도록 슬라이드로 배치하였다.
Technical issue
– 게시판에 관리자 권한을 부여하여 불특정 다수의 사적인 게시물 업로드를 방지하였다.
아동, 청소년, 여성, 노인의 행복추구와 권익보호, 복지향상을 도모함으로써, 지역사회사업에 복무하여 지역사회 복지건설에 기여함을 목적으로 하는 새날 복지회의 홈페이지를 제작하였다.
Design
– 따뜻한 가정을 의미하는 집과 새싹의 이미지가 복합되어 이루어진 심볼을 기본으로 맑고 따뜻한 이미지를 전달하는 하늘색과 노랑을 주로 사용하였다.
– 아기자기한 이미지와 손글씨 느낌의 폰트를 활용하여 시설의 이미지와 어울리는 상세페이지를 제작하였다.
Technical issue
– 센터와 어린이집 등의 유관 단체와의 퀵링크를 구축하였고, 홈페이지 내 유관 단체의 방문편의를 위해 다음 지도 API를 활용하여 오시는길 페이지를 제작하였다.
– 내방객의 후원활동을 위한 후원신청 페이지를 제작하였고, 자동등록방지장치를 통해 불필요한 접근을 막았다.
우리땅을 소중히 여기는 기업, 비옥토 자연순환농업센터의 홈페이지를 제작하였다.
Design
– 비옥토가 가지는 자연친화적인 이미지를 전달하기 위해 자연과 동물의 이미지를 활용하였다.
장애아와 비장애아가 함께 자라는 세상을 꿈꾸며 지역사회의 장애인에 대한 인식변화를 도모하는 꿈고래놀이터 부모협동조합의 홈페이지를 제작하였다.
Design
– 조합의 공식 CI를 기본으로 따뜻한 노란색을 메인으로 사용하여 꿈고래놀이터의 희망적인 메시지가 전달되게 하였다.
– 밝은 이미지의 아이들과 아기자기한 아이콘을 활용하여 방문자의 이해를 도왔다.
Technical issue
– 조합 방문을 희망하는 사람들을 위해 오시는 길의 안내를 이미지가 아닌 구글지도를 활용하여 기술적인 편의를 제공하였다.
– 다양한 브라우져에서 호환될 수 있도록 웹 표준을 상당수준 준수하였다.
Design
– 성남 중앙지하 쇼핑몰의 흥미와 관심을 가질 수 있도록 디자인 하였습니다.
– 성남 중앙지하 쇼핑몰에서 판매하는 물품들을 쉽게 파악 할 수 있도록 디자인 하였습니다.
Technical issue
– 쉽고 직관적인 메뉴 구성과 최소한의 depth 사용으로 사용자 입장에서 편리하게 이용할 수 있도록 구성하였습니다.
– 상가 지리 입점의 대해서 빠르고 쉽게 알 수 있도록 제작 하였습니다.
착한소비를 지향하는 지적장애인의 희망일터, 세움카페의 홈페이지를 제작하였다.
Design
– 아기자기한 손그림을 활용하여 감성디자인으로 사람들에게 접근한다.
– 주력상품인 우리밀 카스테라를 전면에 배치하여 홍보효과를 얻는다.