Design
– 성남시근로자종합복지관의 B.I에 사용된 navy 계열 색상을 주 컬러로 사용해 조화롭게 디자인하였습니다.
– 기관이 추구하는 건강하고 성실한 근로자의 분위기를 살려 디자인하였습니다.

Technical issue
– 쉽고 직관적인 메뉴 구성과 최소한의 depth 사용으로 사용자 입장에서 편리하게 이용할 수 있도록 구성하였습니다.
– 강의신청과 신청확인 및 취소, 접수대기순번 정렬 등 기관에서 제공하는 강좌를 쉽게 이용하는 데 최적화된 인터페이스를 구축하였습니다.

Design
– 성남시장애인종합복지관의 주조색인 green 색깔이 잘 어울릴 수 있도록 디자인하였습니다.
– 기관이 추구하는 건강하고 깨끗한 분위기를 살려 디자인하였습니다.

Technical issue
– 쉽고 직관적인 메뉴 구성과 최소한의 depth 사용으로 사용자 입장에서 편리하게 이용할 수 있도록 구성하였습니다.
– 시각 장애를 갖고 계신 분들도 쉽게 웹을 사용 할 수 있도록 제작하였습니다.

Design
– 경기도시공사의 도시재생지원센터 홈페이지로, 사용자의 편의성을 최대한 살리는 인터페이스를 구성하는 데에 중점을 두었습니다.
– 경기도시공사 C.I에 사용된 라이트그린을 주 색상으로, 이와 어울리는 오렌지, 네이비를 보조 색상으로 활용하여 조화롭게 디자인하였습니다.

Technical issue
– 쉽고 직관적인 사용자 인터페이스를 사용함으로써 최적의 접근성을 갖추었습니다.
– 블로그와 페이스북 등 소셜 네트워크 서비스와의 연계기능을 제공합니다.

Design
– 도시락 실사에 바탕을 둔 간결한 디자인으로 기업 본연의 취지를 살림과 동시에 ‘정성을 담은 먹거리’라는 슬로건과 상통하게끔 디자인했습니다.
– 비에스푸드 C.I에 사용된 세 가지 컬러를 적극 활용하여 통일감을 주고 조화롭게 디자인하였습니다.

Technical issue
– 쉽고 직관적인 사용자 인터페이스를 사용함으로써 최적의 접근성을 갖추었습니다.
– 얻고자 하는 정보를 한 페이지 안에서 모두 확인할 수 있도록 사용자의 편의성을 중점으로 두고 제작하였습니다.

Design
– 오색시장이 가지는 5가지 색상을 바탕으로 전체적인 톤앤 매너(Tone&Manner)를 잡고 작업했습니다.
– 시장이 가지는 발랄한 분위기를 전달하기 위해 상인과 공식 캐릭터를 적극 활용했습니다.

Technical issue
– 반응형 웹으로 제작해 어떠한 디바이스에서도 호환됩니다.
– 블로그와 페이스북 등 소셜 네트워크 서비스와의 연계기능을 제공합니다.

신선설농탕은 (주)쿠드(KOOD)의 대표 외식브랜드이다.
신선설농탕은 최고의 맛과 품질 외에도 최고의 서비스와 환경, 또 사회봉사활동으로 많은 고객들이 사랑하는 대표 설농탕 브랜드로 자리매김하였다. KOOD CI 리뉴얼작업과 신선쇼핑몰 리뉴얼 작업을 함께 진행하였다.

Contents
– 이번 개편에서는 쇼핑몰인 동시에 신선설농탕의 브랜드 사이트 역할을 함께하는 웹사이트로 PR적인 부분은 많이 부각시켰다. ‘설농탕 이야기’ 메뉴는 브랜드인 신선설농탕을 소개하는 메뉴로서 신선설농탕의 특별함, 제조공정소개 등 ‘신선설농탕이 왜 맛있는지, 왜 신선이여야 하는지’를 설명하고 있다.
– 신선설농탕 매장에서만 즐기는 신선설농탕을 넘어 온라인쇼핑몰을 통해 어디서나 즐길 수 있는 설농탕이라는 개념으로 접근하였다. 실제 고객들의 경험과 후기를 바탕으로 다양한 니즈에 맞춘 패키지 상품을 구성하였다.
– 맛있는 레시피에서는 신선설농탕을 간단하게 조리하는 영상조리법을 제공한다.

