[Letter To Me] 미래의 나에게 편지를 보내는 웹 서비스 - 디자인 수정

 

▶ 디자인 변경사항

2024.08.10 ~ 08.11

 

일단 디자인을 끝내기는 했는데 프론트 개발하면서 수정 할 것 같다...

 

변경사항을 간단하게 말하자면 

 

1. 편지 작성 부분에 설명부분 글씨 키움

 

2. 편지 작성 부분에 편지를 언제 받을지 설정하는 달력과 시간과 분을 설정할 수 있는 칸 추가

 

3. 비밀번호 찾는 페이지 추가(이메일 인증 후 변경 하는 페이지로 이동)

 

4. 비밀번호 변경 페이지 추가(변경 후 로그인 창으로 리다이렉션)

 

5. 프로필 페이지 만들기(프로필 사진, 현재 이메일, 쓴 편지 수, 받은 편지 수)

 

6. 설정 페이지 만들기(이메일 변경, 비밀번호 변경, 프로필 사진 변경, 회원 탈퇴, 비밀번호 변경)

 

7. 기능에 저장한 편지들을 볼 수 있는 기능 추가

 -> 그에 따른 메인페이지 수정

 

8. 회원가입 창에 비밀번호 제약조건 설명 추가

 

9. 바탕이 흰색인 버튼은 모두 그에 대비되는 버튼을 만들어서 호버 효과를 줄것이므로 그 컴포넌트들 추가

 

 

 

▶ 디자인

 

 

- 로그인

- 회원가입

- 비밀번호 찾기(이메일 인증 후 비밀번호 변경 페이지로 이동)

- 비밀번호 변경(변경 후 로그인 페이지로 리다이렉트)

- 메인페이지

- 메인페이지(프로필클릭)

- 메인페이지(편지작성하기 Hover)

- 메인페이지(저장한 편지 보기Hover)

- 편지 작성 페이지

- 편지 작성 다음 페이지

- 편지 작성 페이지(마크다운 사용방법 클릭)

- 작성한 편지 보기 페이지

- 저장한 편지 보기 페이지

- 프로필

- 설정

- 랜딩페이지

- 전체 화면

- 바탕이 흰색인 버튼에는 모두 호버 효과를 넣어서 사용자가 확인하기 쉽게 만들 예정

 

 

 

▶ 디자인 해보면서 느낀점

---

재밌다...!!! 

내가 잘한건지는 모르겠지만 재밌다...

2일동안 이것만 계속 했다...

재밌고 좋은데....
근데 프론트 개발을 할 수 있을런지 모르겠다...

 

다음은 재밌는 백엔드 개발에 들어가기 전 ERD설계와 API 명세서 설계를 할 것이다!