본문 바로가기

포트폴리오

 (70)
배너(바) 디자인 2011-2015 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 좋은책신사고에서 제작한 바배너 디자인들입니다.
신간 기획안 디자인 2009.07 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop 8.0, Adobe Illustrator 7.0 '해법수학'으로 유명한 '천재교육'에 재직하던, 대학 시절 친했던 누님의 부탁으로 (정말)도와드린 기획안 디자인이다. 러프하게 그려진 구조도를 개선하고 기획안 전체 레이아웃과 컬러를 잡아드렸다. 승진이 달린 PT라고 했었는데 결과 발표 전 덕분에 잘 했다는 연락이 한 번 있은 후로 연락이 끊어져서 어떻게 됐는지는 모르겠다. (안 좋았으니까 끊겼겠지? ㅋ) 좋은 누나라서 섭섭하거나 그런 건 없다.
사이트 구축 기획안 2005.12 담당파트 : 기획 100%, 디자인 100% / 사용 프로그램 : Adobe Photoshop 8.0, Adobe Illustrator 7.0 영화진흥위원회에서 운영하는 독립영화상영관 '아트플러스' 사이트 개편 기획안. 기획안 콘텐츠와 디자인까지 모두 맡아 진행했다. 결과는.. 당연히 실패. 내가 지금 봐도 설득이 안 되는 콘텐츠다. 당시 젊은 혈기(27살)에 PT 가서 "이쪽 일을 너무 모르시는 것 같아요."라고 영진위 담당자한테 개소리 한 게 제일 영향이 컸을 듯 ㅋ 부끄러운 기억이다.
사업제안서 디자인 2007.03 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop 8.0, Adobe Illustrator 7.0 당시 재직 중이던 직장의 동료분이 지인의 사업이라고 소개해줘 작업한 사업제안서 디자인이다. 분량이 많은 작업은 아니었지만 나를 아주 싸게 부려먹으셨고, 덕분에 그 분은 친구에게 체면치레 좀 하신 듯. 그랬다면 뭐 그걸로 만족 ㅋ
방송프로그램 제작 제안서 2005.06 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop 8.0, Adobe Illustrator 7.0 방송사 및 투자사, 기관 등에 뿌려지는 방송프로그램 제작 제안서. 제작사는 이런 식으로 프로그램 제안서를 만들어 앞서 말한 곳들에 최대한 돌리고 그 중 가장 좋은 조건으로 오케이하는 곳과 계약 후 제작비를 투자받아 프로그램을 제작/납품하게 된다. 하지만 실제로는 불리한 조건이라도 한 군데라도 받아주는 곳이 있으면 다행인 경우가 대부분이다. (고로) 이 제안서의 프로그램도 결국 제작되지 못 한 것으로 알고 있다.
(주)디앤디미디어 회사소개서 2005.05 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop 8.0, Adobe Illustrator 7.0 2005년부터 2011년까지 재직했던 회사의 회사소개서이다. 입사해서 처음했던 작업. 우리 소개서가 이렇게도 만들어질 수 있다는 것에 많이들 놀라셨지. (물론 몇 명 안되는 직원수의 중소기업에서 가질 수 있는 일반적인 수준에 비해서 말이다.)
영화진흥위원회 뉴스레터 2007 2007.07 - 2007.12 담당파트 : 디자인 100%, html 코딩 100% / 사용 프로그램 : Adobe Photoshop 8.0, Adobe Illustrator 7.0, Flash MX 영화진흥위원회 홍보팀에서 근무하는 지인의 소개로 2007년 7월부터 12월까지 6개월간 진행했던 작업이다. 영진위 측으로부터 콘텐츠를 받아 디자인&코딩을 한 후 전달하는 방식. 2주에 한번씩 발행으로 전체적인 레이아웃은 매회 같고 콘텐츠만 바뀌는 형식이라 틀을 잡았던 첫 회 이후에는 작업이 어렵지 않았다. 반면 보수는 꽤 높아서 당시 나에게는 가뭄에 단비 같은 일이었다. '커버(표지)'를 사용하는 방식으로 디자인 했는데 처음에는 재미있었지만 매회 커버 이미지 뽑는 게 힘들어져서 2008년 작업부터는 커버 ..
제11회 부산국제영화제 대통령 공식 초청장 2006.08 담당파트 : 디자인 100%, html 코딩 100% / 사용 프로그램 : Adobe Photoshop 8.0, Adobe Illustrator 7.0 당시 부산국제영화제에서 대통령 초청을 목적으로 만든 초대장 정도 되겠다. 나는 나왔지만 부산영화제에서 계속 일하던 민권형이 급하게 요청해서 서둘러 만들어 드렸다. 인쇄용은 아니고 e메일로 청와대 의전 담당에게 보내는 거라고 들었다. 내 인생에서 아버지, 어머니 외에 가장 존경하는 분이 노무현 대통령인데 물론 그분께서 직접 보시지는 않으셨겠지만 그분께 뭔가를 드린다는 마음이 들어 혼자 들떠 작업했던 기억이 난다.
쎈닷컴 모바일웹 2015년 제작 담당파트 : 디자인 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 쎈닷컴 리뉴얼에 맞춰 모바일웹도 리뉴얼하였다. 배너를 제외한 모든 영역을 플랫한 스타일로 디자인했으며, 컬러도 최소한으로 사용했다. 이번 리뉴얼에서는 특히 모바일 결제가 도입되어 해당 부분의 UI&UX에 신경을 많이 썼다.
'나를 바꾸는 힘' 모바일 2012.07 담당파트 : 디자인 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 주 고객(중,고등생)에게 제공하는 무료 콘텐츠. 각 섹션별로 새로운 콘텐츠를 주 1회 업데이트 하는 형식으로 운영되었으며 신사고 웹사이트에서 제공하는 콘텐츠를 모바일에서 함께 제공하기 위해 만든 모바일웹 버전이다.
좋은책신사고 교과서 모바일웹 2012년 제작 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 좋은책신사고 교과서 사이트의 모바일웹 버전. 사이트의 핵심기능(교사들에게 자료 제공)만 함축해서 구현함. 신사고피클 모바일웹 이 후의 작업으로 모바일 UI&UX의 수준이 보다 향상되었다.(라고 내 입으로 말하다니..)
좋은책신사고 통합 모바일웹 2012년 제작 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 사내 통합 모바일웹 구축을 위한 시안. 각 서브 사이트들로 연결되는 브릿지 페이지(인트로)와 대표 브랜드 사이트 3개의톤앤매너를 맞춰 디자인하였다. 당시 개발팀 일정상 진행이 불가능해 보류했다가 해당 사이트의 담당이 다른 팀으로 분리되어 이 시안은 결국 사용되지는 못 했다.
신사고피클 모바일웹 2012년 제작 담당파트 : 디자인 100% / 사용 프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 모바일 환경에서도 신사고피클(쎈닷컴)이 제대로 서비스 될 수 있도록 제작한 모바일웹 버전이다. 처음으로 해본 모바일 작업으로 PC와 모바일의 해상도 차이에 대한 개념도 잘 모르던 때라 작업에 어려움이 많았다.
서울그린트러스트 기금 안내 2009.06 담당파트: 디자인 100%, html 코딩 100% / 사용프로그램: Adobe Photoshop 8.0, Flash MX, MS Visual InterDev
자동차 튜닝 업체 티샤인 웹사이트 메인 시안 2015.12 담당파트 : 디자인 100%, 개발 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 꽤 오래 전 '티샤인'이라는 자동차 튜닝업체의 홍보용 웹사이트를 만든 적이 있었다. 시간이 흘러 우연히 자동차가 주인공인 멋진 배경 이미지들을 구하게 되었고, 심플한 시안이 떠올라 디자인 포트폴리오용으로 만들어본 '티샤인' 메인 시안들이다. 재미있는 건 해당 업체 오너가 내 포트폴리오 사이트에 구경왔다가 이 시안들을 보고 사이트 리뉴얼을 (3번째 시안을 콕! 찍어서) 의뢰했고, 실제 제작까지 이어졌다는 것.
쎈닷컴 2015 담당파트 : 디자인 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 '신사고피클'이 브랜드명을 '쎈닷컴'으로 변경하면서 사이트도 함께 리뉴얼했다. (관련부서의 요청에 따라) 메인페이지에서 노출되는 배너 수를 늘리고 컨텐츠 추가에 따라 빠르고 효과적으로 대처할 수 있는 레이아웃에 중점을 두고 디자인하였다. 내부 및 고객 반응이 상당히 좋았으며, 내가 좋은책신사고를 퇴사한 후에도 쎈닷컴이 서비스를 종료할 때(2021.12.)까지 전체적인 레이아웃은 계속 유지된 것으로 알고 있다. 인트로 쎈닷컴 - 고등 메인 쎈닷컴 - 중등 메인 쎈닷컴 - 초등 메인
쎈닷컴 비채택 시안들 2015년 제작 담당파트 : 디자인 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 시안 작업 전 진행했던 PT를 통해 호응도가 높았던 사이트들 몇 개를 벤치마킹해 디자인한 시안들이다. 특히 모바일 환경을 고려해 반응형 레이아웃으로 디자인했던 시안은 내부 개발의 기술적 한계로 채택은 되지 않았지만 반응이 좋았다. 시안 A 시안 B-1 (모니터 해상도가 높은 경우) 시안 B-2 (모니터 해상도가 낮은 경우) 시안 C
데님코리아 웹사이트 2016년 제작 담당파트 : 디자인 100%, 코딩 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3, 그누보드 아는 동생이 본인이 다니는 청바지 생산업체의 사이트 구축을 의뢰해 작업한 사이트이다. 인덱스에 나열할 데이터가 몇 개 없어서 사이트 메인에 각 메뉴별 바로가기를 메인비주얼로 구성하여 이를 보완했고, GNB 영역에 청바지 원단 느낌의 이미지를 배경으로 활용했다. 그간 사이트 게시판으로 사용했던 '제로보드'의 보안 취약 문제가 지속적으로 발생해서 처음으로 그누보드를 사용해 보았다. 아래는 모바일 환경을 고려한 반응형 디자인이다. 위의 디자인으로 결정 후 추가로 디자인 해본 건데 실제로 반응형 디자인이 훨씬 나았겠지만 클라이언트 쪽에서 반응형 ..
홈플러스 e파란재단 블루타운 2014년 제작 담당파트 : 디자인 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 홈플러스 사회공헌재단인 e파란재단에서 진행하는 농어촌 마을개선사업 사이트 의 시안 디자인. 지인의 소개로 디자인 파트에 참여하였다. 커뮤니티 페이지의 레이아웃은 핀터레스트를 참고(도용?)했다.
좋은책신사고 교과서 웹사이트 2012.08 담당파트 : 디자인 100% / 사용프로그램 : Adobe Photoshop CS3, Adobe Illustrator CS3 교과서 영업을 하기 위해 교사들에게 수업 관련 서비스를 제공하는 것이 목적인 교과서 웹사이트. 당시 출판기획 본부장이 내부 디자인이 식상하다고 외부 웹에이전시와 멋지게 만들어보겠다면서 야심차게 시작했다가 예산 대비 참담한 수준의 퀄리티로 망신만 당하고 결국 내부에서 다시 진행하게 되었다. 오픈 해야 하는 날짜는 정해져 있는데 외주 진행한다고 일정 대부분을 허비해, 꽤 많은 작업량이었음에도 불구하고 디자인 작업 기간은 일주일도 채 주어지지 않았던 프로젝트였다. 덕분에 일 받아온 팀장새끼는 집에서 쉬는데 나 혼자 토요일, 일요일까지 출근해야 했다. 작업은 기한 내에 늦지..

티스토리툴바