Designart STORY
프로젝트 리뷰

HIT 526

천연화장품 아이지아 쇼핑몰 제작

2017.08.11





천연 화장품 쇼핑몰 아이지아 오픈!
천연 화장품, 착한 화장품, 홈케어 화장품으로 유명한 아이지아의 쇼핑몰 홈페이지를 디자인아트와 함께 진행하였습니다.
아이지아는 오프라인에서 입소문이 났던 화장품입니다. 그러나 최근온라인 시장이 커지고 온라인시장을 찾는 고객이 많이 늘어남에 따라 온라인 쇼핑몰 홈페이지를 제작하며 온라인 판매를 시작시작하게되었습니다. 그렇게 온라인 쇼핑몰 제작을 앞두고 여러업체와의 컨텍 후 디자인아트의 제안서가 마음에 들어서 디자인아트와 홈페이지 제작을 결심하셨다고 합니다. 그렇게 아이지아와 여러번의 미팅을 통해 온라인 쇼핑몰을 제작하게 되었습니다.





아이지아의 디자인 컨셉
아이지아의 온라인 쇼핑몰은 초기 기획부터 원하시는 스타일과 구성해야할 컨텐츠가 명확해서 디자인 작업이 순조롭게 진행되었습니다. 아이지아의 쇼핑몰 메인디자인은 전체적으로 아이지아의 친환경적인 제품을 살려주면서 심플한 레이아웃으로 상품을 더욱 한눈에 보기 쉽도록 레이아웃 작업을 하였습니다. 상단 메뉴바를 100% 와이드 형으로 잡아 안정감을 좀 더 주었고, 비주얼영역을 가로 1100px에 맞춰 전체적인 레이아웃에 통일감을 주었습니다. 메인컬러는 로고의 어두운 레드컬러를 활용하여 브랜드 느낌을 살릴 수 있게 포인트 주었으며,전반적으로 산뜻한 느낌이 드는 채도가 높은 색상들을 활용하여 아이지아와 잘 어울릴수 있도록 디자인하였습니다.





자연과 피부를 생각하는 브랜드, 아이지아
천연 화장품, 착한 화장품, 홈케어 화장품을 컨셉으로 진행된 아이지아 쇼핑몰은 화학성분 없이 엄선된 자연성분만으로 자연의 힘을 담아 그 가치를 전한다 라는 슬로건으로 시작되었습니다. 피부 자극을 최소화로하고 민감한피부와 남녀노소 누구나 안심할 수 있도록 임상기관 피부자극 테스트를 완료하여, 피부의 자극을 최소화 시키고자 노력하고 있는 브랜드입니다. 또한 아이지아는 5가지 약속을 걸고 지키고자 한다고 했습니다. 약속의 내용은 엄선된 자연성분의 사용, 안전한 성분의 과학적배합, 피부 자극의 최소화, 정직한 유통과 정직한 가격정책, 동물실험 반대 라는 5가지의 약속으로 착한 화장품이라는 컨셉에 맞게 고객과의 정직하고착한 약속을 정하고 지켜나가고 있다는 내용을 사이트에 담아 아이자아의 브랜드 컨셉을 알렸습니다.





쇼핑몰구축 과정
아이지아 쇼핑몰제작은 메인 및 서브페이지 약 15p, 개별페이지 2p , 모바일 메인 및 서브 3p, 개별페이지 1p 디자인 작업을 쇼핑몰디자인은 메인 및 서브패키지 약 40p, 개별페이지 5p, 모바일 메인 및 서브 3p, 개별페이지 5p 쇼핑몰디자인 작업을 진행하였습니다. 메인 및 서브는 웹표준 코딩(html/css/script)을 하였으며, 크로스 브라우징 범위는 IE9~11, 크롬 브라우저에 맞춰 진행하였고, 후기페이지에 대해 중점을 많이 두셔서 원하시는 후기가노출될 수 있도록 추가로 프로그래밍을 해드렸습니다. 상세페이지 관련 스크립트 적용이 솔루션에 따라서 형식이 달라지는 것에 대한 이슈가 있었지만 마무리를 잘 지은 프로젝트였던 것 같습니다. 아이지아 프로젝트는 기획 - 쇼핑몰디자인 - 퍼블리싱 - 쇼핑몰개발 - 검수 - 오픈까지 약 13주 정도의 기간이 걸렸습니다.





PC쇼핑몰부터 모바일 쇼핑몰까지
아이지아는 PC 쇼핑몰제작에 맞춰 모바일 쇼핑몰제작도 하였습니다. 모바일 사용자가 한 눈에 원하는 메뉴를 찾아 갈 수 있게 레이아웃을 구성하였습니다. 불필요한 요소를 제거하고 쇼핑몰을 이용하는 고객들에게 불편함이 없도록 작업하였습니다.모바일사이트 쇼핑몰디자인도 PC버전과 동일한 컨셉인 천연화장품에 맞게 제작되었으며, PC버전의 웹표준 코딩 작업을 진행한 것처럼 모바일 사이트도 어느 브라우저에서도 사용하기 불편함이 없도록 제작되었습니다. 이렇게 아이지아만의 컨셉과 해당 분야에 맞게 PC버전과
모바일사이트가 제작 되면서 방문자가 늘고 서비스 이용에 불편함이 없게 쇼핑몰구축이 되었습니다. 작업을 진행하면서 다양한 기획과 경험을 할 수 있었던 프로젝트였던 것 같습니다.




                       
       
benjamin_bt01.gif