오래도록 만들어보고 싶었던 공식 홈페이지를 과거에 만들었습니다.
과거의 기술과는 다르게, 최근에는 다양한 기술이 범람하고 있는데요. 그래서 만들 수 있었던 홈페이지입니다. 하지만 만들기는 했지만 조금 보완할 점이 몇가지 있다고 생각했는데요.
업데이트 이력
- 2026.10.14: 다크모드, 뒤로가기 버튼 추가
- 2026.10.14: 탭 UI → 스크롤 방식 전환
우선 다크모드를 집어넣고, 왼쪽 상단에는 뒤로가기 버튼을 만들었습니다.
PC 버전에서는 화면 내에 뒤로가기 버튼이 간절해졌습니다. 모바일은 제스쳐가 있으니 없어도 되는 기능이지만 일단 그대로 뒀습니다. (나중에 고칠 예정)
본래의 게임 목록입니다. 프로젝트명과 발매일이 서로 Fade되면서 보기 좋은 장면이었는데요. 그런데 PC에서 굳이 그렇게 할 필요가 있을까 생각이 들더라고요.
그리고 마우스 커서가 Hover 되었을 때 바뀌는 그런 사이트가 개인적으로 이쁘다고 생각해서 방법을 찾아보고…
이렇게 아이콘도 크게 나오고, 정보도 좀 더 크게 나오게 되었습니다.
여기까지야 세세한 설정 정도긴 하네요. 다만 원하는 것과 조금 다르게 완성 되었습니다. 수정해보려고 이래저래 건드렸는데 다음 날까지 해야할 것 같아서 일단 중지.
그리고 게임 내 정보 화면입니다.
상단에 탭을 두고 구분해서 보여주는 형태였는데요. 최근 사이트를 둘러보니까 이렇게 하는 케이스가 잘 없더라고요. 예전에 미소녀 연애 시뮬레이션 발매하는 사이트가면 다 탭으로 해서 구성 했던데, 그게 저에게는 로망 같은 부분이였죠.
그래도 요즘 많이 사용하는 스크롤 쭉쭉 하면서 보여주는 화면으로 변경했습니다. 이렇게 만드니까 보는 입장에서 편하긴 하더라고요.
그리고 이전에 임시로 만든 페이지와, 미처 만들지 못한 페이지도 채워넣었는데요. 아직도 내용에 대해서는 아쉬운 점이 많지만 일단 여기까지 했습니다.
더 하고 싶은 부분은…
- 게임 정보 내 기존에 연재했던 개발일지 연동해서 보여주기
- 게임 정보 내 캐릭터 채워넣기
- 게임 내 들어있는 패스워드를 입력해서 볼 수 있는 숨겨진 요소를 공식 홈페이지에서도 연동해서 볼 수 있게 하기
돌이켜보면 디자인만 손 본 것인데 꼬박 하루가 걸렸습니다. 이대로는 개발 중인 프로젝트가 밀릴 게 뻔해서 아쉬움을 뒤로하고 여기서 멈췄습니다. 다음에 여유가 생기면 그 때 이어서 만들어야겠네요.