굿윌스토어 굿사이클링 캠페인 랜딩페이지 홈페이지 제작 | 디자인펀치 포트폴리오

닫기CLOSE
E-MAIL
dpunch2010@designpunch.co.kr
TEL
02.6053.0124
ADDRESS
H.O. 서울특별시 서초구 서초대로 275, 2층
B.O. 서울특별시 금천구 가산디지털1로 204, 1001호

2026 © DesignPunch. All rights reserved.

CLOSE

02.6053.0124

dpunch2010@designpunch.co.kr

H.O. 서울특별시 서초구 서초대로 275, 2층

B.O. 서울특별시 금천구 가산디지털1로 204, 1001호

2023 © DesignPunch. All rights reserved.

TOP

굿윌스토어 굿사이클링

URLhttps://goodwillstore.org/campaign/goodcycling2026.php

디자인펀치 제작 - 굿윌스토어 굿사이클링 Responsive Web/App, Landing Page 메인 비주얼 (PC) 디자인펀치 제작 - 굿윌스토어 굿사이클링 Responsive Web/App, Landing Page 메인 비주얼 (모바일)
CLIENT
굿윌스토어
DATE
2026-05
TYPE
Responsive Web/App
KEYWORD
#일반기업 #반응형 #랜딩페이지 #캠페인 #물품기증 #굿윌스토어
OVERVIEW
굿사이클링은 '일을 통해 삶을 변화시키는 장애인의 선한일터' 굿윌스토어가 진행한 물품기증 캠페인으로, 집에서 쓰지 않는 물건을 기증해 다른 누군가의 집에서 다시 쓰이도록 하는 좋은 순환을 제안하며 캠페인 페이지를 통해 방문수거·택배기증을 신청한 참여자에게 I♥HOME 키링 리워드를 증정하였습니다.
TYPOGRAPHY
가나다

Pretendard

Bold Medium

가나다라마바사아자차카타파하
1234567890

aAbB

메이플스토리

Bold Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

COLOR SYSTEM
기부와 나눔이 무겁지 않고 즐거운 일상의 선택으로 느껴지도록 굿윌스토어의 브랜드 컬러인 '굿윌 블루(Goodwill Blue)'를 메인으로, 한 톤 부드러운 '스카이 블루(Sky Blue)'를 서브로 사용하여 맑은 하늘 아래 집 한 채가 놓인 듯한 청량한 무드를 만들었습니다. 여기에 키링 리워드 섹션을 감싸는 '버터 옐로우(Butter Yellow)'와 지붕·하트에 쓰인 '코랄 레드(Coral Red)'를 포인트로 더해, 따뜻한 방 안 일러스트와 어우러지는 명랑하고 친근한 캠페인 톤을 완성하였습니다.

Primary

#005BAC

Secondary

#4A90D9

Bg

#F5F7FA

Accent

#FEF3B1

Title

#000000
UX/UI CONCEPT
물품기증이라는 다소 딱딱한 주제를 누구나 가볍게 참여할 수 있도록 방 안 일러스트와 스티커 모티프, 말풍선을 활용한 친근한 그래픽 인터페이스(UI)를 적용하였으며, 정리 유형 테스트로 흥미를 끈 뒤 기증 신청과 리워드 인증까지 한 페이지에서 이어지는 참여 중심의 흐름(UX)을 설계하여 기부가 즐거운 일상의 선택이 되는 캠페인 경험을 제공합니다.
디자인펀치 제작 - 굿윌스토어 굿사이클링 Responsive Web/App, Landing Page 상세 디자인 (PC) 디자인펀치 제작 - 굿윌스토어 굿사이클링 Responsive Web/App, Landing Page 상세 디자인 (모바일)