서울 스튜디오에서 웹사이트 화면 설계를 함께 검토하는 약토키 디지털 팀

포트폴리오

어떤 프로젝트를 해왔는지

약토키 디지털은 웹사이트, 모바일 앱, 사내 도구, AI 기능을 붙인 서비스 등 여러 형태의 프로젝트를 진행해왔습니다. 아래는 프로젝트 유형별로 어떤 작업이 포함됐는지 정리한 것입니다.

유형 중심으로 소개하는 이유

구체적인 고객사 정보는 계약상 공개가 제한된 경우가 있어, 이 페이지는 프로젝트 유형과 그 안에 포함된 작업 범위를 기준으로 정리했습니다. 화면이 어떻게 생겼는지보다 어떤 문제를 어떤 방식으로 풀었는지에 초점을 맞췄습니다.

유형이 비슷한 프로젝트라도 데이터 이관 범위, 권한 구조, 외부 연동 개수에 따라 난이도가 달라집니다. 그래서 아래 각 항목에는 그 유형에서 실제로 시간이 많이 드는 지점을 함께 적었습니다. 상담 시에는 공개 가능한 범위에서 더 자세한 자료를 안내합니다.

주요 작업
기업 웹사이트, 예약·결제 서비스, 모바일 앱, 사내 도구, AI 기능
진행 기준
정보 구조 재설계, 한국어 검색 노출, 모바일 화면 비중
상담 안내
일정과 범위는 상담 후 문서로 정리해 안내합니다

유형은 달라도, 남는 것은 실제로 운영되는 화면입니다.

완성 시점의 스크린샷보다 중요한 것은 이후에 무엇을 고칠 수 있는지입니다. 아래 항목마다 유지보수와 운영 관점에서 확인할 지점을 함께 적었습니다.

프로젝트 유형별 작업 범위

각 유형에서 어떤 작업이 포함되고, 어디에서 일정이 흔들리는지 정리했습니다.

기업 웹사이트 리뉴얼

오래된 기업 웹사이트를 다시 만드는 프로젝트가 많습니다. 기존 사이트의 콘텐츠를 그대로 옮기기보다, 정보 구조를 다시 잡고 사용자가 찾기 쉬운 순서로 재배치합니다. 한국어 검색 노출과 모바일 화면 비중을 함께 고려합니다. 문의 동선을 단순하게 정리하는 것도 이 유형의 핵심입니다.

확인할 지점

메뉴 깊이, 검색 유입이 많은 페이지, 문의 폼까지의 클릭 수

예약·결제가 붙는 서비스

예약이나 결제가 들어가는 웹 서비스는 외부 연동이 많아 복잡도가 올라갑니다. 결제 실패, 중복 예약, 취소 처리 같은 예외 상황을 미리 설계합니다. 회원 체계와 알림 흐름도 함께 만듭니다. 이 유형은 검수 단계에서 점검할 항목이 특히 많습니다.

확인할 지점

결제 실패 후 재시도, 중복 예약 차단, 취소·환불 처리 흐름

모바일 앱

모바일 앱은 네이티브와 크로스플랫폼 중 맞는 방식을 골라 진행합니다. iOS 성능과 Apple 플랫폼 기능을 깊게 써야 하면 Swift 기반 네이티브로, iOS와 Android를 같은 코드로 맞춰야 하면 React Native로 갑니다. 카카오톡 로그인이나 알림 연동이 필요한 경우가 많습니다. 앱스토어 심사 일정도 프로젝트 계획에 포함합니다.

확인할 지점

두 플랫폼 출시 시점, 로그인·알림 연동 범위, 심사 일정 여유

사내 업무 도구

사내에서 쓰는 업무 도구는 외부 서비스와 요구사항이 다릅니다. 사용자가 한정되어 있고, 권한 구조가 복잡한 경우가 많습니다. 기존 사내 시스템과 데이터를 주고받아야 하는 경우도 흔합니다. 이런 프로젝트에서는 데이터 이관과 권한 설계가 일정을 좌우합니다.

확인할 지점

기존 시스템 연동 방식, 권한 등급 수, 이관할 데이터 양

AI 기능을 붙인 사례

