안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
[예창패] LeaderSpoon 사이트
개발 · 디자인 · 기획
웹 · 안드로이드
LMSㆍ강의 플랫폼, 통계ㆍ대시보드, 기타(IT 서비스 구축)
프로젝트 배경
1. 문제점
현대 사회에서 시니어층은 디지털 소외 문제를 겪으며, 능동적인 학습 기회가 부족한 실정입니다. 기존의 온라인 교육 플랫폼은 주로 젊은 사용자를 대상으로 설계되어 있어, 시니어들이 사용하기에는 UI/UX가 복잡하고 적합하지 않은 경우가 많습니다. 또한, 온라인 교육 과정이 시니어들의 관심사와 필요에 부합하지 않아 지속적인 학습 참여율이 낮은 문제도 존재합니다. 본 프로젝트는 이러한 문제를 해결하고자, 시니어 맞춤형 학습 및 커뮤니티 플랫폼을 구축하여 보다 쉽게 디지털 환경에 접근하고 자기 주도적 학습을 경험할 수 있도록 지원하고자 합니다.

2. 프로젝트 목표
- 사용자 친화적인 인터페이스 제공
시니어가 직관적으로 사용할 수 있도록 UI/UX 최적화
- 맞춤형 학습 콘텐츠 제공
시니어층의 흥미를 반영한 교육 및 활동 프로그램 구성
- 디지털 접근성 향상
간편 로그인, 큰 글씨, 명확한 UI 등을 통해 디지털 장벽 해소
- 커뮤니티 활성화
시니어들이 서로 소통하며 배우고 성장할 수 있는 환경 조성
- 안정적인 서비스 운영
AWS 클라우드 인프라를 기반으로 안정적인 서비스 제공

본 프로젝트는 MVP 단계에서 시니어 대상 사용자 테스트를 거쳐 실제 활용도를 검증하였으며, 이후 지속적인 개선을 통해 더욱 완성도를 높여 나갔습니다.

3. 주안점
본 서비스 구축 시, 시니어 사용자들이 관심을 가질 만한 콘텐츠 조사 및 UX 최적화를 중점적으로 고려하였습니다. 다음과 같은 요소들을 반영하여 개발을 진행하였습니다:
직관적인 인터페이스: 시니어 사용자들이 쉽게 접근하고 사용할 수 있도록 UI/UX 설계
맞춤형 콘텐츠 제공: 시니어층의 관심사를 반영한 교육 및 활동 프로그램 구성
보안 및 접근성 강화: 간편 로그인 및 데이터 보호를 위한 보안 기능 구현
지속적인 유지보수 및 성능 개선: AWS 기반 인프라를 통해 안정적인 서비스 제공
프로젝트 성과
예비창업페키지 우수 통과
예비창업페키지 우수 통과
핵심 기능
전체 메인
배우고 행하고 갤러리 모임 클릭 시 스크롤 기능 적용

로그인 시 이름 변경

베너 클릭시 해당 상세화면

푸터 기능 적용
로그인
로그인 기능으로 카카오 네이버 구글의 Oauth 인증을 통하여 로그인 구현 만일 회원가입 하지 않았을 경우 추가적 정보 기제
관리자 페이지
스트림릿으로 구현 smpt로 인증메일 확인 이후 관리자 로그인

클라우드 mogoDB의 컨텐츠를 회원정보 받아와서 List 형식으로 표출
진행 단계
기획및 요구사항 정의
2024.07.
의뢰자의 아이디어를 기반으로 IT 프로젝트 기획 및 요구사항 정의를 수행하였으며, 핵심 기능 도출, 기술 스택 선정, 아키텍처 설계, 일정 수립, 개발 프로세스 구축, MVP 개발을 지원
Web 개발 1차 완료
2024.12.
서비스의 핵심 기능을 구현하고, UI/UX 설계 적용, API 연동, 데이터베이스 구축을 완료하여 Web 개발의 1차 버전을 완성하였습니다.
테스트 및 검수 진행
2025.01.
Web 및 주요 기능의 안정성을 확인하기 위해 기능 테스트, UI/UX 검수, 성능 점검을 진행하고, 발견된 버그 및 개선사항을 수정.
AWS 기반 서비스 인프라 구축
2025.01.
AWS 인스턴스 배포, 데이터베이스 설정, 로드밸런서 구성, 보안 그룹 관리 등을 수행하여 안정적인 서비스 운영 환경을 구축
최종 제품 테스트 및 검수 완료, 완료 보고
2025.02.
최종 기능 점검, 사용자 피드백 반영, 성능 테스트를 진행하여 품질을 검증하고, 프로젝트 완료 보고서를 작성 및 제출하였습니다.
프로젝트 상세
포트폴리오 소개

학습 경험 흥미 기반의 웰 에이징 플랫폼