Technical issue
– 쿠드CI와 신선설농탕 쇼핑몰 회원의 통합운영과 오프라인과 온라인에서 회원가입이 이루어지고 있는 업체 특성으로 인해 기존 중복회원의 처리와 향후 가입할 회원의 가입프로세스가 가장 큰 개발 사항이였다. 아스템즈와 연동하여 중복회원정보의 통합, 회원정보 업데이트, 향후 중복회원 방지의 개선을 위해 대대적인 회원개발이 필요했다.
– 온라인 쇼핑 외에도 전화주문 프로세스를 개발하였으며 담당자의 업무를 축소할 수 있는 편의기능들을 추가 개발하였다.
– 주문프로세스 개선, 주문 및 포인트오류 개선, 매출과 통계 등 쇼핑몰 기능 업데이트 등이 진행되었다. 구매프로세스의 편의기능들이 개선되었다. 장바구니나 비회원 구매, 포인트사용 등 사소한 부분까지 번거로운 절차들을 최소화하였다.

Design
– 쇼핑몰에 접속할 때마다 메인배너의 위치와 내용이 변경된다. 접속마다 사이트가 달라진 느낌을 주고 상품도 효율적으로 홍보할 수 있도록 제작하였다.
– 다양한 구매층이 접근할 수 있는 점을 고려하여 원하는 상품이나 정보로 쉽게 접근할 수 있도록 제작하였으며 아이콘이나 일러스트를 활용한 디자인과 폰트사용으로 정보의 가독성을 높였다.

화성시의 자연환경과 지역문화를 보존하고 지속가능한 여행문화를 민들기 위한 화성시생태관광협동조합의 홈페이지를 제작하였다.
화성시생태관광협동조합에서 제공하는 여행상품의 정보와 예약 시스템을 갖추고 있다.

Design
– 메인 슬라이드에 화성에코투어의 주요 여행상품에서 볼 수 있는 이미지를 올려두어 생동감 있는 협동조합의 이미지를 전달한다.
– 고대비의 색채를 사용하지 않고 자연에서 쉽게 접하는 색상을 사용해 자연 친화적인 분위기를 가진다.
– 그리드형 구조의 레이아웃으로 이미지와 텍스트가 서로의 영역을 침범하지 않는다.

Technical issue
– 체험상품의 예약과 예약확인 시스템을 갖추고 있습니다.
– 메인화면 상단에 화성시생태관광협동조합에서 운영하는 소셜 네트워크 서비스를 연계시켜두었다.

노란들판은 장애인과 비장애인이 함께 소통하며 일하는 실사출력, 인쇄디자인 전문 사회적기업입니다.
제품주문, 시안확인, 게시판 등의 기능을 갖추고 있습니다.

Design
– 노란들판의 CI와 BI를 적극활용하여 폰트와 색상사용에 있어 업체의 아이덴티티를 한눈에 전달합니다.
– 그리드형 구조로 디자인하여 큼직큼직한 영역이 필요한 내용만을 핵심적으로 보여줍니다.

Technical issue
– 회원시스템을 운영중이며, 제품의 주문과 주문한 시안의 확인을 할 수 있는 페이지를 만들어 고객과의 빠른 소통이 가능합니다.

장애인과 비장에인을 넘어선 영화를 사랑하는 사람들이 모여만든 비영리영화제인 PDFF장애인영화제의 홈페이지를 제작하였다.

Design
– 장애인영화제의 메인 포스터와 공식 트레일러등을 메인화면 상단에 배치하여 홍보효과에 도움을 주었다.
– 상영작의 제목과 감독을 담은 슬라이더를 활용하여 이용자들이 영화제에서 볼 수 있는 작품에 지속적으로 노출 될 수 있도록 하였다.

Technical issue
– 메인화면 상단에 장애인영화제에서 운영하는 소셜 네트워크 서비스와 동영상서비스 사이트 유튜브를 연동시켜두었다.
– 저시력자를 고려해서 화면 확대기능을 첨부시켰으며, 제작에 있어서 장애인 차별 금지법에 위배되지 않도록 웹표준을 철저히 준수하였다.

