https://embed.figma.com/design/AuCkZYUEtWlnnZltLP6NHF/RUNTIME-front?node-id=0-1&t=3YtpPQEhVhOWD1hm-0&embed-host=notion&footer=false&theme=system


이 웹페이지는 사용자들이 러닝 커뮤니티에서 더 쉽고, 즐겁게 소통할 수 있도록 설계되었습니다.


🧭 직관적인 인터페이스

🎨 컬러 테마 – Black, Gray, Orange

색상 설명
⚫ Black / Gray 모던하고 깔끔한 분위기의 베이스 컬러
🟠 Orange 에너지와 활기를 더하는 포인트 컬러 (러닝의 역동성과 커뮤니티의 따뜻함을 표현)

📱 SNS 기반 UI/UX 설계

📌 최소한의 메뉴 구성


기존의 피그마를 활용해 틀을 잡아두고 그 틀에 맞게 구성한 프론트는 아래와 같습니다

📝 회원가입 페이지

image.png

🏠 메인페이지

image.png

💬 소통게시판 리스트 페이지

image.png

✉️ 쪽지 리스트 페이지

image.png

🏃‍♂️ 크루 홈 페이지

image.png

🔐 로그인페이지

image.png

👤 마이페이지

image.png

📄 소통게시판 디테일 페이지 (좋아요, 댓글)

image.png

📬 쪽지 디테일 페이지

image.png

⛔ 접근 제한 페이지

image.png