VIA Trading Company

LEGO Harry Potter Hogwarts Castle

비아무역 레고 해리포터 상세페이지

목적

기존 타업체들의 동일한 상세페이지보다는 조금이라도 차별을 두고 싶었고,
디테일하게 보여줌으로써 구매를 유도하고 싶었다.
작업 당시에는 출시전이였던 상품이라 구글링을 통한 해외사이트 이미지만으로 제작해야했다.





컨셉트 및 후기

'Yellow'

앞서 언급한대로 다른 업체들의 페이지와 차별을 두고 싶었지만
같은 이미지로 작업을 해야 하는 상황에서 내가 생각한건 상세페이지 배경색을 바꿈으로서
조금 더 레고스러워 보이는 옐로우 컬러를 사용하여 명시성을 높혔다.
다만 아쉬운건 상세페이지 영역 전체에 배경색을 주고 싶었지만 각 마켓마다 제한이 다르기 때문에 그러지 못하였고,
스토어팜 경우에는 중간중간 텍스트로 작성을 해야 했기 때문에
어쩔수 없이 흰배경색용으로 따로 만들어 등록해야 했다.





 



작업 기간

약 1일




사용 프로그램,솔루션

Adobe Photoshop CS6
Sublime Text 2





 

Replica Mall WIDEMAN

www.wideman.co.kr

명품 레플리카몰 와이드맨

목적

카페24 기반의 디자인 템플릿을 활용하여 내가 할수있는 모든것을 넣은 커스텀 사이트이다.
템플릿이라는 점에서 온전히 내 작업물이라곤 할순없겠지만 기존 템플릿 데모와 비교한다면
레이아웃이라던지 추가 영역이라던지 같은 사이트라고 보이진 않을 수준.





후기

촬영부터 작업까지 혼자하는 일이였기에
누구의 피드백없이 작업한다는게 마냥 좋지만은 않다는 것을 느낄 수 있었다.
'나'라는 사람의 한계가 어느정도 수준인지 알수있던 시간 이였고,
사업을 시작한다면 신경써야 되는 게 많고 복잡하다는 것을 느꼈다.





 



제작 기간

약 7일(사이트 커스텀만)




사용 프로그램,솔루션

Adobe Photoshop CS6
Edit Plus
Cafe24





 

Replica Mall WIDEMAN

www.wideman.co.kr

와이드맨 청바지 상세페이지

목적

레플리카 즉 정품이 아닌 가품의 제품을 판매함에 있어서
가장 중요한 것은 아무래도 '정품에 비해 얼마나 비슷한 퀄리티로 제작이 되었나'였다.
특히나 청바지의 경우는 착용한 핏에 따라서 좌지우지 되기 때문에
모델컷과 디테일컷에 포인트를 맞춰서 작업하였다.





컨셉트 및 후기

'SPA BRAND'

명품을 카피한 제품이라고 상세페이지까지 명품스럽게 접근 할수는 없고
청바지를 판매하는 여러 사이트를 보면서 가장 구매욕이 끌렸던 곳은 아무래도 SPA브랜드였다.
적당히 들어간 모델컷과 보여줄곳만 보여주는 특유의 군더더기없는 깔끔함이 오히려 소비자로 하여금
보기 편하게 되어 있어서 컨셉을 SPA브랜드들의 깔끔함으로 잡고서,핏이 좋은 모델섭외 및 촬영,페이지를 잡아보았다.





 



작업 기간

약 2일(촬영 및 페이지시안)




사용 프로그램,솔루션

Adobe Photoshop CS6
Adobe Lightroom 4.3





 

Replica Mall WIDEMAN

www.wideman.co.kr

와이드맨 신발류 상세페이지

목적

와이드맨은 청바지 뿐 아니라 신발류도 진행하였기에
마찬가지로 그에 맞는 페이지 작업이 필요하였다.
청바지처럼 착용컷을 넣기보다는 마찬가지로 깔끔함은 유지하되
다양한 각도에서 제품의 퀄리티가 드러날 수 있게 디테일에 무게를 두었다.