부라더상사의 브랜드사이트로 재봉에 관련된 부자재부터 재봉기까지 재봉생활에 대한 모든것을 제공하는 복합 서비스 브랜드이다.
온라인쇼핑몰과 오프라인샵을 동시 운영중이고, 지속적인 유지보수를 수행중이다.

Design
– 재봉을 컨셉으로 잡아 패브릭을 소재로 한 디자인을 중심으로, 도트와 패턴을 활용하여 포인트를 주었다.
– 저채도의 컬러를 활용하여 빈티지한 감성을 전달한다.

Technical issue
– 메인화면에 슬라이드쇼를 배치하였고, 교육프로그램 이미지를 팝업창으로 볼수 있게 해두었다.

2016년 6월 사회적기업 인증을 받은 주택,건축물,시설물,에너지,녹색환경 관리를 전문으로 하는 종합관리업체 세움 주식회사의 홈페이지를 제작하였다.
홈페이지 작업과 함께 회사 CI를 함께 제작하였다.

Design
– 세움이라는 단어가 가지는 의미를 CI에 적용시켜 회사의 아이덴티티를 강조하였다.
– 보라,녹색,회색의 컬러를 바탕으로 약간의 톤 변화로 홈페이지를 구성했기 때문에 전체적인 통일감이 좋은편이다.

Technical issue
– 메인페이지에 크게 이미지를 자리하였고 버튼사용에 있어 이미지맵 기법을 활용하여 간단한 구조로 설계하였다.
– 회사 내 인트라넷을 구현하여 직원들의 편의를 증가시켰다.

노인성질환의 진단과 치료, 관리, 예방, 연구에 목적을 두고 설립된 성남시노인보건센터의 홈페이지를 제작하였다.

Design
– 화면 메인페이지에 이미지 슬라이드를 배치하였고, 아이콘을 활용하여 직관적으로 게시판의 성격을 전달해준다.
– 센터의 로고와 동일한 색상을 조색상으로 잡아 홈페이지의 전체적인 통일성을 높였다.

Technical issue
– 마우스를 올렸을 때 반응하는 hover기능을 적극 활용하였다.
– 전체메뉴를 버튼을 이용해 열고 닫을 수 있도록 하였고, 전체적인 사이트맵을 한눈에 볼 수 있는 구조로 만들었다.

장애인 복지정보전달, 권익옹호, 상담, 훈련등을 돕는 한소울 장애인자립생활센터의 홈페이지를 구축하였다.

Design
– 포인트색상을 빨간색으로 잡아 주요 버튼이나 항목에서 활용하였다.
– 홈페이지의 메인 슬라이드의 재생과 정지가 가능하도록 하여 이용자에게 편의를 주었다.
– 메인화면 하단에 사이트맵을 배치하여 언제든 페이지를 이동할 수 있다.

Technical issue
– 장애인차별금지법을 준수하기 위해 웹표준에 맞추어 작업하였다.
– 회원제 시스템을 구축하였고 달력, 동영상, 배너 슬라이드, 소셜네트워크연동 등 다양한 활용을 통해 다채로운 콘텐츠의 홈페이지를 구축하였다.

2018년 평창동계올림픽을 앞두고 성공적인 문화올림픽으로 개최하기 위한 예술관광상품 개발을 위해 다양한 프로그램 및 이벤트를 기획하는 평창문화예술재단의 홈페이지를 구축하였다.

Design
– 진한 터키색을 포인트 색상으로 잡고, 전체적으로 복잡하지 않은 사각형으로 깔끔한 레이아웃을 구성하였다.
– 메인의 이미지 슬라이드로 최근의 평창문화예술재단의 소식을 전달 할 수 있도록 해준다.

Technical issue
– 메인에 탭 기능을 가진 게시판을 배치하여 첫 화면에서 다양한 게시판을 한눈에 볼 수 있도록 설계하였다.
– 블로그와 페이스북 등 소셜 네트워크 서비스와의 연계기능을 제공한다.