PIXELLINE
01 Cover
PIXELLINE · DIGITAL PARTNER / EST. 2017

복잡한 기업 정보를, 고객이 이해하고 행동하는 웹으로.

기업 홈페이지와 맞춤형 웹 시스템을 기획부터 UI/UX 디자인, 개발, 오픈·운영까지 하나의 흐름으로 구축합니다.

Public Projects 1,000+
Dual Offices Gimpo · Seoul
Registered 산업디자인전문회사
pixelline.co.kr/projects
한국콜마 프로젝트 쇼케이스
CASE STUDY // 01 한국콜마 공식 웹사이트
SEC // 01 · COVER · 12-COL
02 / SITUATIONS

보이기만 하는 사이트보다, 사업이 작동하는 구조가 필요할 때.

회사의 핵심 강점, 고객의 탐색 흐름, 운영자의 관리 업무를 하나의 웹 구조로 연결합니다.

01

기업의 강점이
첫 화면에서 보이지 않을 때

보유한 기술력과 실적은 우수하지만, 고객이 사이트에 접속했을 때 무엇부터 탐색해야 할지 모호한 정보 구조를 명쾌하게 재설계합니다.

02

콘텐츠 업데이트가
외부 외주에 종속되어 있을 때

신규 제품, 공지사항, 채용 정보가 수시로 발생함에도 내부 실무진이 직접 등록 및 관리할 수 없는 비효율적인 CMS 환경을 개선합니다.

03

모바일 환경에서
정보 우선순위가 무너질 때

데스크톱 화면을 단순히 축소하지 않고, 모바일 화면에서 콘텐츠의 우선순위와 탐색 흐름을 다시 설계합니다.

04

홈페이지와 실제 업무가
서로 단절되어 있을 때

문의·견적·신청 기능과 외부 ERP·사내 시스템을 프로젝트 요구사항에 맞춰 연결합니다.

SEC // 02 · POSITIONING · 12-COL
03 / TRACK RECORD

수행 이력은 숫자로, 전문성은 공식 자료로.

공개 프로젝트 아카이브와 공식 신고·수상 자료를 통해 픽셀라인의 수행 경험을 확인할 수 있습니다.

1,000+

Public Project Records

홈페이지 공개 아카이브 기준 1,000건 이상의 프로젝트 기록

2

Dual Core Offices

김포 본사 및 서울 오피스 듀얼 거점 운영으로 신속한 대면 커뮤니케이션

1

Integrated Flow

기획부터 개발·운영까지 파편화 없이 단일 팀이 책임지고 완수하는 수행 체계

픽셀라인 현 사업자 설립

소프트웨어 개발 및 디자인 전문 웹에이전시로 출범

웹어워드 2018 중견기업 부문 최우수상

한국디지털에이전시산업협회

산업디자인전문회사 신고확인

한국디자인진흥원 · 멀티미디어디자인 분야 · 제22580호

SEC // 03 · PROOF · 12-COL
04 / FULL CAPABILITY

기획부터 운영까지, 하나의 맥락으로 이어집니다.

전략·디자인·개발·운영을 하나의 팀과 문서 체계 안에서 이어갑니다.

01 / STRATEGY

Discover & Structure

비즈니스 목표, 경쟁 환경 리서치, 사용자 여정 지도, 정보구조(IA) 및 기능 요구사항을 명세화합니다.

  • 요구사항 명세서 작성
  • 정보구조도(IA) 확정
  • 화면 와이어프레임 설계
02 / DESIGN

Identity & UI/UX

브랜드 고유의 비주얼 톤을 정립하고, 확장성과 유지보수성이 뛰어난 표준 디자인 시스템을 구현합니다.

  • Figma 컴포넌트·디자인 토큰
  • 모바일 반응형 UX 최적화
  • 마이크로 인터랙션 가이드
03 / BUILD

Front-end & CMS

웹 표준 시맨틱 코딩, 부드러운 GSAP 모션 인터랙션, 실무 관리자가 다루기 쉬운 맞춤형 CMS를 구축합니다.

  • 웹 표준 HTML5 / CSS3
  • GSAP 애니메이션 엔진
  • 맞춤형 백엔드 CMS 개발
04 / OPERATE

QA, Launch & Care

크로스브라우징 검수, 기본 검색엔진(SEO) 최적화, 도메인/SSL 세팅, 그리고 안정적인 사후 유지관리를 제공합니다.

  • 크로스브라우징 정밀 검수
  • 검색엔진최적화(SEO) 반영
  • 운영 인계 및 유지관리 지원
SEC // 04 · CAPABILITY · 12-COL
05 / PHILOSOPHY

기획·디자인·개발을 따로 보지 않습니다. 하나의 팀으로 해결합니다.

각 단계가 같은 목표와 기준을 공유하며, 프로젝트에 필요한 해법을 함께 결정합니다.

01 / PRINCIPLE

Business-first UX

사용자와 운영자의 요구를 함께 살펴 정보구조와 화면 흐름을 설계합니다. 비즈니스 목표와 사용 편의가 균형을 이루도록 합니다.

02 / PRINCIPLE

Clear Communication

기획부터 오픈까지 단계별 산출물과 승인 기준을 공유합니다. 변경 사항과 의사결정 내용을 문서로 남깁니다.

03 / PRINCIPLE

Maintainable Build

오픈 이후의 콘텐츠 변경과 기능 확장을 고려해 구조화된 화면과 관리 기능을 설계합니다.