컨셉트 및 후기

'Multi Shop'

신발을 벤치마킹 할만한 곳은 아무래도 멀티샵이 제격이였다.
멀티샵은 신발뿐 아니라 다양한 악세서리도 취급하고 제품들 자체도 컨셉이 잘 맞았다고 판단.
여러 멀티샵들의 신발쪽 페이지를 벤치하면서
가장 끌리는 구도의 컷들을 수집하고 그에 맞춰 촬영,작업 하였다.





 



작업 기간

약 1일(촬영 및 페이지시안)




사용 프로그램,솔루션

Adobe Photoshop CS6
Adobe Lightroom 4.3





 

Hair Wax Mall 'DASHU'

www.hairwax.co.kr

다슈 데일리 볼륨 파우더 상세페이지

목적

헤어 볼륨을 풍성하게 만드는 신제품 '볼륨 파우더'의 출시에 맞춰 상세페이지를 작업하였다.
제품 특성상 효과 및 성분등에 포커스가 맞춰지다보니 사용문구나 페이지 기획은
전문MD들의 몫이였고,나는 그 기획안에 맞춰 제품이 돋보일수 있도록 작업하였다.





후기

다슈제품의 그동안의 모든 상세페이지가 상당히 길게 뿌려져있고,
각 섹션마다 자극적인 내용과 이미지 효과가 세다 보니 작업함에 있어서
기존페이지 느낌과 이질감이 느껴지지 않게끔 유지하는점,
무엇보다 섹션마다의 개성들이 강해 하나의 페이지라는
느낌이 벗어나지 않게끔 작업하는게 애로가 많았다.





 



작업 기간

약 3일




사용 프로그램,솔루션

Adobe Photoshop CS6
Cafe24





 

Hair Wax Mall 'DASHU'

www.hairwax.co.kr

다슈 데일리 허브 헤어토닉 상세페이지

목적

탈모 방지 토닉 신제품 '허브 헤어토닉'의 출시에 맞춰 상세페이지를 작업하였다.
제품 특성상 효과 및 성분등에 포커스가 맞춰지다보니 사용문구나 페이지 기획은
전문MD들의 몫이였고,나는 그 기획안에 맞춰 제품이 돋보일수 있도록 작업하였다.





후기

다슈제품의 그동안의 모든 상세페이지가 상당히 길게 뿌려져있고,
각 섹션마다 자극적인 내용과 이미지 효과가 세다 보니 작업함에 있어서
기존페이지 느낌과 이질감이 느껴지지 않게끔 유지하는점,
무엇보다 섹션마다의 개성들이 강해 하나의 페이지라는
느낌이 벗어나지 않게끔 작업하는게 애로가 많았다.





 



작업 기간

약 3일




사용 프로그램,솔루션

Adobe Photoshop CS6
Cafe24





 

Hair Wax Mall 'DASHU'

www.hairwax.co.kr

다슈 헤어 픽서 미스트 상세페이지

목적

미스트 형식의 두피 관리 신제품 '헤어 픽서 미스트'의 출시에 맞춰 상세페이지를 작업하였다.
제품 특성상 효과 및 성분등에 포커스가 맞춰지다보니 사용문구나 페이지 기획은
전문MD들의 몫이였고,나는 그 기획안에 맞춰 제품이 돋보일수 있도록 작업하였다.





후기

다슈제품의 그동안의 모든 상세페이지가 상당히 길게 뿌려져있고,
각 섹션마다 자극적인 내용과 이미지 효과가 세다 보니 작업함에 있어서
기존페이지 느낌과 이질감이 느껴지지 않게끔 유지하는점,
무엇보다 섹션마다의 개성들이 강해 하나의 페이지라는
느낌이 벗어나지 않게끔 작업하는게 애로가 많았다.





 



작업 기간

약 2일




사용 프로그램,솔루션

