• 할 일

  • 페이지 분석
    • 리뉴얼 이유 및 개선점 구체적으로 조사 후 정리
  • 벤치마킹 사이트 조사
    • 디자인, 기능적으로 벤치마킹할 사이트 조사
  • 간트 차트 작성

• 디자인에 신경 많이 써야 할 듯…

  • 그런데 퍼블리셔로 취업할 것도 아닌데, 그냥 타 사이트 참고해서 Figma 빨리 만들고, 기능구현에 초점을 맞추는 게 맞을 것 같아보이긴 함. 심플 이즈 베스트로 가는 거 어떤가요..

• 기술 스택에 대한 논의 필요해 보임

  • CSS
    • tailwind css → 요즘 기업들 이거 많이 씀
    • styled-component
  • React
    • 개발 속도, 애니메이션 효과 등 생각해봤을 때 퍼블리싱은 빠르게 끝낼 수 있고, 기능구현에 초점을 맞출 수 있음
  • Javaspring boot
  • nodejs ⇒ javascript 기반이라 러닝 커브가 완만함 + node.js도 기업에서 많이 씀

• 간트차트 항목 정리

  • 페이지 분석 및 스토리보드 작성 (~4/29)
  • 디자인 & 피그마 작업(~5/7)
  • github & 개발환경 세팅(5/7)
    • 파일 구조 설정
    • common.css 작성
    • style.css에 자주 사용하는 컬러, 테두리 등 자주 쓰이는 공통 css 요소 변수로 만들어 두기
  • 퍼블리싱 (html, css)(5/8~5/11)
  • 프론트 기능 구현(5/12~5/15)
  • 에러 수정 + 최적화 + 코드 리팩토링(5/16~5/19)
  • 발표 준비 (5/19, 5/20)
  • 발표 5/21
  • 이후 백엔드 기능 구현

리뉴얼할 사이트

• 페이지 전환 시 로딩이 길고 버벅거림이 발생함

• 디자인이 전반적으로 노후되어 가독성이 떨어지고, 정보가 눈에 잘 안 들어옴

• 모바일, 태블릿 등 다양한 기기에서 화면이 제대로 보이지 않거나 버튼 클릭이 어려움 (맥북 기준으로 작성했습니다 !) | | 주요 기능/특징 | - 운전면허 시험 및 적성검사 예약

• 운전면허정보 조회

• 공지사항 및 민원 게시판

• 교통안전 교육 정보 제공 | | 개선하고 싶은 점 | - 복잡한 UI 구조 정리 및 정보 재배치

• 빠르고 직관적인 페이지 전환

• 시각적으로 깔끔하고 현대적인 디자인 적용

• 모바일 / 태블릿 등 다양한 디바이스에 최적화된 반응형 웹 구현

• 연령대 별 주요 서비스 추천 등 사용자 맞춤형 콘텐츠 제공 |

• 한재우 이미지의 토글위치 불일치 셀렉쪽에 많은게 있지만 근로복지공단이랑 겹치는게 많고 비슷하게 주제를 고르는게 힘들꺼 같음. 글 크기 위치 등 반응형이라고 하기엔 부족한거만 해도

• 고하나: 근로복지공단, 공공누리와 비슷한 케이스, 주요기능이 확실해서 퍼블리싱할 페이지 선정하기 쉬울 것 같음. 벤치마킹할 사이트 많음.

• 임소현 간단하게 리뉴얼하기 좋을 것 같음.

• 김세준 - 가독성 떨어지는 부분들, 반응형 지원하지만 UI 깔끔하지 않은 부분들 리뉴얼할 수 있는 영역 많을 것 같음.

벤치마킹 사이트 정리