코덱스브리지

24/12/2020

코덱스브리지에서는 12월 15일부터 한시적으로 재택근무를 하고 있습니다.
문의사항은 카카오톡이나 이메일로 요청 주시면 최대한 빨리 회신 드리고 있습니다! 업무에 참고 부탁드립니다!

12/11/2020

02/04/2018

■ 코덱스브리지는 한국지질자원연구원과 함께 연구목적용 지진조기경보 스마트폰 애플리케이션(앱)을 개발했습니다. 이 앱은 사용자 위치에서 예상되는 진동과 피해 정도(진도), 지진 도달 시각까지 남은 시간, 행동요령 등을 함께 알려 주기 때문에 지진에 대한 상세 정보를 알 수 있고 현장 제보를 할 수도 있습니다.

- 코덱스브리지 포트폴리오 보기 : https://goo.gl/doPVXe

- 관련 인터넷 기사 보기 :
http://news.naver.com/main/read.nhn?mode=LSD&mid=sec&oid=020&aid=0003135735&sid1=001

사용된 도구와 라이브러리
1. 기획 및 목업 : Sketch
2. 디자인 : Sketch
3. 개발환경 : Android Studio(Android), Xcode(iOS), Code Igniter(Web)

23/03/2018

■ 한국한의학연구원의 '질병예측모델' 은 각종 질병에 대한 정보와 예방수칙 그리고 개인 설문조사를 통해 질병 발생 예측률을 그래프로 확인 할 수 있는 프로그램입니다.

- 코덱스브리지 포트폴리오 보기 :
https://goo.gl/u5Lnmz

- 사이트 바로가기 :
http://scat.kiom.re.kr/ansan/

질병예측모델 홈페이지의 특장점 두 가지!

1. 단순한 레이아웃
남녀노소 불문하고 홈페이지를 이용하기 쉽도록 비교적 단순한 레이아웃으로 제작하였습니다. 마치 모바일 앱처럼 단순한 버튼과 본문 내용 그리고 불필요한 디자인 요소는 모두 제외했습니다. 모바일 홈페이지의 디자인은 마치 하나의 앱인 것 처럼 보이는군요!

2. 반응형 웹
'질병예측모델' 메뉴 중 설문조사를 통해 질병 발생 예측률을 그래프로 확인하는 프로그램이 있습니다. 프로그램 특성상 표와 그래프가 필수로 필요한 부분인데 모바일에서도 힘들지 않게 설문지 작성과 그래프 확인이 모두 가능합니다. 반응형 홈페이지의 장점이 잘 드러난 것 같습니다.

23/03/2018

■ 최근 한국한의학연구원은 사람의 신체 중 혀를 통해 건강을 진단하는 설진기를 개발하였습니다. 설진기는 3차원 디지털 영상으로 혀를 촬영해 건강상태와 질병을 진단하는 방식입니다.

코덱스브리지는 한국한의학연구원의 개발 요청으로 일상생활 속에서도 손쉽게 진단할 수 있도록 혀 영상정보를 촬영하고 빅데이터를 구축해 개인 맞춤형 건강관리가 가능한 모바일 네이티브 앱을 개발하였습니다.

- 코덱스브리지 포트폴리오 보기 :
https://goo.gl/xvagSf

건강을 진단하는 앱인 만큼 남녀노소 불문하고 누구나 손쉽게 사용할 수 있도록 심플한 아이콘과 그리드 형식의 레이아웃을 이용하여 버튼의 위치를 기억하기 쉽도록 디자인 했습니다.

'설진' 앱은 관리자(병원측)가 설문조사 관리 프로그램을 통해 손쉽게 문진표 또는 설문지를 제작할 수 있고 환자로 부터 설문 작성을 하여 작성한 설문 및 사진을 관리자 화면을 통해 확인 할 수 있습니다.

또한 알람 기능이 있어서 기상 / 수면 알림시간을 설정 할 수 있고 혀를 통해 건강을 체크하기 위해 혀의 사진을 찍고 편집할 수 있도록 영상처리 및 카메라 촬영 기술이 함께 개발 되었습니다.

사용된 도구와 라이브러리
1. 기획 및 목업 : Sketch
2. 디자인 : Sketch
3. 개발환경 : Android Studio(Android), Xcode(iOS), Code Igniter(Web)

08/03/2018

■ EBM센터 홈페이지가 다국어 사이트로 제작되었습니다!

- 사이트 바로가기 :
http://www.ebmkorea.com/

- 코덱스브리지 포트폴리오 보기 :
https://goo.gl/6MvfJk

EBM센터는 사람과 동·식물을 생태 유전체 특성(Sun/Moon Type)에 따라 분석/진단하고 내 몸과 균형을 이룰 수 있는 음식과 환경을 취하여 신체 밸런스를 맞추고 면역력을 높여 건강의 회복을 돕는 곳 입니다.