Adobe Photoshop CS6
Cafe24





 

Hair Wax Mall 'DASHU'

www.hairwax.co.kr

다슈 비타플렉스 올인원 바디워시 상세페이지

목적

얼굴,머리,바디 한번에~ 신제품 '올인원 바디워시'의 출시에 맞춰 상세페이지를 작업하였다.
제품 특성상 효과 및 성분등에 포커스가 맞춰지다보니 사용문구나 페이지 기획은
전문MD들의 몫이였고,나는 그 기획안에 맞춰 제품이 돋보일수 있도록 작업하였다.





후기

다슈제품의 그동안의 모든 상세페이지가 상당히 길게 뿌려져있고,
각 섹션마다 자극적인 내용과 이미지 효과가 세다 보니 작업함에 있어서
기존페이지 느낌과 이질감이 느껴지지 않게끔 유지하는점,
무엇보다 섹션마다의 개성들이 강해 하나의 페이지라는
느낌이 벗어나지 않게끔 작업하는게 애로가 많았다.





 



작업 기간

약 4일




사용 프로그램,솔루션

Adobe Photoshop CS6
Cafe24





 

Hair Wax Mall 'DASHU'

www.hairwax.co.kr

다슈 헤어라인 커버쿠션 상세페이지

목적

자연스럽게 채워주는 커버쿠션 '헤어라인 커버쿠션'의 출시에 맞춰 상세페이지를 작업하였다.
제품 특성상 효과 및 성분등에 포커스가 맞춰지다보니 사용문구나 페이지 기획은
전문MD들의 몫이였고,나는 그 기획안에 맞춰 제품이 돋보일수 있도록 작업하였다.





후기

다슈제품의 그동안의 모든 상세페이지가 상당히 길게 뿌려져있고,
각 섹션마다 자극적인 내용과 이미지 효과가 세다 보니 작업함에 있어서
기존페이지 느낌과 이질감이 느껴지지 않게끔 유지하는점,
무엇보다 섹션마다의 개성들이 강해 하나의 페이지라는
느낌이 벗어나지 않게끔 작업하는게 애로가 많았다.





 



작업 기간

약 3일




사용 프로그램,솔루션

Adobe Photoshop CS6
Cafe24





 

Hair Wax Mall 'DASHU'

www.hairwax.co.kr

다슈 볼륨파우더 출시 이벤트페이지

목적

다슈는 신제품이 런칭될때마다 기대평이나 사용후기등의
이벤트를 진행하는데 볼륨 파우더 출시 당시 작업했던 이벤트 페이지이다.





후기

런칭이벤트는 별도의 기획안이 없기 때문에 내 마음대로 작업후 컨펌을 받는 식이였는데
아무래도 댓글이나 리뷰등을 유도하는 이벤트이다보니 컨셉을 마리텔로 잡아보고 작업해보았다.
사내에서도 반응이 퍽 괜찮아서 수정없이 바로 등록.





 



작업 기간

약 1일




사용 프로그램,솔루션

Adobe Photoshop CS6
Cafe24





 

Hair Wax Mall 'DASHU'

www.hairwax.co.kr

다슈 올인원 바디워시 출시 이벤트페이지

목적

다슈는 신제품이 런칭될때마다 기대평이나 사용후기등의
이벤트를 진행하는데 볼륨 파우더 출시 당시 작업했던 이벤트 페이지이다.





후기

머리부터 발끝까지 하나의 제품으로
간편하게 씻을 수 있다는 점에서 개인적으로도 지금까지도 사용중인 괜찮은 제품이다.
무엇보다 향이 괜찮아서 샤워를 자주 하고싶은게 만드는 다슈의 수작.





 



작업 기간

약 1일




사용 프로그램,솔루션

Adobe Photoshop CS6
Cafe24





 

WIZI KOREA SHOPPING MALL 'Koonnam' Renewal

www.koonnam.co.kr

위즈아이코리아 '쿤남'쇼핑몰 리뉴얼

