📌서비스 개요LOOK HERE LOOKYS! SHOW YOUR FASHION.📌기획 의도 및 기대효과📍기획 의도📍기대 효과📍주요 타겟📍서비스 가치📌유사 서비스📌팀 문화📌주요 기능📌기능 명세서📌기술 스택📌플로우 차트, 와이어 프레임📍플로우 차트📍와이어 프레임📍피그마 링크
📌서비스 개요
LOOK HERE LOOKYS! SHOW YOUR FASHION.
안녕하세요. look here! looky팀 석주, 수영, 원주, 민호입니다.
looky는 사용자들의 Lookbook을 공유하면서 다양한 패션 영감과 아이디어를 제공합니다. 또한 패션이라는 공통된 관심사를 가진 사람들이 다양한 채널을 통해 커뮤니티를 형성하고 소셜 네트워킹을 할 수 있는 서비스입니다.
looky는 브랜드와의 협업 기회를 제공합니다. 유명한 패션 브랜드나 디자이너들은 패션 룩북 SNS를 통해 자신의 제품을 홍보하고 브랜드 이미지를 전달할 수 있습니다. 또한, 사용자들의 패션 스타일과 취향을 파악하여 맞춤형 광고나 혜택을 제공할 수도 있습니다.
📌기획 의도 및 기대효과
📍기획 의도
우리 looky는 현재 젊은 세대의 SNS 이용률이 높다는 것과 SNS의 활용도가 높다는 것을 통해 더 좋은 가치를 창출하고자 해보고자 합니다.
현재 SNS 이용 플랫폼은 인스타그램, 페이스북이 전체 50% 이상을 차지하고 있습니다. 이러한 SNS들 거대하지만 이용률이 높아짐에 따라 여러 분야의 방대한 콘텐츠가 섞이고 있습니다. 그래서 우리 looky는 패션이라는 특정 분야의 전문화된 플랫폼을 만들어 같은 취향이 맞는 사람들을 위해 공유할 수 있는 환경을 제공하여 사용자에게 긍정적인 경험을 제공하고자 합니다.
우리 looky는 개인의 개성이 패션을 통해 표현되는 세상에서 그에 걸맞는 SNS 서비스가 필요하다고 생각하였습니다. 기존에 다양한 주제와 다양한 사람들이 어우러져 있는 SNS와는 다르게 패션에 관심 있는 사람들에게 집중한 SNS 서비스입니다.
📍기대 효과
저희 looky팀이 이 서비스를 통해서 얻고자 하는 기대효과는 다음과 같습니다.
- 사용자들은 자신의 패션을 포스팅하고 패션 취향이 맞는 사람들과 공유할 수 있습니다.
- 사용자들은 다양한 채널을 통해 커뮤니티 활동을 할 수 있습니다.
- 광고주들은 세부적인 채널 주제에 맞는 광고를 통해서 광고 효과를 극대화 할 수 있습니다.
📍주요 타겟
자신만의 패션 및 개성을 공유하고 소통하고 싶은 20, 30대 사용자
📍서비스 가치
- 활력
- 즐거움
- 연결
📌유사 서비스
무신사 스냅
크림 스타일
📌팀 문화
희진팀 프로젝트 컨벤션📌주요 기능
인증
- 사용자는 회원가입을 할 수 있습니다.
- 사용자는 로그인을 할 수 있습니다.
- 사용자는 로그인을 하지 않고 제한된 활동을 할 수 있습니다.
포스트(피드)
- 사용자는 주제 별 소속된 채널의 포스트를 확인 할 수 있습니다.
- 사용자는 포스트의 상세 내용을 확인할 수 있습니다.
- 사용자는 상세 내용 페이지에서 좋아요&댓글을 확인할 수 있습니다.
- 사용자는 포스트에 tag 정보를 포함시킬 수 있습니다.
- 사용자는 포스트의 tag 정보를 클릭함으로써 해당 상품 페이지로 리다이렉트 됩니다.
좋아요&댓글&알림
- 사용자는 포스트에 좋아요를 남길 수 있습니다.
- 사용자는 포스트에 댓글을 남길 수 있습니다.
- 사용자는 알림을 확인할 수 있습니다.
채널 기능
- 사용자는 채널을 선택하고 포스트를 확인할 수 있습니다.
- 사용자는 채널에 포스트를 남길 수 있습니다.
DM 기능
- 사용자는 다른 사용자와 1대1 대화를 나눌 수 있습니다.
- 사용자는 기존 나눴던 대화를 다시 확인할 수 있습니다.
📌기능 명세서
📌기술 스택
언어 | TypeScript |
라이브러리 | React |
상태관리 | Redux Toolkit, Tanstack Query |
번들러 | Vite |
스타일링 | css, styled components, tailwind UI |
협업 툴 | Notion, Slack, Discord, Github, Figma |
API | axios |
코드 포맷팅 | eslint, prettier, airbnb Rule |
Commit 규칙 | |
브랜치 전략 | Github Flow + dev 브랜치 추가 |
노드 버전 | node (20.10.0 LTS), npm(10.2.3) |
라우터 | react-router |
배포 툴 | Vercel, Gabia(도메인) |
📌플로우 차트, 와이어 프레임
📍플로우 차트
📍와이어 프레임
📍피그마 링크
휴지통