루프코
플랫폼 구축 프로젝트
- Client
- 루프코
- Date
- 2022. 09 - 2022. 12
- Type
- 플랫폼, React, 반응형 구축
Overview
루프코의 최상위 플랫폼 사이트 제작 목적은 “수익창출 극대화” 이었습니다.
프로젝트를 시작하기에 앞서 조선, 해양, 플랜트 분야의 도메인 숙련도를 올리는 것이 아몽의 첫 번째 숙제였습니다. 사업군의 적응을 완벽히 해낸 후 실제 타겟층이 가장 쉽게 구매할 수 있는 유저 플로우를 기획하여 루프코의 최상위 목적을 달성할 수 있었습니다.
Goal
수익 창출 극대화
UI/UX Strategy
정보를 전달할 수 있는 UI
전문적이고 다양한 정보를 효과적으로 제공하기 위한 서비스로
단순히 상품을 구매하는 것 뿐만 아니라 경험하고, 수집하고, 만들어내는 과정을 제공합니다.
반응형 웹
다양한 디바이스와 해상도에 맞춘 반응형 웹을 제작하여 사용자 경험을 제공합니다.반응형 개발에 맞춰 레이아웃의 구성을 개발 친화적으로 제작하였습니다.
콘텐츠와 어울리는 이미지
다양한 서비스와 목적을 가지고 있기 때문에 콘텐츠의 이해도를 높이고자 아이콘 대신
사진을 사용하여 간접적으로 표현하였습니다.
LOOFCO
Design System
다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,
여러 플랫폼에서 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Pretendard
Pretendard
Color System
루프코를 통해서
판매업체 찾기 고민이 해결됐다
배너섹션 & 추천 기업을 활용한 구매유도
어디서 견적을 맡겨야 하지? 에 대한 구매저항을 갖고있는 홈페이지 타겟층에 맞춰
제품 및 서비스 & 추천 기업 섹션을 배치해 구매유도를 진행하였습니다.
자연스럽게 구매흐름으로 이어지는 랜딩페이지 기획
ONE-STOP 간편 구매서비스 & 고객후기 & 프로세스 설명등 구매저항을 해소시키는 요소들을
랜딩페이지에 배치시켜 잠재고객을 구매고객으로 전환시킬수 있도록 기획 & 개발하였습니다.
‣ 프로세스 섹션
LOOFCO
Subpage
MY PAGE
마이페이지에서는 여러 정보들이 보기 쉽게 구성하여
사용자들의 신속히 정보를 습득할 수 있도록 하였습니다.
‣ 마이 페이지
CREATE RFQ PAGE
단순 텍스트의 나열만이 아닌, 각 견적의뢰에 맞는 이미지를 첨부하여
홈페이지 사용자로 하여금 편리함을 얻게 만들었습니다.
‣ 판매자 프로젝트 현황 페이지
SUPPLIER PROJECT STATUS PAGE
견적의뢰에 대한 궁금증이 생긴 홈페이지 사용자에게
구체적으로 정보를 확인할 수 있는 판매자 프로젝트 현황 페이지입니다.
‣ 판매자 프로젝트 현황 페이지
LOOFCO Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 웹사이트에 접속해있는듯한 경험이 가능하도록 완벽한 반응형 대응을 진행하였습니다.