리뉴얼 목적

이전에 오픈한 사이트가 NORMAL하고 타 남성의류 쇼핑몰들과 크게 다르지 않아서인지
매출적으로 별다른 반응이 보이지않자 확실한 컨셉과 타겟층을 잡아
새롭게 심기일전(心機一轉)으로 리뉴얼 작업이 들어갔다.





컨셉트 및 후기

'Vintage Classic'

스타일리스트 성민군과 함께 충분히 논의한후 기존 캐쥬얼이미지의 쇼핑몰을
'빈티지클래식'이라는 Unique한 느낌으로 컨셉을 바꾸기로 결정하였고, 이와 비슷한 컨셉의
Thursday Island를 비롯 많은 해외 브랜드 사이트를 벤치마킹하여 작업이 진행되었다.





 



리뉴얼 기간

약 4~5주 (컨셉트회의,사진촬영포함)




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Flash CS3
Adobe Dreamweaver CS3
Makeshop





 

 

Fashion Wig Mall S-HOLIC

www.s-holic.co.kr

패션가발 쇼핑몰 '에스홀릭' 리뉴얼

리뉴얼 목적

주 타겟층이 10대부터 20대 여성이였음에도 불구하고
기존사이트의 촌스러움 가득한 '오렌지' 컬러였다.
안그래도 사용하기 힘든 컬러인데다 그와 더불어 버튼이나 배너 등 하나하나 요소들 또한
타겟층을 전혀 고려하지 않은 전반적인 모든 컨덴츠들을 바꿔야했다.





컨셉트 및 후기

'Lovely Pink'

에스홀릭에는 자체제작하여 판매하는 프로세서를 갖췄기 때문에
다양한 연령층의 가발을 판매하는 곳이였지만 주 타겟층은 10대~20대 여성들의 패션가발이였다.
젊은층을 겨냥해서 뷰티 느낌이 나도록 'ETUDE HOUSE','ARITAUM','MISSHA' 같은 브랜드 사이트 등을 벤치마킹하여 컨셉트를 잡은후,
소녀감성이 나는 연핑크와 모던한 느낌의 다크블랙을 사용하여 보다 감각적이고 트렌디하게 리뉴얼을 진행하였다.





 



리뉴얼 기간

약 3~4주




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Flash CS3
Adobe Dreamweaver CS3
Adobe Lightroom 2.0
Edit Plus
Makeshop





 

EDIYA COFFEE

Responsive Web site Main Design & Publishing

'이디야 커피' 메인 디자인 (반응형)

목적

커피 브랜드 네임밸류치고는 타 사이트에 비해 노멀한 레이아웃과 좁은 해상도를
트렌드에 맞는 넓고 시원한 레이아웃과 태블릿pc,모바일 해상도를 고려한 반응형 웹으로 제작하였다.

PC 가로 1920픽셀
태블릿 가로 1280픽셀
모바일 가로 480픽셀





후기

'하이미디어 컴퓨터학원 과제용 반응형 웹사이트'

부족한 나의 HTML 역량을 향상시키기위해 다녔던 '구로 하이미디어 캠퍼스'에서
HTML5 & CSS3 + jQuery 수업을 마친후 포트폴리오용으로 만든 작업물이다.
이전까지는 Table 코딩이나 웹상에서 돌아다니는 Open Source를 활용하여 작업했던 내가
직접 하드코딩으로 만든 첫 DIV 코딩이라 감회가 남다른 작업물이다.
아무래도 코딩에 Focus을 맞춘 작업이다 보니 디자인쪽으로는 많이 신경을 쓰지 못한것과
촉박한 시간으로 인해서 본래 기획했던것들을 많이 생략하고 마무리 한것이 아쉬움으로 남는다.





 



작업 기간

2주




사용 프로그램,솔루션

Adobe Photoshop CC
Adobe Brackets 1.5





 

 

WIZI KOREA Sell by Style

New Mannequin Project

