Selected work / 사례

프로젝트와 성과.

웹사이트 제작·개선, CMS, 검색과 서버 운영 프로젝트의 배경과 구현 내용을 소개합니다.

Cases / 01

사례

Case 01

양식 · AI 리드 · CMS

Acecore 공식 사이트 문의 리드선 개선

서비스 선정, 견적 상담, 문의 전 불안을 줄이기 위해 고정 페이지, FAQ, AI채팅, CMS 관리 항목을 정리했습니다.

Acecore공식 사이트 문의 페이지
과제
방문자가 무엇을 상담할 수 있는지 판단하기 어렵고, 문의 내용도 분산하기 쉬운 상태였습니다.
제안
서비스별 도선, 문의종별, FAQ, AI에 의한 사전 안내를 조합하여 필요한 정보를 폼에 집계했습니다.
성과
상담 전의 확인과 정식의 문의를 나누어, 견적이나 서비스 상담에 진행하기 쉬운 흐름이 되었습니다.

Case 02

전자상거래, 결제 및 주문형 생산

Acecore Store 기획 및 개발

Acecore와 Aceserver의 공식 굿즈를 둘러보는 단계부터 장바구니, 배송비 확인, 결제, 제작과 배송까지 하나의 흐름으로 연결하는 주문형 스토어를 구축했습니다.

Acecore와 Aceserver의 공식 굿즈를 소개하는 Acecore Store 홈 화면
과제
굿즈 판매에서는 재고 부담을 줄이면서 가격, 배송비, 반품 조건, 판매자 정보를 명확히 알리고 결제와 제작·배송을 안정적으로 연계해야 했습니다.
제안
Astro와 Cloudflare Pages / Pages Functions를 기반으로 D1, R2, Queues, Turnstile, Stripe Checkout, Printful API를 조합했습니다. 장바구니에서 배송비와 합계를 확인한 뒤 결제 완료 후 제작과 배송으로 이어지는 구성입니다.
성과
Acecore와 Aceserver 브랜드별로 상품을 살펴보고 주문마다 주문형 생산을 의뢰할 수 있는 판매 기반을 공개했습니다. 스토어가 결제 정보를 보관하지 않아 더 안전하고 운영하기 쉬운 구조입니다.

Case 03

CMS·검색·보안·성능

Acecore 공식 사이트의 기능 추가·운영 기반

정적 사이트에 CMS, 기사 기반, 사이트 내 검색, 구조화된 데이터, CSP, 접근성 개선, 표시 속도 개선을 단계적으로 추가했습니다.

Acecore 공식 사이트의 톱 페이지
과제
정보 발신과 문의 도선을 강화하는 한편, 정적 사이트의 속도나 운영의 용이성을 무너뜨리지 않는 설계가 필요했습니다.
제안
Astro,Cloudflare Pages,Sveltia CMS,Pagefind, 구조화된 데이터, 보안 헤더를 결합하여 필요한 기능을 작게 추가할 수 있는 형태로 정리했습니다.
성과
블로그, 고정 페이지, 검색, 문의 도선을 운영하면서 개선할 수 있는 기반이 되어, 동종의 사이트 기능 추가 안건에 전용하기 쉬운 지견이 정리되었습니다.

Case 04

서버 운영·커뮤니티 기반

Aceserver 운영으로 얻은 안정화·감시의 지견

Minecraft공개 서버 운영을 통해 연결 안정성, 모니터링, 백업 및 안내 리드를 지속적으로 개선하고 있습니다.

에이스 서버 포털 메인 화면
과제
참가자가 많을수록 연결 안정성, 정보 공유, 장애 대응, 운영 규칙을 정비해야 합니다.
제안
기술 운영과 커뮤니티 운영을 분리하지 않고 서버 구성, 모니터링, 백업, 웹 동선을 함께 개선했습니다.
성과
장기 운영으로 얻은 지견을, 업무 시스템의 감시·운영 설계에도 활용할 수 있게 되었습니다.

Case 05

웹 제작·커뮤니티 포털·CMS

에이스 서버 포털 제작

Minecraft무료 공개 서버 '에이스 서버'의 참가 안내, 동영상, 월드맵, 위키, Discord에의 도선을 하나의 입구로 정리했습니다.

에이스 서버 포털의 톱 페이지
과제
서버의 개요나 참가 방법, 룰, 동영상, 월드 맵등의 정보가 복수의 장소로 나뉘어, 처음 방문한 사람이 최초의 한 걸음을 선택하기 어려운 상태였습니다.
제안
기존 소스를 대체하지 않고 서버 소개에서 Discord, 동영상, 각 월드맵, ​​위키로 헤매지 않고 이동할 수 있는 포털로 구성했습니다.
성과
Astro, UnoCSS, Sveltia CMS를 사용하여 정적 사이트로 게시하고 있습니다. 페이지 본문과 사이트 설정을 CMS에서 업데이트할 수 있는 구성입니다.

Case 06

웹 제작·CMS·사이트 내 검색

체리 영어 교실 사이트 리뉴얼

교실 안내, 코스, 알림, 블로그, 이벤트, FAQ를 하나의 사이트로 정리하고 기존 사이트를 Astro구성으로 리뉴얼했습니다.

체리 영어 교실 홈페이지의 톱 페이지
과제
기존 사이트와 블로그의 정보를 인계하면서 방문자가 코스나 체험 레슨으로 진행하기 쉬워, 갱신도 계속할 수 있는 구성이 필요했습니다.
제안
Astro, UnoCSS, Sveltia CMS, Pagefind을 결합하여 기존 기사 이전, 이전 URL 리디렉션, 사이트 검색, CMS 업데이트를 하나의 운영 기반으로 결합했습니다.
성과
교실 안내에서 체험 레슨, 매일의 소식이나 과거 기사까지 찾기 쉬워져,CMS의 변경을 PR로 확인해 공개할 수 있는 운영으로 이행했습니다.

Case 07

웹 제작·CMS·사이트 내 검색

Hatt 홈페이지 제작

그림, 소설, VRChat용 3D 아바타 기믹 제작을 하나의 입구에 정리해 창작 활동을 계속해서 발신할 수 있는 개인 사이트로서 설계했습니다.

Hatt 홈페이지의 톱 페이지
과제
활동의 입구가 블로그, 외부 투고 사이트, BOOTH, YouTube, X 등으로 나뉘어 처음 방문한 사람이 활동의 ​​전체상이나 보는 순서를 파악하기 어려운 상태였습니다.
제안
활동을 그림·소설·모델링의 3개로 정리해, 블로그, 작품, 프로필, 외부 서비스에 연결하는 허브로서 구성했습니다.
성과
Astro, TypeScript, UnoCSS, Sveltia CMS, Pagefind을 사용한 정적 사이트로 게시하고 있습니다. 블로그와 작품 정보를 CMS에서 업데이트할 수 있고 기사나 작품을 검색할 수 있는 구성입니다.