썬스테이션 홈페이지 리뉴얼

기존에 운영하던 워드프레스 홈페이지는 글을 하나 올리는 데도 부담이 될 만큼 무겁고 느렸습니다. 쓰지 않는 기능까지 잔뜩 포함되어 있다 보니 실행 속도가 떨어졌고, 기능을 커스텀하려 해도 손이 많이 갔습니다. 이런 문제를 해결하기 위해 (유)썬스테이션의 사이트를 Ruby on Rails로 리뉴얼했습니다. 개발 전권을 위임받아 기획부터 디자인, 개발, 배포까지 원스톱으로 진행했고, 작업 범위에는 UI/UX 설계와 사이트 구축, 호스팅, 운영·관리가 모두 포함되었습니다.

빠른 개발 속도와 로딩 속도, 적은 운영 비용, 그리고 복잡하지 않은 심플한 디자인, 이 네 가지를 가장 중요하게 생각하고 작업했습니다.

일반적인 게시판에 더해 태양광 공사 종류별로 시공사례를 라벨링하고, 그중 홈 화면에 노출할 콘텐츠를 직접 선택할 수 있도록 만들었습니다. 또 썸네일이 원하는 부분에서 잘리는 문제가 있어서, 게시자가 직접 기준선을 조정해 썸네일 노출 위치를 정할 수 있게 개선했습니다. 글 작성 화면은 워드프레스처럼 실제 게시될 모습을 그대로 확인하면서 작성할 수 있는 WYSIWYG 방식으로 만들었습니다.

관리자 접속은 구글 로그인을 통해 지정된 URL로만 가능하도록 해 기본적인 보안을 챙겼습니다. 추후에는 협업 관리자를 추가하고 권한을 관리할 수 있는 구조도 마련해 두었습니다.

이용자 수가 많지 않은 특수한 환경이라는 점을 고려해서 별도로 서버를 임대하지 않고, 보유하고 있던 Raspberry Pi 기기로 자체 호스팅을 했습니다. 서버실에 설치된 태양광 패널로 전력을 충당하다 보니 전기세 부담이 전혀 없고, 원래 쓰던 인터넷 비용 외에는 추가로 나가는 돈이 없습니다.

워드프레스 대비 훨씬 가벼운 구조와 레이지 업로드 도입으로 글 작성 경험이 크게 개선되어 콘텐츠 업로드의 장벽이 낮아졌고, 운영 비용은 사실상 0원에 가깝게 유지되고 있습니다.

홈 화면은 연락처가 중요한 사업 특성상 연락처를 강조해서 배치했고, 홈에서 바로 최근 시공사례 목록을 볼 수 있으며 별도 페이지에서 전체 시공사례도 확인할 수 있습니다. 시공사례를 클릭하면 상세 화면으로 이동하고, 관리자 페이지는 카드 형식의 메뉴로 모던하게 구성했습니다. 글마다 부여하는 '시공사례' 라벨은 관리자 페이지에서 편집할 수 있고, 추후 기능 확장을 고려해 라벨에 색상을 지정할 수 있는 구조로 만들어 두었습니다.

또 다른 주요 기능으로, 태양광 시공 전 미리 시뮬레이션해볼수 있는 3D 시뮬레이터가 있습니다.