Pencilin | CREDIT 포트폴리오

PENCILIN_

CLIENT:
PENCILIN
SERVICE:
PENCILIN WEBSITE
CATEGORY:
- WEBSITE
- RESPONSIVE WEB DESIGN
EXECUTION:
2024.03
PROJECT:
온라인 자사몰 제작

We designed the official online store for Pencilin, a company dedicated to providing innovative writing experiences for iPad and Apple Pencil users. Centered around Pencilin's unique illustrations, we implemented a consistent layout and responsive design to ensure an optimal user experience across all devices. Furthermore, by employing a minimalist design approach, we aimed to highlight Pencilin's distinctive illustrations and effectively convey a professional and clean brand image.

아이패드와 애플펜슬 사용자에게 혁신적인 필기 경험을 선사하는 펜슬린의 공식 온라인 자사몰을 제작했습니다. 펜슬린의 독창적인 일러스트레이션을 중심으로, 일관된 레이아웃과 반응형 디자인을 적용하여 모든 기기에서 최적의 사용자 경험을 제공하고자 했습니다. 또한, 미니멀리즘 디자인을 활용하여 펜슬린만의 개성을 담은 일러스트레이션을 돋보이게 하고, 브랜드의 전문적이고 깔끔한 이미지를 효과적으로 전달하는 데 주력했습니다.

VIEW SITE

Pencilin

OVERVIEW

온라인 자사몰로 펜슬린 브랜드 소개, 제품 판매, 고객 문의 등 E-COMMERCE 사이트의 전반적인 기능을 통합적으로 구현하였으며, 특히 독창적인 일러스트레이션과 핵심 제품의 시각적 강조에 주력 했습니다. 미니멀리즘 디자인을 활용하여 펜슬린 고유의 개성을 담은 일러스트레이션을 효과적으로 부각하고, 사용자에게 직관적이고 몰입도 높은 쇼핑 경험을 제공하고자 했습니다. 일관된 레이아웃 시스템과 최적화된 반응형 디자인을 통해 다양한 기기 환경에서 브랜드의 정체성을 명확하게 전달하고, 사용자 편의성을 극대화하는 데 중점을 두었습니다. 본 프로젝트를 통해 펜슬린은 차별화된 브랜드 아이덴티티를 확립하고, 고객과의 효과적인 소통 채널을 구축할 수 있도록 설계되었습니다.

Pencilin Home ®Credit

Pencilin Product Detail ®Credit

Responsive Web Design_Pad ®Credit

Responsive Web Design_Mobile ®Credit

TONE &
MANNER

시각적 집중도를 높이고 일러스트레이션과의 조화로운 균형을 이루기 위해 블랙과 화이트를 메인 컬러로 채택했습니다. 일러스트레이션을 돋보이게 하는 동시에, 세련되고 모던한 브랜드 이미지를 구축하고자 해당 컬러들이 선정되었습니다. 블랙&화이트 컬러를 사용함으로써 복잡성을 최소화하고 일러스트레이션 본연의 매력과 디테일에 시선이 집중되도록 유도했습니다. 또한, 콘텐츠의 가독성을 향상시켜 사용자 경험의 직관성을 높이는 데 기여하였습니다. 결과적으로, 일러스트레이션을 극대화하며 심플하면서도 브랜드 아이덴티티를 효과적으로 전달하는 비주얼 요소로 작용했습니다.

Black
White

ABOUT
PENCILIN

펜슬린(PENCILIN) 브랜드에 대한 간결하고 전문적인 소개를 제공하며, 홈페이지와 일관된 레이아웃 구조를 유지하여 사용자에게 익숙하고 안정적인 탐색 경험을 선사합니다.
about 페이지는 펜슬린의 핵심 가치를 간결하게 제시함으로써 브랜드에 대한 이해도를 높이고 신뢰감을 구축하는 데 중점을 두고 있습니다.

PRODUCT
DETAIL PAGE

펜슬린의 감성을 담아 제품을 소개하고, 사용자에게 최적화된 구매 여정을 제시하는 상품 페이지입니다. 일관된 레이아웃 구조를 유지하여 브랜드 경험의 연속성을 확보하였으며, 펜슬린의 아이덴티티를 반영하는 일러스트레이션 요소를 동일하게 적용하여 시각적 통일감을 높였습니다. 제품 이미지는 원형 구도와 은은한 블러 효과를 통해 시각적인 집중도를 높이고, 제품의 특징을 섬세하게 부각합니다. 스크롤 인터랙션을 활용하여 사용자가 편리하게 다른 제품 정보를 탐색할 수 있도록 설계하여 사용 편의성을 증대시켰습니다. 더불어, 직관적인 장바구니 시스템과 간결한 구매 프로세스를 구축하여 사용자에게 긍정적이고 효율적인 쇼핑 경험을 제공하였습니다.

Product Detail

Cart

About & Product Detail_Pad

Responsive Web Design

웹(DESKTOP), 태블릿(TABLET), 모바일(MOBILE) 등 다양한 디바이스 환경에서 일관된 사용자 경험을 제공합니다. 각 기기의 화면 크기와 해상도에 맞춰 유연하게 변화하는 레이아웃 및 UI/UX 설계를 통해, 사용자는 어떠한 환경에서도 펜슬린의 콘텐츠를 쾌적하게 탐색하고 이용할 수 있습니다.