SEC // 05 · PHILOSOPHY · 12-COL
SEC // 06 · WORKS 01 · 12-COL
SEC // 07 · WORKS 02 · 12-COL
08 / PROJECT EXPERIENCE

다양한 산업에서 쌓아 온 대표 수행·참여 프로젝트.

대기업·상장사·공공기관·대학교 등 다양한 분야의 웹 프로젝트를 수행하거나 참여했습니다.

SAMSUNG
LG전자
HK kolmar
HJ 중공업
Pulmuone
SANGMYUNG UNIV
SEJONG UNIV
건설근로자공제회
KSA 한국해운협회
MICRONICS
채선당 F&B
NASSAU

일부 항목은 대표 및 핵심 인력의 경력상 참여 프로젝트를 포함합니다.

SEC // 08 · EXPERIENCE · 12-COL
09 / DELIVERY SYSTEM

명확한 단계와 승인으로, 일정과 품질을 관리합니다.

단계별 산출물과 승인 기준을 공유해 일정 지연과 범위 변경의 위험을 줄입니다.

STEP 01

요구사항 진단

목표 설정, 핵심 타깃 정의, 필수 기능 목록 및 수행 일정표 수립

OUTPUT · 요구사항 명세서
STEP 02

정보구조 설계

메뉴 구조도(IA), 화면 플로우차트 및 와이어프레임 설계

GATE 1 · 구조 확정 승인
STEP 03

UI/UX 디자인

메인 비주얼 시안 도출, 핵심 컴포넌트 시스템, 반응형 프로토타입

GATE 2 · 디자인 확정 승인
STEP 04

퍼블리싱 & 개발

표준 시맨틱 마크업, GSAP 인터랙션, 백엔드 CMS 로직 구축

OUTPUT · 스테이징 환경
STEP 05

통합 품질 검수

크로스브라우징, 반응형 기기 테스트, 웹 접근성 및 기능 검수

GATE 3 · 최종 런칭 승인
STEP 06

오픈 및 안정화

실서버 반영, 도메인/SSL 세팅, 관리자 매뉴얼 인계 및 안정화

OUTPUT · 운영 서비스 개시
SEC // 09 · PIPELINE · 12-COL
10 / TECH STACK

프로젝트 요구에 맞춰 선택하는 실무 중심 기술 구성.

화면 구현, CMS, 시스템 연동, 서버 운영까지 프로젝트 범위에 맞는 기술을 선택해 적용합니다.

Front-end & Interaction

반응형 화면과 사용자 인터랙션

  • HTML5 / CSS3 / JavaScript
  • 반응형 웹·모바일 최적화
  • CSS Grid / Design Tokens
  • GSAP 기반 인터랙션
  • 웹표준·크로스브라우징

CMS & Back-end

콘텐츠 관리와 업무 기능 구축

  • PHP / MySQL / MariaDB
  • WordPress / 그누보드
  • 맞춤형 CMS·관리자
  • 문의·신청·회원 기능
  • 외부 API·결제·업무 시스템 연동

Server & Operations

서비스 운영에 필요한 서버 환경

  • Linux 웹 서버
  • 도메인 / SSL 설정
  • 백업 및 복구 정책
  • 접근권한·기본 보안 설정
  • 운영 환경 점검

Collaboration & QA

문서 기반 협업과 품질 검수

  • Figma Design System
  • Git 버전 관리
  • 요구사항·회의록·검수표
  • 반응형·브라우저 테스트
  • 오픈 후 안정화·유지관리
SEC // 10 · TECH · 12-COL
11 / TRUST & ASSURANCE

공식 자료로 확인하는 디자인 전문성과 수행 이력.

산업디자인전문회사 신고확인증과 수상 자료, 문서 기반 관리 체계를 통해 수행 역량을 확인할 수 있습니다.

STANDARD MANAGEMENT

문서 기반의 투명한 프로젝트 관리

요구사항 명세서, 화면설계서, 회의록, 통합 검수표를 모두 문서로 표준화하여 고객사와 제작진이 동일한 기준선 위에서 산출물을 검토합니다.

웹어워드 2018 중견기업 부문 최우수상 로고
KOREA DIGITAL MEDIA AWARD 2018

웹어워드 2018 중견기업 부문 최우수상

출품사 픽셀라인 · 한국디지털에이전시산업협회

OFFICIAL CERTIFICATE

산업디자인전문회사
신고확인

전문분야: 멀티미디어디자인
신고확인증 번호: 제22580호
발급기관: 한국디자인진흥원 (KIDP)

신고확인증 원본 PDF 보기 ↗
산업디자인전문회사 신고확인증
SEC // 11 · TRUST · 12-COL
12 / START A PROJECT

다음 비즈니스의 첫 질문부터 함께 고민합니다.

현재 웹사이트의 해결 과제, 리뉴얼 목표, 필요한 기능과 희망 일정을 알려주세요. 확인 가능한 범위부터 필요한 작업과 진행 순서를 정리해 드립니다.

Gimpo Office (본사) 경기도 김포시 태장로 751

테라비즈타워 313호 (기획 / 디자인 / 개발 연구소)

Seoul Office 서울시 마포구 양화로 133

서교타워 1101호 (비즈니스 미팅 / 전략 허브)

Company Information

상호명: 픽셀라인 | 대표자: 권병준
사업자등록번호: 742-25-00368

SEC // 12 · CONTACT · 12-COL