본 프로젝트는 시니어층을 대상으로 학습 경험과 흥미를 기반으로 한 맞춤형 콘텐츠를 제공하는 플랫폼입니다. 사용자가 쉽고 직관적으로 접근할 수 있도록 UI/UX를 최적화하였으며, 안정적인 클라우드 인프라를 기반으로 구축되었습니다.

작업 범위 및 지원환경

1. 계약(개발) 목표
- UI/UX 디자인
Figma를 활용한 UI/UX 디자인 개발 및 검수
Frontend/Backend 개발
Frontend: React Framework, Python (관리자 페이지 개발)
Backend: Node.js
Database: MongoDB
- 로그인 및 마이페이지
간편 로그인, 비밀번호 설정, 세션 유지 기능 포함한 인증 시스템 구축
개인정보 설정 및 로그아웃 기능 제공
사용자가 찜한 프로그램 내역 및 혜택 확인 기능 제공
- Main 및 메뉴 화면
주요 콘텐츠를 쉽게 탐색할 수 있는 원스톱 인터페이스 제공
플로팅 UI 적용을 통한 직관적 UX 개선
클라우드 인프라 구축 및 관리
AWS 기반 인프라 구성 및 유지보수

2. 주요 기능 및 페이지
(1) 메인 페이지
메인 화면: 주요 콘텐츠 표시
메인 대시보드: 캘린더, 빠른 예약, 문의 기능 제공
나침판: 서비스 소개 및 멤버십 혜택 안내 제공
(2) 로그인 및 마이페이지
회원가입: 서비스 이용 동의, 정보 입력
간편 로그인: 카카오, 네이버, Apple, Google 연동
마이페이지: 프로그램 및 찜 내역 확인, 개인정보 수정, 관심사 등록
고객센터 및 공지사항 제공
(3) 고객센터
자주 묻는 질문 및 이용약관 제공
(4) 알림 기능
공지사항, 활동 알림, 내모임 알림 기능 구현
(5) 배우고 행하고
인기 과정 10선 소개, 문의하기, 신청 및 결제 기능 제공
(6) 공감 PICK!
A/B 테스트, 다지선다, 7점 척도 지원
댓글 작성 및 후기 열람 기능 제공
(7) 관리자 페이지
회원 관리 및 콘텐츠 관리 기능 제공
(8) 인프라 관리
비용 분석, 정기 점검, 장애 리포트 및 모니터링 수행

3. 백엔드 개발 사항
RESTful API 설계
Node.js 및 Express.js 기반 CRUD API 개발
표준화된 URL 구조 및 HTTP 상태 코드 유지
Express 미들웨어를 통한 보안 강화
MongoDB 데이터베이스 설계
사용자, 제품, 주문 등의 스키마 설계 및 인덱싱 최적화
Aggregation Pipeline을 통한 데이터 분석 지원
JWT 기반 인증 및 권한 관리
AccessToken & RefreshToken을 통한 사용자 인증 관리
관리자/일반 사용자 역할 및 접근 제어 시스템 구축
비동기 작업 처리
Node.js 이벤트 기반 비동기 처리 및 스케줄러(node-schedule) 활용

4. 프론트엔드 개발 사항
SPA(Single Page Application) 개발
React Router를 활용한 동적 라우팅 및 URL 히스토리 관리
컴포넌트 기반 아키텍처
재사용 가능한 UI 컴포넌트 개발 및 Axios를 통한 API 연동
상태 관리
useState 및 Context API 활용한 전역 상태 관리
대량 데이터 처리 및 동시성 문제 해결을 위한 전략 적용
UI 및 반응형 디자인
다양한 디바이스에서 최적화된 사용자 경험 제공

주안점
본 서비스 구축 시, 시니어 사용자들이 관심을 가질 만한 콘텐츠 조사 및 UX 최적화를 중점적으로 고려하였습니다. 다음과 같은 요소들을 반영하여 개발을 진행하였습니다:
직관적인 인터페이스: 시니어 사용자들이 쉽게 접근하고 사용할 수 있도록 UI/UX를 설계
맞춤형 콘텐츠 제공: 시니어층의 관심사를 반영한 교육 및 활동 프로그램 구성
보안 및 접근성 강화: 간편 로그인 및 데이터 보호를 위한 보안 기능 구현
지속적인 유지보수 및 성능 개선: AWS 기반 인프라를 통해 안정적인 서비스 제공
해당 사이트 메인 페이지 입니다
공감 PICK! 중 5지선다입니다. 기존 Flutter로 개발되어 있는 화면을 리액트로 개발하였습니다.
로그인 화면입니다 Oauth로 구현되어 있습니다
알림화면입니다
프로필 화면입니다
관리자 메인입니다
로그인 이후 화면입니다
검색엔진 크롤러에 노출 SEO 최적화 현재 서비스 보류 단계로 클라우드 내린 상태

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

go******
개발 · 팀

프로젝트 정보

참여 기간
2024.07. ~ 2025.01.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
더그레잇
역할
임원
관련 기술
AWS
Android
Node.js
MongoDB
React
streamlit

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30