유어테스트 | 데브파이브

소개

Why?

가이드

포트폴리오

소식

문의하기

카카오톡 실시간 상담

#반응형

#WEB

#관리자페이지

#Next.js

#Python

#Fast-api

#Framer-motion

#Devup-ui

유어테스트

데브파이브

link-item-image/file/2024_12_23/1734939750360_chrome.webp

Web Site

portfolio-top-image/file/2025_05_23/1747985895048_유어테스트-1.webp

제작 연도2025

제작 기간1개월

사용 기술Next.js, Devup-ui, TypeScript, Framer-motion, Python, Fast-api

ABOUT유어테스트(yourtest.kr)는 누구나 쉽고 빠르게 참여할 수 있는 심리·성향 테스트 중심의 종합 유틸리티 플랫폼입니다. 성격 유형, 취향, 가치관 등을 알아보는 다양한 테스트를 제공하며, SNS 공유에 최적화된 UI와 재미 요소를 결합해 자기 탐색과 놀이를 동시에 즐길 수 있는 서비스로 주목받고 있습니다. ✔ 회원가입 없이 바로 참여 가능 ✔ Z세대 취향을 반영한 테스트 콘텐츠 ✔ 밸런스 게임, 유형 분석, 캐릭터 매칭 등 다양하게 구성

기획 사항1. 누구나 쉽게 참여할 수 있는 테스트 플랫폼 구축 - 회원가입 없이 테스트 가능 - 모바일·웹에서 접근성 우수한 UI 제공 2. Z세대 중심의 UX/UI 구성 - 트렌디하고 감성적인 테스트 화면 구성 - 공유하기 좋은 결과 페이지 제작 3. 다양한 테스트 포맷 지원 - 성향 테스트, 유형 분석, 밸런스 게임, 캐릭터 매칭 등 4. SNS 공유 최적화 - 썸네일 자동 생성 및 미리보기 이미지 지원 - 결과 페이지를 이미지화하여 링크 공유 시 시각적 요소 강조 5. 테스트 생성 및 관리 기능 (운영자용) - 새로운 테스트 등록 기능 - 질문·결과 수정 및 통계 조회 기능

작업 내역✅기획 - 테스트의 핵심 구조 정의 (질문-응답-결과 매칭) - 테스트 유형별 사용자 흐름 시나리오 작성 - 관리자 기능 요구사항 도출 (등록, 통계 등) ✅디자인 - 메인 페이지 및 테스트 UI/UX 설계 - 결과 공유 이미지, SNS 썸네일 디자인 - 모바일 최적화를 고려한 반응형 레이아웃 ✅개발 - 테스트 인터랙션 로직 개발 (질문, 점수 계산, 결과 출력) - 결과 페이지에서 동적 이미지 생성 - SNS 메타태그 설정 (카카오톡, 페이스북, 트위터 공유 시 대응) - 테스트 등록/관리용 관리자 페이지 개발 - 테스트 결과 저장 및 통계 기능 구축

OUTPUT