정체되지 않은 새로움을 시도하다...그러나

목적

당시 오픈마켓 남성의류 안에서 너나할거없이 정형화처럼 되버린 블랙마네킹.
이 치열한 전쟁터같은 시장에서 경쟁해서 살아남으려면 한발 앞선 다른 무언가가 필요했다.





컨셉트 및 후기

'상품보단 스타일을 판매하다'

'위즈아이코리아'는 오픈마켓 남성의류쪽에서는 언제나 상위권을 랭크되는 파워셀러였다.
다른업체들처럼 마켓MD들의 기획전에 연연하지않고 순수 매출만으로도 상위를 유지하는 안정적인 곳이였지만,
위즈아이를 모방하고(마네킹,사진구도,썸네일,페이지디자인 등) 거기다가 속된말로 무리하게 가격까지 후려치는 여러업체들 덕분에(?) 매출이 감소되고 있는 시기였다.
변화가 필요했고,쉽게 모방하지 못하도록 상품 하나를 올리더라도 페이지 퀄리티를 높혀서 작업하자고 제안하였고,
컨셉이 될만한 새로운 마네킹과 페이지 작업을 컨펌받은 후 정말 야심차게 '뉴마네킹프로젝트'를 준비하였다.
사람의 피부톤과 매우 흡사한 마네킹에다가 백화점 매장의 DP처럼 전체코디를 시켜서 상품들마다 어울리는 스타일을 제안함과 동시에
전체코디에 사용된 아이템들도 같이 구매할 수 있게끔 유도하는게 목적이였다.
그렇게 신상품과 잘나가던 기존상품위주로 재촬영하여 새롭게 페이지를 바꿔서 변화를 주었지만
결과적으로 뉴마네킹프로젝트는 매출을 끌어올리는데 실패하였다.
애시당초 오픈마켓을 통해 구매한다는 것은 두고두고 입을 좋은옷을 사려는게 아니였던거다.
너무 과하게 포장되어 보이는 컨셉이 오히려 역효과가 난 셈이다.
게다가 작업효율까지 기존 대비 오래걸렸기 때문에 결국 원래대로 복원시키게 되었다.





 



작업기간

약 2주 (컨셉트 페이지만)




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 2.0
Edit Plus





 

 

CACID SIGN Improvements

cacidsign.kr

카시드사인몰 '소재설명페이지'

페이지 목적

다양한 소재를 다뤄서 실내간판을 제작,판매하는 카시드사인몰에 각 소재별 특징들의
설명이 되있는 페이지가 없어서 고객으로 하여금 이해를 돕기위해 만들게 되었다.





페이지 후기

'오픈소스의 활용'

카시드에서 매월말일 부서별로 개선사항이란걸 제출해야 했다.
업무를 보면서 문제가 되는 프로세서를 짚고 방안까지 작성해야 했는데,
월마다 꾸준히 제출해야 하는거라 적잖게 스트레스였다.
(개선할게 없을땐 없다고 할수도 있는 분위기도 아니였고)
작은 기능이라도 있는 오픈소스들을 이용해서 사이트에 접목시킬 수 있게
한,두개씩 만들기 시작하면서 잘 모르던 div 나 css를 만지작 거리고 수정하면서 습득하게 되었다.





 



페이지 기간

약 3일




사용 프로그램,솔루션

Adobe Photoshop CS5
Adobe Flash CS5
Edit Plus
SMINT Demo page





 

WIZI KOREA OPENMARKET

Product Thumnail Design

위즈아이코리아 오픈마켓 썸네일 디자인

목적

오픈마켓에서의 제품썸네일 디자인은 중요한 요소중 하나이다.
상세페이지는 썸네일 클릭을 해야 보여지는 반면 썸네일 디자인은 카테고리에 들어오면 바로 보여주는 컨덴츠이기 때문에
셀러의 얼굴이기도 하는 요소라고 생각한다.





후기