AI 기능은 반복 문의 응대, 문서 요약, 데이터 분류처럼 규칙이 명확한 업무에 주로 적용합니다. 기능을 붙이기 전에 어떤 데이터를 쓸지, 어디에 저장할지, 누가 접근할지를 먼저 정합니다. 국내에서는 개인정보보호 요건 검토가 이 단계에 포함됩니다. 기능 자체보다 운영 방식이 프로젝트 성패를 가르는 경우가 많습니다.

확인할 지점

학습·참조 데이터 범위, 개인정보 검토 시점, 결과를 검수하는 담당자

B2B 웹사이트에서 보는 것

B2B 웹사이트는 방문자가 바로 구매하지 않습니다. 그래서 문의로 이어지는 동선, 자료 요청 흐름, 담당자 연락 경로를 우선 봅니다. 제품이나 서비스 설명은 길게 쓰기보다 찾기 쉽게 배치합니다. 국내 B2B 구매 담당자는 모바일로 먼저 확인하는 경우도 많아, 작은 화면에서의 가독성도 함께 봅니다.

확인할 지점

자료 요청 흐름, 담당자 연락 경로, 모바일에서의 본문 가독성

모바일 앱 화면 흐름을 종이에 스케치하는 약토키 디지털 디자이너의 손

화면보다 먼저 정하는 것

프로젝트를 시작할 때 가장 먼저 하는 일은 화면을 그리는 것이 아니라 순서를 정하는 것입니다. 누가 어떤 정보를 먼저 찾는지, 어디에서 이탈하는지, 어떤 문의가 반복되는지를 확인한 뒤 구조를 잡습니다. 이 단계에서 정리된 내용이 이후 디자인과 개발 범위를 결정합니다.

사내 도구나 AI 기능이 들어가는 프로젝트는 여기에 권한과 데이터 흐름이 더해집니다. 어떤 데이터를 누가 보고, 어떤 기록이 남아야 하는지를 문서로 합의해 두면 개발 중에 생기는 되돌리기 비용이 줄어듭니다.

설계

정보 구조와 흐름 정리

메뉴 구조, 페이지 역할, 문의까지의 이동 경로를 먼저 확정합니다.

구현

화면과 기능 개발

디자인, 웹·앱 개발, 외부 연동을 같은 일정 안에서 맞춰 진행합니다.

운영

배포 이후 관리

수정 요청 경로와 점검 주기를 정해 두고 필요한 부분만 고칩니다.

두 대의 기기에서 모바일 앱 프로토타입을 확인하는 약토키 디지털 개발자

모바일과 웹을 함께 보는 기준

같은 서비스를 웹과 앱으로 함께 만들 때는 기능을 그대로 옮기지 않습니다. 작은 화면에서는 자주 쓰는 기능만 앞에 두고, 나머지는 단계를 나눠 접근하도록 정리합니다. 결제나 예약처럼 되돌리기 어려운 동작은 화면을 단순하게 유지합니다.

앱을 어느 방식으로 만들지는 기능 요구에 따라 달라집니다. 기기 기능을 깊게 쓰는 경우와 두 플랫폼을 같은 코드로 맞추는 경우가 각각 다르기 때문에, 이 판단을 프로젝트 초반에 함께 정리합니다.

운영 관점

출시 이후가 더 길다

출시는 시작점입니다. 문의가 몰리는 시간대, 자주 실패하는 결제 수단, 사용자가 헤매는 화면을 확인하며 조금씩 고쳐 나갑니다. 처음부터 모든 기능을 넣기보다 자주 쓰이는 흐름을 먼저 안정시키는 편이 운영 부담이 적습니다.

회의실에서 대형 화면을 보며 서비스 운영 지표를 검토하는 약토키 디지털 팀

프로젝트 유형별 기간 감각

정확한 일정은 상담 후 문서로 안내합니다. 다만 유형에 따라 어느 부분에서 시간이 늘어나는지는 미리 알고 계시면 도움이 됩니다.

문의하기

회사 소개형 웹사이트

비교적 짧게 끝나는 편입니다. 페이지 수와 콘텐츠 준비 상태가 일정에 가장 크게 영향을 줍니다.

