웹 최적화하기
yaer: 2024 at: tripbtoz role: Product Design teammate: 1 PM, 1 FE, 1 BE, 1 PD 1. 어떤 문제가 있었는가? 시즌별로 url 규칙을 갖고 있으나, 다른 시즌 정보를 확인하려면 url 주소를 변경해야됐기 때문에 지난 시즌에 대한 명단을 url 주소 변경 없이 확인하기는 어려운 지점이 있었습니다. 랭킹 운영 지역 및 호텔의 참여 정보는 운영 국가가 늘어날수록 많아지다보니 결과 발표 화면에서 한 번에 불러들이는 데이터가 많아 로딩이 오래 걸렸습니다. 모바일 화면에서 랭킹 참여 정보 확인 시, 글자 길이에 따라 지역명/호텔명 또는 닉네임이 잘려서 노출되는 문제점이 있었습니다. 2. 고려해야 할 상황은? 신규 기능 개발은 최대한 배제하는 방향으로 가야했습니다. web 작업으로 PC / 모바일 모두 대응 할 수 있도록 반응형으로 제작해야 했습니다. 심미성, 가독성 고려한 디자인 필요했습니다. 시즌별 정보, 리그별 정보, 호텔 정보등 대량의 정보를 어떻게 잘 보여줄 수 있을지 고민이 필요했습니다. 모바일 환경에서 닉네임 및 참여 지역과 호텔의 이름이 짤리지 않도록 노출하는 방법에 대해 고민이 필요했습니다. 3. 어떻게 해결했는가?
1