사실 한가지 썸네일 디자인으로 통일해서 작업을 해도 지장은 없었지만 카테고리별로 썸네일 디자인을 달리 하고싶었다.
나름 웹디자이너 마인드였을까.한가지로만 계속 반복작업하기엔 지루했고,좀더 나은 디자인이 바뀌었을때의 구매율의 변화도 확인할수가 있기에
다양하게 썸네일 디자인을 잡아보면서 점차 진화하는 나를 볼수있었다.





 



기간

약 1일 (시안 하나 잡을때)




사용 프로그램,솔루션

Adobe Photoshop CS3





 

FREE STYLE MALL OPENMARKET

Product Thumnail Design

프리스타일몰 오픈마켓 썸네일 디자인

목적

위즈아이코리아와 같은 업계였던 프리스타일몰로 이직을 한 후에 가장 먼저 바꿔야 했었던 것은
눈에 띄지않고 어설펐던 기존 썸네일 디자인 이였다.위즈아이에서 쌓았던 노하우를 기반으로 더욱 세련된 시안이 필요했다.





후기

썸네일 뿐 아니라 카테고리 안에 들어가는 요소들(리스트이미지,링크이미지,상세페이지),로고 등,모든것을 바꿈과 동시에
키워드 및 카테고리 광고도 동시에 받쳐줘서 매출을 눈에 띄게 올릴수 있었다.
이때 처음으로 디자인만으로도 매출을 좌지우지할수 있구나 라고 처음생각이 들었고,업무 성취도가 가장 컸던곳이였다.





 



기간

약 1일 (시안 하나 잡을때)




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Dreamweaver CS3
Edit Plus





 

Two.J Social Commerce Page

iPhonedroid Multi Cable

투제이 소셜커머스 페이지 작업

목적

프리랜서 형태로 재택에서 작업했었던 소셜커머스 페이지이다.
판매하는 딜 상품이 스마트폰 악세서리라 최대한 깔끔하고 군더더기없이 작업하려고 신경을 썼다.





후기

우연히 걸려온 한통의 전화,지인의 소개로 소셜페이지 의뢰를 드리려고 연락이 왔는데..정작 난 그 지인이 누군지 모르는;
어쨌든 넉넉한 작업시간과 적당한 페이조건이 맞아서 진행하였던 쿠팡,위메프 소셜페이지 작업이였다.
페이지 자체는 의뢰인도 만족스러워했고,괜찮게 뽑았으나 큰 판매로 이어지진 않았다.





 



페이지 기간

약 10일




사용 프로그램,솔루션

Adobe Photoshop CS6
Edit Plus





 

CACID SIGN EVENT PAGE

30% SALE EVENT

카시드사인몰 한량수량 30% 세일

목적

재고가 많은 제품의 처리를 위해 제작팀과 JOIN해서 진행하게 된 이벤트 페이지다.
원래 카시드는 할인에 인색할 정도로 별다른 이벤트를 하지 않았는데 기획의도 자체가 나쁘지않기에 순조롭게 진행할수있었다.





컨셉트 및 후기

'소셜커머스스럽게'

아무래도 재고상품들은 간판의 형태가 노멀하지않아 인기가 없었던게 대부분인데
이런 구성으로만 할인을 진행한다고 해도 사실 그렇게 흥할 이벤트는 아니였다.
그래도 최대한 재고상품스럽지않고 화려하고 깔끔하게 페이지 작업을 친다면 의외의 결과가 나오지않을까 싶었고,
30%라는 할인율을 극대화 시키기엔 소셜커머스처럼의 페이지 컨셉이 알맞는다고 판단,결국 진행했던 재고상품들은 전부 판매완료시켜서 이벤트를 마무리 할수있었다.





 



페이지 기간

약 2주




사용 프로그램,솔루션

Adobe Photoshop CS5
Adobe Dreamweaver CS5
Edit Plus
Cafe24





 

STUPID 'HALLOWEEN DAY'

Trick or treat!

스투피드 '할로윈데이' 오픈마켓 페이지