예약·결제가 붙는 서비스

더 길게 봅니다. 외부 결제 연동과 예외 처리 검수가 일정의 상당 부분을 차지합니다.

사내 업무 도구

권한과 데이터 이관 범위에 따라 기간이 크게 달라집니다. 기존 시스템 담당자와의 협의 일정도 포함해 잡습니다.

AI 기능이 들어가는 경우

데이터 검토 기간이 추가됩니다. 어떤 데이터를 쓸 수 있는지 확인하는 단계가 개발보다 먼저 옵니다.

모바일 앱

앱스토어 심사 일정을 계획에 포함합니다. 두 플랫폼을 함께 준비하면 검수 부담이 늘어납니다.

포트폴리오를 볼 때 확인할 점

포트폴리오를 볼 때는 화면이 예쁜지만 보지 않습니다. 실제로 운영 중인지, 어떤 기능이 붙었는지, 유지보수는 어떻게 하는지를 함께 보는 게 좋습니다. 비슷한 업종의 사례가 있으면 참고가 됩니다. 공개 가능한 범위에서 상세 자료를 요청하시면 상담 시 함께 안내합니다.

테이블에서 인쇄된 화면 설계안을 함께 검토하는 약토키 디지털 담당자와 고객

운영 여부

지금도 쓰이고 있는가

완성 시점의 화면보다 현재 접속 가능한지, 최근에 어떤 부분이 바뀌었는지를 확인하면 실제 운영 상태를 가늠할 수 있습니다.

기능 범위

어떤 기능이 붙었는가

회원, 결제, 예약, 관리자 화면, 외부 연동처럼 눈에 잘 띄지 않는 부분이 프로젝트의 실제 난이도를 보여줍니다.

유지보수

고칠 수 있는 구조인가

문구 수정이나 페이지 추가를 누가 어떻게 하는지, 요청에서 반영까지 얼마나 걸리는지를 함께 보면 좋습니다.

업종 유사성

비슷한 업종 사례인가

업종이 같으면 고객이 묻는 질문과 정보 구조가 비슷합니다. 같은 유형의 사례를 보면 상담이 훨씬 구체적으로 진행됩니다.

상담 전에 자주 나오는 질문

포트폴리오를 확인한 뒤 자주 이어지는 질문을 정리했습니다. 여기에 없는 내용은 문의로 남겨 주시면 확인 후 안내드립니다.

고객사 정보를 공개하지 않는 이유가 있나요?

계약상 공개가 제한된 프로젝트가 있어 유형 중심으로 소개합니다. 상담 단계에서는 비슷한 유형의 사례와 작업 범위를 공개 가능한 범위에서 안내드립니다.

기존 사이트를 그대로 두고 일부만 고칠 수 있나요?

가능한 경우가 많습니다. 다만 지금 구조에서 손볼 수 있는 범위와, 구조를 다시 잡는 편이 나은 범위를 먼저 구분해 안내드립니다. 일부 수정으로는 해결되지 않는 지점도 상담 시 함께 말씀드립니다.

AI 기능은 어떤 업무에 먼저 붙이는 게 좋나요?

반복 문의 응대, 문서 요약, 데이터 분류처럼 판단 기준이 비교적 명확한 업무부터 시작하는 편이 안전합니다. 결과를 검수할 담당자가 정해져 있는지도 함께 확인합니다.

디자인과 개발을 따로 맡겨도 되나요?

진행은 가능하지만 화면과 구현 사이의 조정 비용이 늘어납니다. 이미 다른 팀과 진행 중이시라면 현재 상황을 먼저 공유해 주시면 역할을 나눠 안내드립니다.

저녁 무렵 서울 스카이라인이 보이는 약토키 디지털 스튜디오 작업 공간

비슷한 프로젝트를 준비 중이시라면

현재 상황과 원하는 범위를 알려 주시면 유형에 맞는 진행 방식과 필요한 준비 사항을 정리해 안내드립니다. 평일 09:00 - 18:00에 전화로도 문의하실 수 있습니다.

약토키 디지털 · 55, Magokdong-ro, Gangseo-gu, Seoul, 07793, Republic of Korea · +82-2-6985-2270 · [email protected]