SOFTWARE DEVELOPMENT & OPERATIONS / SI · SM

브랜드의 감각부터,
시스템의 깊이까지.

브랜드를 기억하게 하는 웹사이트, 복잡한 일을 바꾸는 업무 서비스, 데이터를 잇는 미들웨어. 목적에 맞는 경험을 설계하고, 실제로 작동하도록 개발합니다.

개발 역량 살펴보기
FROM EXPERIENCE TO SYSTEM
브랜드를 경험하는 화면.INTERFACE STUDY / 예시 화면
01 / BRAND EXPERIENCE

기억에 남는 건,
다른 감각.

브랜드의 개성을 화면의 크기와 움직임, 사용자가 직접 반응하는 경험으로 만듭니다.

00 / A DIFFERENT VIEW

타이포그래피. 이미지. 공간. 인터랙션.
브랜드의 이야기가 실제로 작동하는 웹사이트.

ART DIRECTION → DESIGN → DEVELOPMENT
개발 범위 자세히 보기+
01

브랜드를 읽는 화면

사업과 콘텐츠에 어울리는 시각 언어를 만듭니다.

  • 타이포그래피·이미지·정보 구조
  • 기업·제품·캠페인의 메시지와 탐색 흐름
02

반응하는 경험

모션과 인터랙션으로 탐색에 리듬을 더합니다.

  • 스크롤·입력·화면 전환 인터랙션
  • 모바일·키보드·동작 축소 환경 대응
03

실제로 쓰이는 제품

사용자가 신청하고, 운영자가 관리하는 웹·앱을 개발합니다.

  • 회원·예약·결제 등 서비스 기능
  • 콘텐츠·권한을 관리하는 관리자 화면
02 / BUSINESS APPLICATIONS

복잡한 업무를,
명확한 시스템으로.

승인·정산·고객 관리부터 관리자 화면까지. 조직의 업무 방식과 권한에 맞춰, 필요한 정보를 확인하고 일을 처리하는 시스템을 만듭니다.

FUNNYWORKS / BUSINESS WORKSPACEINTERACTIVE CONCEPT · 예시 화면
WORKSPACE / OVERVIEW

Operations overview

● SYSTEM ONLINE
진행 중인 업무128 TASKS↗ 진행 상태를 한눈에
권한·조직12 ROLES역할별로 다른 업무 화면
연결된 시스템08 SERVICES분산된 데이터를 하나로
업무 처리 흐름LIVE VIEW / SAMPLE
09:0012:0015:0018:00
WORKFLOW ENGINE
  1. 요청 접수 01
  2. 정책·권한 확인 02
  3. 업무 처리 03
  4. 결과 동기화 04
SIMULATED TELEMETRY / 예시 데이터00:00:00 UTC
SERVICE TOPOLOGY08 NODES
COREAUTHAPIDATAQUEUE
LINK INTEGRITY99.98%
EVENT THROUGHPUTQUEUE / 03
2,048EVENTS / MIN
QUEUED 024WORKERS 08 / 08
AVG. PROCESSING42 ms
RESOURCE FABRIC48 SHARDS
ACCESS POLICYVERIFIED
SYNC CHANNELCONNECTED
REPLICATION03 / 03
EVENT STREAMSIMULATION ●

AUTHpolicy.verified → workspace.access_grantedOK

QUEUErequest.accepted → worker.assignedOK

SYNCrecord.committed → replica.synchronizedOK

최근 업무OWNER / STATUS

신규 파트너 등록PARTNER TEAM처리 완료

서비스 접근 권한 변경OPERATION검토 중

외부 시스템 데이터 동기화INTEGRATION대기 중

메뉴를 바꾸거나 업무 흐름을 실행해 보세요. 수치와 업무는 연출용 예시입니다.

ROLE-BASED ACCESSBUSINESS WORKFLOWDATA ARCHITECTUREOPERATION READY
업무 시스템 개발 범위 보기+
01

누가, 무엇을 해야 하는지

부서와 역할이 달라도 다음 행동이 명확한 업무 화면을 만듭니다.

  • 조직·역할별 조회와 승인 권한
  • 예외 상황과 처리 이력까지 이어지는 흐름
02

흩어진 정보를 한곳에

찾고, 비교하고, 결정하는 데 필요한 데이터 구조를 설계합니다.

  • 검색·집계·대량 처리와 동시 사용
  • 기존 데이터 검증과 단계별 이전
03

실제 운영 조건까지

예상 사용량과 기존 인프라에 맞춰 구현하고 검증합니다.

  • 인증·권한·성능 목표와 측정 조건
  • 배포·모니터링·복구 절차
03 / MIDDLEWARE & INTEGRATION

보이지 않는 곳까지,
끊김 없이.