목적

10월 마지막날 유령이나 괴물 분장을 하고 즐기는 축제 '할로윈데이' 용품을 판매하는 스투피드에서의 오픈마켓 페이지 작업이다.
수백여개가 넘는 다양한 상품들 때문에 상품페이지 하나하나의 퀄리티보단 최적의 상품분류로 계산하고 나눠서 작업하는거에 포커스를 맞춰서 진행하였다.





후기

미칠듯이 많은 작업량이였다.
이전까지 내가 작업했던 '같은상품이여도 고급스럽게' 방식은 접어두고 오로지 스피디함으로 작업을 해도 벅찰 지경이였으니...
오픈마켓에는 판매가 기준으로 옵션수와 옵션가가 제한되어 있어서 많은 상품을 한번에 등록하지 못하는 점이라던가
기존에 촬영이 안된 상품이나 신제품들 촬영도 해야하고,모음전뿐만 아니라 상품 하나하나 개별로도 등록을 해야했고
사방넷이라는 솔루션을 사용해서 등록하긴했지만 이거대로 기본적인 셋팅이라던지 사용법을 완벽히 파악을 하고 실행해야 정상적인 등록이 가능했으니...
정신없이 바쁘게 보낸 기간이였지만 그와중에 사방넷이란 솔루션과 마켓MD들과의 미팅,오픈마켓 마케팅쪽으로 더욱 배우고 알게되었다.





 



작업기간

약 2달




사용 프로그램,솔루션

Adobe Photoshop CS6
Adobe Lightroom 2.0
Edit Plus
SABANGNET





 

STUPID 'Merry Christmas'

Second Deal Page

스투피드 '크리스마스' 오픈마켓 페이지

목적

'할로윈데이' 작업에 비해 대폭 줄어든 상품군 덕분에 여유롭게 진행할수 있었던 '크리스마스' 관련 상품 오픈마켓 페이지 작업이다.
촌스럽더라도 큼지막한 폰트사이즈 단순한 디자인을 선호하는 대장님(사장)의 취향을 저격하려 했다.





후기

크리스마스 기획전에선 촬영위주로 임무를 받아서 주로 스튜디오 촬영이 많았고,상세페이지 자체는 관여하지 않았다.
중요한 인트로나 오픈마켓에 필요한 페이지 디자인은 내가 할수밖에 없었지만...
아이템 자체가 많지 않아서 별 무리없이 일정대로 진행되어 마무리 할수 있었다.





 



작업기간

약 1달




사용 프로그램,솔루션

Adobe Photoshop CS6
Adobe Lightroom 2.0
Edit Plus
SABANGNET





 

CACID SIGN MALL 'PAGE DRAFT'

Siiiimply create more

'카시드사인몰' 상세페이지 시안

페이지 목적

짧고 간략하게 되어있었던 상세페이지에 부족한 설명을 보충하고,
유사상품과의 차이점,링크 등 필요한 요소를 추가해보고 싶었다.





후기

입사하고서 1주일간 제품의 대한 이해와 사이트를 보면서 만들었던 상세페이지 시안이였다.
기존에는 제품VR,사이즈,템플릿만으로 구성되서 제품 자체의 대한 정보가 부족해서 넣었던 요소들의 시도는 좋았지만,
전체적으로 깔끔하고 라이트하게 보이는 페이지 디자인가 사이트와 어울리지 않아서 통과하지 못하고 묻힌 시안이다.





 



작업기간

약 3일




사용 프로그램,솔루션

Adobe Photoshop CS5
Adobe Dreamweaver CS5
Edit Plus





 

CACID SIGN MALL 'Bottom Renewal'

Trendy layout

카시드사인몰 '하단 리뉴얼'

목적

카페24 전문 외주업체을 통해 리뉴얼했던 홈페이지에 사장님의 요구로 하단 부분을 바꾸게 되었다.





후기

