1. 소개
아무리 좋은 콘텐츠라도, 사용자가 움직이지 않으면 그건 그냥 ‘예쁜 PDF’일 뿐이라는 생각이 들었습니다.
초기 홈페이지는 정보가 많았지만, “보고 → 느끼고 → 행동하는 흐름”이 없었어요.
그냥 나열된 정보들 사이에서 사용자는 어디로 움직여야 할지 모를거 같았습니다.
그래서 생각했어요.
“사람의 뇌가 실제로 반응하는 구조로 UX를 재설계하면 어떨까?”
그리고 스터디장님이 주신 용어정리 리스트를 활용해 인지과학·뇌과학 기반 UX 원리를 도입해 홈페이지를 완전히 새로 만들기 시작했어요.
2. 시도하고자 했던 것과 그 이유
기존 홈페이지의 문제는 명확했어요.
정보는 많지만 감정적 연결이 없음
CTA(행동 유도) 버튼이 사용자의 심리적 타이밍과 맞지 않음
“나에게 왜 필요한가?”가 즉시 떠오르지 않음
동기부여 구조가 없어서 이탈률 높음
그래서 선택한 방향은 뇌과학 기반 UX 구조로 재편성.
사람의 뇌가 갖고 있는 기대감, 보상추구, 패턴완성 욕구 같은 심리를 자극해
사용자를 자연스럽게 ‘다음 단계’로 이동시키는 흐름을 만든 거야.
예를 들면:
기대감 엔진으로 첫 스크린에서 호기심 자극
보상 예측 오류를 활용해 테스트 결과를 바로 보여줌
자기결정성 이론(SDT)으로 사용자가 선택하고 있다는 감각 제공
피드백 루프를 넣어 “조금만 더 하면 나아질 것 같은” 뇌 반응 유도
이걸 넣으니 홈페이지의 흐름이 바뀐거 같았어요.
3. 진행 방법
1) 사용한 도구
ChatGPT (UX 설계 & PRD 구조화)
Readdy.ai (페이지 구성)
figma & 이미지 에셋 (시각적 감정 설계)
기본 HTML/CSS (세부 UI 조정)
그리고 핵심은 이겁니다:
PRD 작성할 때부터 인지과학 용어를 직접 넣어서, GPT가 UX 구조 전체를 뇌과학 기반으로 재설계하도록 유도.
2) 실제로 사용했던 프롬프트 전문 (핵심)
운픽 홈페이지를 인지과학의 원리를 적용해서 새로 설계해줘.
아래 50개의 뇌과학·인지심리학 UX 이론을 기반으로
- 첫 화면 히어로섹션
- CTA 배치
- 스크롤 동선
- 테스트 → 분석 → 커뮤니티 → 멤버십 흐름
전부 재설계해.
각 섹션마다 “어떤 뇌과학 원리를 적용했는지” 반드시 설명하고,
사용자가 행동하게 만드는 최적의 문구도 추천해줘.
이 한 줄이 전체 설계를 완전히 바꿔놨어요.
3) Before & After 화면 (캡처)
Before
(단순 정보 나열, CTA 위치 분산)
After (뇌과학 UX 적용 후)
4. 결과와 배운 점
✅ 사용자 체류시간 2.3배 증가
첫 화면에서 바로 CTA를 누르는 비율이 크게 올라감.
✅ 테스트 시작률 178% 증가 (지인들에게 테스트 결과)
‘바이탈 지수 테스트 시작하기’ 버튼 클릭률이 눈에 띄게 상승했습니다.
✅ 제품 상세페이지 진입률 증가가 예상됨( 마케팅 업체 피드백 )
심리적 연계(“이 테스트 결과는 이 아로마와 연결됩니다”)가 효과가 있을것 같아요.
https://www.woonpick.com/
홈페이지가 아직 완벽하지는 않지만 일단 배포해서 지인들과 마케팅 전문가들에게 테스트 받아보고 있음.
토요일 모각에서 파이어베이스 데이타 구축하기 배웠는데 생각만큼 쉽지 않았음
내일 수업시간에 배워서 다시 해보고 사례글 남길께요.
배운 점
1) UX는 ‘보기 좋은 디자인’이 아니라 ‘뇌가 움직이는 구조’다
사람은 해석보다 느낌이 먼저 반응하는거 같아요.
그리고 느낌은 대부분 뇌과학적 패턴입니다.
2) GPT에게 “뇌과학적으로 설계하라”고 주문하면 사고 방식이 바뀐다
그전에는 이런 문구가 주는 힘을 몰랐어요.
3) 페이지는 하나의 ‘스토리텔링 여정’으로 구성해야 한다
“왜 시작해야 하는가 → 지금 시작하면 무엇이 좋은가 → 다음 단계는 무엇인가”
이 3단 구조가 중요한거 같아요.
시행착오
Readdy.ai가 생각보다 백엔드 연동이 까다로워서
템플릿 복제가 안 되는 문제에 많이 막혔음. 그리고 돈이 많이 들어요. ㅜㅜ약 150달라 정도 쓴거 같은데, 뭐 홈페이지 제작하려면 기본 3~400은 들었던게 비하면 적은 비용이라고 생각해요.
브라우저 충돌, 도메인 연동 이슈 등 기술적인 허들이 컸음
AI에게 너무 많은 요구를 한 번에 넣으면 UX가 난잡해짐
→ “한 번에 한 원리씩 정리”해서 적용함으로 해결
앞으로의 계획
Vital 지수 → 아로마 추천 → 커뮤니티 진입 → 멤버십 전환까지
완전 자동화된 “운픽 퍼널” 구축각 섹션별 A/B 테스트 진행
MBTI 아로마 테스트와 결합한 AI 기반 맞춤 아로마 추천 구현
유튜브·인스타·카카오톡 챗봇 연동한 입체형 생태계 구축
“잠재력을 깨우는 플랫폼”이 완성되는 생태계 구축
도움 받은 글 (옵션)
GPTers Study, 자동화·UX 관련 아티클
카네만 《생각에 관한 생각》 일부 UX 해석
Nielsen Norman Group – UX 심리학 관련 인터뷰
GPT 기반 UX 재설계 해외 사례들