한 서비스의 변화가 다른 시스템에도 이어지도록. 데이터 전달부터 실패한 요청의 재처리까지 연결합니다.

INTEGRATION BLUEPRINT / 03 · SIMULATION
  1. 01웹·앱 / 업무 서비스

    신청·결제·업무에서 생긴 요청

  2. 02미들웨어

    인증 · 데이터 변환 · 전달

  3. 03외부 시스템 / 데이터

    처리 결과를 연결하고 동기화

WEB / APPADMIN / CMSPARTNER APIPAYMENTIoT / EDGEMESSAGE QUEUEERP / CRMDATABASEDATA WAREHOUSESEARCH ENGINEEXTERNAL APIANALYTICSMIDDLEWAREAUTH / MAP / ROUTERETRY QUEUE → REPROCESS
EVENT STREAM / CONCEPTrequest.received → auth.verified → payload.mapped → delivered● CONNECTED

서로 다른 규칙.
하나로 이어지는 비즈니스.

API · DATA SYNC · EVENT · BATCH
미들웨어 설계·개발 범위 보기+
01

같은 일을 두 번 입력하지 않게

서로 다른 서비스의 데이터와 업무를 연결합니다.

  • 외부 API·기업 시스템의 인증과 연계
  • 데이터 형식의 매핑·변환·검증
02

연결이 잠시 끊겨도

실패한 요청을 확인하고 다시 처리할 경로를 만듭니다.

  • 시간 초과·재시도·중복 처리 방지
  • 배치·이벤트·메시지 기반 동기화
03

문제의 위치를 찾을 수 있게

운영자가 처리 상태와 오류 원인을 확인하도록 구성합니다.

  • 요청 추적·오류 로그·실패 알림
  • 재처리와 연계 시스템별 책임 구간
RELATED WORK

관련 웹 개발과 디자인 사례

SI·SM 모아보기 ↗
04 / QUALITY IN USE

사용하기 쉽고,
믿고 쓸 수 있도록.

사용자가 목적을 이루는지, 업무와 데이터가 정확히 처리되는지, 운영 중에도 안정적으로 이어지는지를 확인합니다.

설계부터 구현까지 확인하는 세 가지 기준+
01

사용성 · 목적까지 막힘없이

이용자가 필요한 정보를 찾고, 신청이나 결제 같은 핵심 작업을 완료할 수 있는지 확인합니다.

  • 모바일·PC와 주요 브라우저에서 화면·입력·탐색 확인
  • 키보드로 조작할 수 있는지, 오류 안내가 다음 행동을 돕는지 점검
02

업무 정확성 · 규칙과 데이터가 일치하게

권한과 업무 규칙에 맞게 처리되고, 결과가 정확히 저장·전달되는지 검증합니다.

  • 역할별 조회·변경 권한, 잘못된 입력과 중복 요청 처리
  • 저장·연동·이전 데이터의 일치 여부와 실패 시 처리 확인
03

운영 안정성 · 실제 환경에서도 이어지게

예상 사용량과 운영 환경을 기준으로 성능을 확인하고, 변경이나 장애에 대응할 준비를 합니다.

  • 핵심 화면의 응답 속도와 합의한 부하 조건 검증
  • 배포 전 점검, 오류 추적과 모니터링, 복구 절차 확인

프로젝트의 핵심 사용자 흐름과 운영 조건에 맞춰 검증 범위를 정하고, 확인 결과와 남은 이슈를 함께 공유합니다.

05 / WEBSITE & SERVICE MAINTENANCE · SM

홈페이지·웹서비스,
운영과 유지보수까지.

배너와 공지 업데이트부터 오류 수정, 기능 개선까지. 운영 중 필요한 변경을 처리하고 적용 결과를 확인하며, 홈페이지와 웹서비스를 지속적으로 관리합니다.

WEBSITE CARE 매일 필요한 운영 업무
운영 요청REQUESTS →
운영 중인 홈페이지반영 후

종료된 캠페인 배너를 새 이미지와 문구로 교체합니다.

운영 업무를 설명하기 위한 예시 화면입니다.

업무별 변경 전후를 보여드립니다.
홈페이지·웹서비스 운영관리 범위+
01

콘텐츠 업데이트

홈페이지의 정보와 소식을 운영 일정에 맞춰 최신 상태로 관리합니다.

  • 배너·공지·이벤트 등 이미지와 문구 변경
  • 게시 일정과 링크·모바일 화면 확인
02

오류 수정 · 유지보수

이용 중 발견되는 문제를 확인하고 정상적으로 사용할 수 있도록 조치합니다.

  • 화면·기능 오류 확인과 수정, 반영 후 동작 검증
  • 실행 환경·보안 업데이트·외부 연동 변경 점검
03

