HOW WE WORK · CASE

우리가 일하는 방식
이 홈페이지를 다시 만든 과정

오래된 회사 홈페이지를 무엇부터 점검하고, 어떤 선택을 하고, 어떻게 안전하게 바꿨는지 사례로 소개합니다. 컨설팅에서 쓰는 순서와 같습니다.

PROCESS · 다섯 단계
01
요구사항 정리누가, 무엇을 찾아오는가

한 일

회사가 보여줄 사업 축 세 가지를 정하고, 방문자(사업주·투자자·협력사)가 찾는 정보와 공개하지 않을 정보를 구분했습니다.

판단

메뉴를 회사 기준이 아니라 방문자가 찾는 순서로 짰습니다.

얻은 것

첫 화면에서 "무엇을 하는 회사인지"와 "어떤 실적이 있는지"가 바로 읽힙니다.

02
방식 검토새로 만들까, 살려서 고칠까

한 일

전면 재구축과 기존 시스템 활용을 비용·기간·위험으로 비교했습니다.

판단

소식·채용·문의 같은 기존 기능은 그대로 두고, 보여주는 화면부터 바꾸기로 했습니다.

얻은 것

기존 기능을 잃지 않으면서 개발 범위와 위험을 줄였습니다.

03
사실 확인 · 안전 점검쓸 수 있는 내용만, 되돌릴 수 있게

한 일

등기부와 사업자등록증으로 회사 정보를 대조하고, 법적으로 쓸 수 없는 표현을 뺐습니다. 수정 전 파일과 소스를 모두 백업했습니다.

판단

공개 페이지에는 보안에 영향을 줄 수 있는 내부 정보를 싣지 않기로 했습니다.

얻은 것

문제가 생기면 작업 전 상태로 돌아갈 수 있는 상태에서 작업했습니다.

04
제작 · 검증시안 → 검토 → 화면

한 일

AI로 시안을 만들고 사람이 검토해 수정하기를 반복했습니다. 확정된 시안을 화면으로 옮긴 뒤 PC와 휴대폰에서 각각 확인했습니다.

판단

휴대폰은 PC 화면을 줄이는 대신, 옆으로 넘겨 보기와 하단 문의 버튼처럼 따로 설계했습니다.

얻은 것

사진 16장을 합쳐 약 0.8MB로 줄여 휴대폰에서도 빠르게 열립니다.

05
배포 · 운영올리고 끝이 아니라 관리까지

한 일

서버에 반영하고, 접속 암호화(HTTPS) 상태와 인증서 갱신 설정, 로그와 저장 공간을 점검했습니다.

판단

만드는 일보다 계속 켜져 있게 하는 일이 중요하다고 보고 점검 항목을 정했습니다.

얻은 것

점검 항목이 있어 같은 문제가 반복되기 전에 확인할 수 있습니다. 진행 중

RESULT · 달라진 점
휴대폰 전용 화면사진·카드를 옆으로 넘겨 보고, 화면 아래 고정 버튼으로 바로 문의할 수 있습니다.
가벼운 화면원본 사진 대신 줄인 사진을 써서 사진 16장이 합쳐 약 0.8MB입니다.
되돌릴 수 있는 작업수정 전 상태를 보관해 두어, 문제가 생겨도 이전 화면으로 복원할 수 있습니다.

작업 시간과 비용 절감 효과는 기록을 쌓는 중이며, 측정이 끝나면 실제 수치로 이 자리에 공개하겠습니다.

AI가 맡은 일시안 제작, 회사 문서 읽기와 내용 대조, 반복적인 변환 작업
사람이 결정한 일사이트 구성, 표현의 수위, 공개할 정보와 공개하지 않을 정보
구조와 기술이 궁금하신가요?

보안을 위해 시스템 구조와 사용 기술은 공개 페이지에 싣지 않습니다. 초대받은 분께는 체험 시스템과 함께 직접 설명드립니다.

이메일 문의 문의 안내