카시드에서는 사장님이 작성해서 각 부서별로 보낸 연간계획표가 있었는데
그중 웹팀에는 사이트 하단 리뉴얼 항목이 있었다.
아무래도 외주템플릿으로 리뉴얼 된 사이트는 기본적인 부분만 노출된
노멀한 디자인(특히 하단부분이)이였기 때문에 납득이 가는 예정 사항이였다.
하단부분은 어느페이지에서도 항상 노출이 되는 영역이기 때문에
가급적이면 고객센터로 문의가 잦은 내용이나,쉽게 찾기 어려운 부분들을
고정적으로 노출시키고자 포커스를 잡고 리뉴얼을 진행하였다.





 



리뉴얼 기간

약 1주




사용 프로그램,솔루션

Adobe Photoshop CS5
Adobe Dreamweaver CS5
Edit Plus
Cafe24





 

S-HOLIC 'Package Design'

Bang Wig Type

앞머리 가발용 '패키지 디자인'

목적

새로 출시된 10여종의 앞머리 가발에 맞춰 작업하게 된 패키지 디자인이다.
가운데 부분을 투명하게 처리하여 박스를 개봉하지 않아도 스타일과 컬러가 확인될 수 있게끔 포인트를 주었다.





후기

처음 잡아본 패키지 디자인이라 실제로 제작이 되고 받아봤을때 뿌듯함이 컸다.
다만 폰트문제와 포인트였던 투명처리 부분이 비용차이가 커서 밋밋하게 수정이 되어 만들어지긴 했지만 말이다.





 



작업기간

약 2일




사용 프로그램,솔루션

Adobe illustrator CS3
Adobe Photoshop CS3
Adobe Lightroom 2.0





 

CACID SIGN Openmarket Page

Limited and Hard

카시드사인몰 오픈마켓 페이지

목적

다양한 종류의 상품을 마켓별 제한적인 방식에 따라
오류없이 최선의 형태로 등록함에 있어서 신경써야했던 부분이 많았다.





후기

카시드의 상품은 기성품이 아닌 주문형 제작상품이기 때문에 오픈마켓에선 옵션등록이 매우 중요한 부분이였다.
ESM 같은경우 최대 3단형옵션까지 지원하는 반면 그렇지않은 마켓도 있었고,iframe 도 제한이 되는 마켓도 있었고...
공통으로 쓸수있는 이미지 작업보다 등록작업이 매우 까다로운 부분이였다.





 



작업기간

약 1달




사용 프로그램,솔루션

Adobe Photoshop CS5
Adobe Dreamweaver CS5
Edit Plus





 

S-HOLIC 'Product Page'

Skin Piece Natural

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Two-Tone MARIEANTTE CUT

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Boo-S-S Hippie Perm

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Volume Masic Body Perm

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

New Style 9piece Straight Extension

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

New Style 1piece Straight Extension

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

New Style 1section Wave Extension

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

12piece Romantic Wave

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Vanilla Choco Latte

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Etude Lovely Perm

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Attitude Straight

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Side Shaved Hair

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus





 

S-HOLIC 'Product Page'

Pink Valentine

모델촬영 및 제품 상세페이지 디자인

목적

이미지 배치와 타이포그라피가 적절하게 어우러져 젊은 여성들에게 어필이 될만한 페이지를 만들고 싶었다.





후기

촬영과 페이지 디자인을 한사람이 하는건 굉장한 메리트라고 생각된다.
(페이지를 염두해서 촬영에 임할수가 있기 때문에)
그래서인지 촬영을 하고 난 후 적당한 노출보정하고 셀렉한 이미지로 타이포와 함께 페이지 틀을 잡는 작업 진행은 나에게는 굉장히 재밌는 일이였다.
무엇보다 내가 페이지 작업한 스타일을 대표가 좋게봐서 스트레스없이 순조롭게 진행할 수 있었다.





 



페이지 기간

약 3~5시간




사용 프로그램,솔루션

Adobe Photoshop CS3
Adobe Lightroom 4.2
Edit Plus