이번 작업은 다양한 언어를 지원하고 국내와 다른 각 국가별 현지화를 위해 기존 국문 홈페이지 보다 간소화된 컨텐츠를 구성하는데 중점을 두었습니다.

이제는 필수가 되어버린 다양한 디바이스에서 사용자가 편리하게 볼 수 있는 반응형 웹으로 제작이 되었구요. 컨텐츠를 반응형에 어울리게 보기좋게 배치하고 가독성 있는 화면을 구성하기 위해 노력 했답니다.

사용된 도구와 라이브러리
1. 디자인 및 퍼블리싱 : Adobe Photoshop, HTML5, Bootstrap
2. 영어, 일어, 중국어 번역 : Connecting Dots Global의 김연정 (Yeonjung Kim) 대표님께서 수고해주셨습니다!

#이비엠센터 #커넥팅닷츠글로벌

15/02/2018

#새해복많이받으세요

09/02/2018

■ 디자이너에게 가장 중요한 것 중 하나인 시간,
당신의 시간은 어떻게 쓰이고 있나요?
당신의 더 빠른, 남다른 디자인을 위해 도움이 될
픽토그램 사이트를 소개합니다.

Noun Project | https://thenounproject.com/
ICONFINDER | https://www.iconfinder.com/

02/02/2018

■ 전국공공연구노조는 정부 출연연구기관과 지방자치단체 출연기관, 공공·공익기관에서 근무하는 노동자로 구성된 노동조합입니다. 2008년 홈페이지 오픈 이후 유지보수가 원활하게 이루어지지 않아 잦은 오류와 모바일 이용이 불편한 문제들이 있어 리뉴얼을 의뢰해주셨습니다.

- 코덱스브리지 포트폴리오 보기 :
https://goo.gl/zShCiQ

- 사이트 바로가기 :
http://kuprp.nodong.net

오랜만에 홈페이지를 제작하시는거라 많은 의견을 주셨지만 그중 가장 강조해주신 내용 3가지!

1. 단순, SNS연동, 스크롤 최소화
페이스북, 트위터와 같은 SNS와 손쉽게 연동이되고 과도한 스크롤이 발생하지 않는 단순하면서 직관적인 홈페이지 레이아웃을 원하셨습니다. 이러한 요구사항은 사전에 꼼꼼한 기획과 디자인 시안의 검토가 이루어져야 추후 설계의 변경이 일어나지 않기 때문에 홈페이지 제작에 들어가기 앞서 꼼꼼한 업무 협의 과정이 있었답니다.

2. 모바일에서 이용하기 편할 것
대세는 반응형 홈페이지! BootStrap을 활용하여 PC와 태블릿은 물론 스마트폰에서 접속해도 최적화된 화면을 보여주는 반응형 홈페이지로 제작했습니다.

3. 쉽고 편리한 관리자 모드
기존 홈페이지는 업데이트를 위해 매번 개발자를 통해 수정을 해야했고, 추가 비용등이 부담이 되었습니다. 새롭게 리뉴얼된 홈페이지는 관리자가 직접 컨텐츠를 수정할 수 있는 UI/UX가 친숙한 CMS를 도입하여 개발되었습니다.

4. 기존 데이터 이전
약 10년동안 운영된 600여명의 회원과 7만여건의 게시물을 이전해야 하는 문제가 있었습니다. 코덱스브리지는 기존 홈페이지의 DB를 분석하고 새로운 DB로 마이그레이션 할 수 있는 기반 기술을 보유하고 있습니다. 암호화되지 않은 회원정보를 암호화하고 게시물, 첨부파일 등 누락없이 완벽하게 이전하는데 성공했습니다.

사용된 도구와 라이브러리
1. 기획 및 목업 : Sketch + Invision
2. 디자인 : Sketch, Adobe Photoshop, Illustrator
3. 퍼블리싱 : jQuery, HTML5, Bootstrap
4. 개발환경 : PHP + MySQL

26/01/2018

■ 당신이 웹디자이너라면, 웹디자이너 지망생이라면 도움이 되는 꿀팁을 공유합니다:)

컬러를 사용하는 것이 어려운 당신이라면 반드시 알아야하는 3가지 필수 컬러픽업 사이트 대공개!

플랫UI컬러픽커 | http://www.flatuicolorpicker.com
어도비컬러 | https://color.adobe.com
컬러헌트 | http://colorhunt.co

23/01/2018

코덱스브리지에서 대봉투를 제작했어요 :) 무려 500장 !!!!! 😄😁😆
#코덱스브리지 #대봉투제작 #무려500장 #딱지치기하는거나아닐지