기능 개선 · 운영 지원

사용자와 운영자의 요청을 바탕으로 필요한 기능을 더하고 사용 흐름을 개선합니다.

  • 검색·신청·관리자 등 기존 기능 개선과 추가 개발
  • 변경 이력 관리, 운영자 안내와 후속 점검

다른 업체가 구축한 홈페이지·웹서비스도 소스와 운영 환경을 검토한 뒤 함께 관리할 수 있습니다. 관리 범위와 지원 시간, 요청별 대응 기준은 사전에 협의합니다.

BUILD ON WHAT YOU HAVE / 기존 서비스도 함께
기존 시스템 개선+

잘 작동하는 자산은 지키고, 불편한 부분부터 바꿉니다.

  • 코드·데이터·외부 연동을 살펴 부분 개선과 구조 변경 구분
  • PHP·라이브러리 등 실행 환경의 호환성과 주요 기능 확인
리뉴얼·재구축+

화면과 사용 흐름, 운영 방식의 다음 모습을 설계합니다.

  • 유지·수정할 콘텐츠와 기능, 관리자 편집 범위 정리
  • 기존 URL·회원·게시물·파일의 이전과 검증
산출물·인수인계+

다음 담당자도 이어서 운영할 수 있는 맥락을 남깁니다.

  • 합의한 소스·설계 자료, 검수 결과와 남은 이슈 전달
  • 관리자 안내·계정 권한·배포 및 복구 절차 인계
PROMOTIONWEBSITE RE:WORK

PHP·Node.js
업데이트가 필요하세요?

RE:WORK 프로모션을 활용해보세요.
실행 환경을 점검하고, 버전 업데이트나 웹사이트 리뉴얼에 필요한 방향을 함께 찾습니다.

RE:WORK 프로모션 보기
BEFORE WE START

시작 전에 궁금한 것들.

지금 정해진 것과 아직 고민인 것을 함께 이야기해 주세요.

기획서가 없어도 시작할 수 있나요?+

네. 만들고 싶은 경험이나 현재 불편한 업무부터 알려주세요. 목적과 기존 자료를 함께 살펴 전체 개발, 일부 기능 구현, 선행 검토 중 필요한 시작점을 찾습니다.

다른 업체가 만든 서비스도 개선하나요?+

소스·문서·실행 환경과 이용 권한을 먼저 확인합니다. 기존 기술이나 서버가 정해져 있어도 검토할 수 있으며, 직접 수정이 어려운 경우에는 대체·재구축 방안을 함께 살펴봅니다.

기간과 비용은 어떻게 정하나요?+

업무 규칙·화면·데이터·연동·이전 범위와 자료 준비 상태를 기준으로 정합니다. 우선순위와 포함 범위를 함께 정리하고, 불확실한 부분은 선행 검토 후 구체화합니다.

운영 중인 서비스의 이전은 어떻게 하나요?+

기존 주소와 데이터, 외부 연동을 확인하고 사전 이전·최종 동기화·검증·롤백을 계획합니다. 중단 없는 이전을 일괄 보장하지는 않으며, 가능한 작업 시간과 중단 허용 범위를 정합니다.

오픈 이후에도 함께할 수 있나요?+

가능합니다. 오류 수정·정기 운영·추가 개발을 구분하고 지원 시간, 대응 목표와 비용을 정합니다. 소스·디자인 원본의 전달 범위와 외부 라이선스도 계약 단계에서 확인합니다.

관리자 편집과 검색 노출도 고려하나요?+

운영자가 수정할 콘텐츠와 권한, 게시 흐름을 함께 설계합니다. 본문·제목·설명과 기존 URL이 검색 시스템에 전달되는지도 확인합니다. 검색 순위나 AI 답변의 인용을 보장하는 것은 아닙니다.

LET’S TALK / YOUR NEXT PROJECT

정리되지 않은 아이디어도 괜찮습니다.

만들고 싶은 경험, 바꾸고 싶은 업무. 지금의 질문에서 프로젝트를 시작합니다.

이 세 가지만 생각해 보세요.

  1. 01무엇을 바꾸거나 만들고 싶으신가요?
  2. 02지금 사용하는 서비스나 자료가 있나요?
  3. 03생각하신 일정과 예산이 있나요?

모두 정해져 있지 않아도 됩니다. 현재 상황을 알려주시면, 먼저 살펴볼 부분부터 함께 정리하겠습니다.

문의 내용을 확인한 뒤 접수해 주세요.
입력하신 이메일로 연락드리겠습니다.

contact@funnyworks.co.kr
디자인부터 개발·운영까지
YOUR NEXT CHAPTER / START HERE

함께 만들까요?

내용을 확인한 뒤 문의 보내기를 누르면 접수됩니다.