본문 바로가기

웹디자인

[**소프트 재직 당시 작업물] 외주 업무 2016년 2월경에 작업한 외주(하청)업무입니다. ㅂ**** 카페의 외부 입간판(배너) 디자인과, **대학교 졸업 작품 영상을 담은 어플리케이션 개발에 참여하였습니다. 카페 입간판 디자인은 단독으로 전담하여 진행하였고, ** 대학교 졸업작품 건은 당시 같은 건물에 입주한 타 업체와 협업한 것으로 알고 있습니다. ㅂ**** 카페의 배너 디자인은 총 3종 제작해 납품하였습니다. 해당 건에서, 제가 맡은 부분은 위에 보시는 어플리케이션 아이콘과 메인 화면 UI, 영상 목록 및 작품소개 화면입니다. 어플리케이션 인트로 이미지는 타 업체에서 진행하였고, 제공받은 인트로 이미지에 맞추어 디자인하였습니다. 해당 어플리케이션은 졸업작품 영상 재생 용도로 제작된 것이기에, 현재는 서비스하지 않고 있습니다. 디자인 부분에.. 더보기
[**소프트 재직 당시 작업물] 자사 광고 이미지 2015~2016년 **소프트 재직 동안 제작한 자사 로고, 각종 광고 이미지, 공식 홈페이지 업로드 및 회사 PR용 회사 소개 이미지(PPT 디자인)입니다. 16년 03월에 작업한 **소프트 로고 디자인입니다. 현재(2016. 06)유투브 채널의 로고는 다른 디자인으로 변경되었으나 대표 페이스북 및 기업 홈페이지에서는 기존의 제 작업물을 사용 중입니다. 변경된 로고 참고 링크 : https://youtu.be/gyHBe9NTL9M 다음은 페이스북 및 언론 보도에 소개된 자사 홍보 이미지입니다. (중)의 이미지는 지하철 스크린 광고로도 사용되었습니다. 참고 링크 1 : https://news.v.daum.net/v/20151126164643106 참고 링크 2 : https://www.facebook.c.. 더보기
[**소프트 재직 당시 작업물] 비즈니스 모델 관련 업무 2015~2016년 **소프트 재직 당시 담당한 자사 상용 어플리케이션 ㅈ앱(현 홍***, 이하부터는 재직 당시 명칭을 줄여서 표기하겠습니다)의 명함 크기 인쇄물 디자인 및 아이콘 디자인입니다. 아이콘의 경우 퇴사 후 시간이 많이 흘러 세부 디자인이 변경된 사항이 있으므로 현재 디자인의 큰 틀을 담당했다고 생각해주시면 감사하겠습니다. 당시 담당했던 **소프트의 비즈니스 모델 디자인입니다. 입사 당시에 '명함 크기의 스폰서 광고가 포함된 인쇄물' 출시에 대한 기획이 미리 되어 있었고, 디자인 단계부터 참여했습니다. 개별 이미지 중 왼쪽의 메인 이미지는 원래 제공중인 ㅈ앱의 이미지이고, 오른쪽의 스폰서 광고 부분을 담당하였습니다. 스폰서 광고 부분은 타이포 디자인 위주로 되어 있습니다. 업체에서 제공받은 이.. 더보기
[**소프트 재직 당시 작업물] 모바일 & 모바일 웹 UI&UX 디자인 2015년~2016년 **소프트 재직 당시 담당한 자사 상용 어플리케이션 ㅈ앱(현 홍***, 이하부터는 재직 당시 명칭을 줄여서 표기하겠습니다)의 UI&UX 디자인입니다. 2015년도에 추가한 네비게이션 버튼 아이콘입니다. 기존에는 어플리케이션의 메인 화면 맨 밑에만 존재했던 버튼을 메인 네비게이션에 추가하게 되었습니다. 2016년 3월에 제작한 ㅈ앱 어플리케이션 메인 화면 리뉴얼 디자인입니다. 컨텐츠가 많아지면서 어플리케이션 메인 화면의 리뉴얼을 요청받아 제작했습니다. 당시 시안 제작후 어플리케이션에 적용된 이미지는 보관하고 있지 않아, 제작했던 시안 이미지로 대체하였습니다. 퇴사 직전 제작했지만, 이후로도 약 1년간은 해당 디자인으로 서비스하였던 것으로 알고 있습니다. 참고 영상 : https://y.. 더보기
[**소프트 재직 당시 작업물] 컨텐츠 디자인 2015~2016년 **소프트 재직 당시 작업한 대표 어플리케이션(이하 ㅈ앱, 현 명칭은 홍***입니다만 재직 당시 명칭을 줄여서 표기하겠습니다) 컨텐츠 디자인 작업물입니다. 입사 후~퇴사 전까지 꾸준히 해 온 주업무였습니다. 매주 당사 공식 캐릭터의 코스튬 및 컨셉 디자인을 진행하였습니다. 제가 퇴사하기 며칠 전 쯤(2016년 3월 경) 캐릭터 작업은 더 이상 진행하지 않는 것으로 정해졌습니다. 현재는 폐기된 캐릭터입니다. 좌측부터 입사 후 1~2주차에 만들었던 캐릭터 컨셉입니다. 만들어진 캐릭터는 카드뉴스로 제작되어 당사 공식 페이스북 페이지에 업로드 되었습니다. 참고 링크 : https://www.facebook.com/flyerszone.co.kr/posts/465829730270679?__xts.. 더보기
제품 상세페이지 2015년 여름에 제작한 오픈마켓 업로드용 제품 상세페이지입니다. 당시 잠깐 아르바이트 했던 쇼핑몰에서 제작하였습니다. 해당 상세페이지 제품 링크 : http://itempage3.auction.co.kr/DetailView.aspx?itemno=B279287225 사용한 툴 : Adobe Photoshop 더보기
홈페이지 시안 작업 2015년 여름에 제작한 홈페이지 시안입니다. 1번 시안입니다. 기존 레퍼런스를 편집해 제작했습니다. 2번 시안입니다. 레퍼런스와 홈페이지에 사용될 이미지를 이용하였고, 홈페이지 중간 회색 영역의 주황색 아이콘들은 직접 제작하였습니다. 사용한 툴 : Adobe Photoshop, Illustrator 더보기
습작 - 홈페이지 신규 제작 2015년 6월 당시 취업성공패키지로 국가기간전략산업직종의 웹디자인 부문으로 교육받을 당시의 작업물입니다 부산의 모 고양이카페 홈페이지를 웹 표준인 HTML5에 맞추어 신규 제작해 보았습니다. 사용된 고양이 사진이나 업장의 사진은 해당 업체의 네이버 카페에서 발췌하였습니다. 해당 업체의 로고나 파비콘이 따로 존재하지 않아서 로고와 파비콘은 직접 제작하였습니다. 메인 페이지입니다. 고양이 카페인 만큼 이미지 요소가 많기 때문에 J-QUERY를 사용하여 이미지를 부각하였습니다. 사용한 J-QUERY는 작은 이미지를 클릭하면 원본 사이즈 팝업창이 뜨고, 자동 슬라이드쇼 기능이 포함되어 있습니다. 바닥이나 X를 누르면 창이 꺼지고, 자동 슬라이드쇼 말고도 이미지에 마우스오버 했을 때 이전이나 다음 이미지를 보여.. 더보기

티스토리툴바