PC / MOBILE WEB
PUBLISHING / UI DEV
PC 및 MOBILE 전용 사이트의 HTML / CSS / JS 개발로
SHOPPING MALL / OFFICIAL / EVENT / PROMOTION 등 모든 사이트 제작에 기본이 되는 웹페이지 코딩 및 UI 개발
적용된 프로젝트 보기
Web Standard Publishing 웹 퍼블리싱 / 코딩
PSD 및 제플린 디자인 파일을 제공받아 HTML / CSS / JS 파일로 제공 합니다.
일반 적인 PC전용 웹페이지는 물론 모바일 / 반응형 페이지를 제작 합니다.
기본적인 인터랙션 스크립트를 포함 합니다.
Lv.1
Interaction Developement인터랙션 개발 / UI 개발 / 웹 애니메이션 개발
서비스 전체에 걸쳐 사용자와 상호작용하는 인터랙션 및 애니메이션을 제작 합니다.
마우스 오버시 간단한 전환효과부터 키 프레임 단위 애니메이션까지 웹 상의 표현 가능한 모든 인터랙션을 구현 합니다.
Lv.2~3
Front - End Developement 프론트엔드 / 싱글 페이지 애플리케이션 개발
서버로부터 완전한 새로운 페이지를 불러오지 않고 백엔드 API에서 가져온 데이터의 출력, 입력을 통해 현재의 페이지를 동적으로 다시 작성함으로써
사용자와 소통하는 웹 애플리케이션이나 웹사이트를 제작합니다
Lv.3
We make something
& Work Feels Like Play!!
디자인네스트에서 인코딩으로 변경 되었습니다.
웹 사이트 퍼블리싱 및 스크립트를 이용한
인터랙션 개발,
그리고 프레임 워크를 이용한 프론트 엔드 개발을 하고있습니다.
웹사이트 퍼블리싱에서 부터 싱글페이지 애플리케이션까지 프론트 단에서 구현 가능한 모든 작업을 진행 하고있습니다.
자세한 서비스 내역은 우측의 리스트를 확인하여 주세요.
- Incoding
PC / MOBILE 웹표준 퍼블리싱
PC / MOBILE 웹표준 퍼블리싱 - 코딩
웹 프로젝트 진행시 가장 기본이 되지만 코딩 방식에 따라서 이후의 인터랙션 추가 및 개발 편의성면에서 차이가 나게 됩니다.
디자인 PSD파일 혹은 제플린을 제공받아 HTML / CSS / Javascript / jQuery 를 사용하여 개발이 가능한 형태의 코딩 페이지를 제작 합니다.
주로 PC / Mobile 용 웹 사이트를 작업 하게 되며 기본적인 인터랙션을 제공 합니다.
프로젝트에 필요한 코드만 사용함으로 다른 어떠한 방식보다 빠르고 코드가 간결합니다.
기본적으로 크로스 브라우징을 지원하며 CHROME, SAFARI, FIREFOX , IE10+ 이상의 브라우저를 지원합니다.
IE9 이하의 하위 브라우저 호환은 추가로 문의 바랍니다.
디자인 PSD파일 혹은 제플린을 제공받아 HTML / CSS / Javascript / jQuery 를 사용하여 개발이 가능한 형태의 코딩 페이지를 제작 합니다.
주로 PC / Mobile 용 웹 사이트를 작업 하게 되며 기본적인 인터랙션을 제공 합니다.
프로젝트에 필요한 코드만 사용함으로 다른 어떠한 방식보다 빠르고 코드가 간결합니다.
기본적으로 크로스 브라우징을 지원하며 CHROME, SAFARI, FIREFOX , IE10+ 이상의 브라우저를 지원합니다.
IE9 이하의 하위 브라우저 호환은 추가로 문의 바랍니다.
Examples
- 기업용 오피셜 사이트, 공공기관 사이트, 쇼핑몰 사이트, 이벤트 / 프로모션 사이트 등
커스텀 폼 및 웹 페이지 인터랙션
커스텀 폼 및 웹 페이지 인터랙션
순수 CSS3 와 자바스크립트 및 자바스크립트 라이브러리를 사용하여 서비스 전체에 걸쳐 사용자와 상호작용하는 인터랙션을 제작 합니다.
웹사이트에 가장 흔히 접할 수 있는 네비게이션 / 배너 슬라이더 / 탭 컨텐츠 외 각종 컨텐츠의 상호 작용을 제작 하고,
사이트에 맞게 디자인이 된 FORM 양식의 커스터마이징, DATE PICKER / TIME PICKER 등
사용자가 조금 더 편리하게 접근하여 사용 할 수 있도록 웹페이지 상의 표현 가능한 모든 인터랙션을 구현 합니다.
웹사이트에 가장 흔히 접할 수 있는 네비게이션 / 배너 슬라이더 / 탭 컨텐츠 외 각종 컨텐츠의 상호 작용을 제작 하고,
사이트에 맞게 디자인이 된 FORM 양식의 커스터마이징, DATE PICKER / TIME PICKER 등
사용자가 조금 더 편리하게 접근하여 사용 할 수 있도록 웹페이지 상의 표현 가능한 모든 인터랙션을 구현 합니다.
Examples
- 기업용 오피셜 사이트, 공공기관 사이트, 쇼핑몰 사이트, 이벤트 / 프로모션 사이트 등
싱글페이지 애플리 케이션
싱글페이지 애플리 케이션 제작
서버로부터 완전한 새로운 페이지를 불러오지 않고 백엔드 API에서 가져온 데이터의 출력, 입력을 통해 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 제작합니다
ANGULAR, REACT, VUE 등 클라이언트가 요청하는 프레임 워크를 사용하여 SPA 제작을 진행합니다.
혹은 프레임워크를 사용하지않고 AJAX만을 이용하여 제작이 가능합니다.
ANGULAR, REACT, VUE 등 클라이언트가 요청하는 프레임 워크를 사용하여 SPA 제작을 진행합니다.
혹은 프레임워크를 사용하지않고 AJAX만을 이용하여 제작이 가능합니다.
Examples
- 기업용 오피셜 사이트, 공공기관 사이트, 쇼핑몰 사이트, 이벤트 / 프로모션 사이트 등
웹 사이트 제작
웹 사이트 제작
중소 기업의 오피셜 사이트 및 이벤트 / 프로모션 사이트를 제작합니다.
워드프레스 / 부트스트랩 혹은 순수 개발로 진행이 가능합니다.
기획 / 디자인 / 퍼블리싱 / 프론트 개발 / 백엔드 개발 중 가능하신 부분만 클라이언트가 진행을 하시고 나머지 부분에 대해서 진행도 가능 합니다.
워드프레스 / 부트스트랩 혹은 순수 개발로 진행이 가능합니다.
기획 / 디자인 / 퍼블리싱 / 프론트 개발 / 백엔드 개발 중 가능하신 부분만 클라이언트가 진행을 하시고 나머지 부분에 대해서 진행도 가능 합니다.
Examples
- 오피셜 / 이벤트 / 프로모션 / 광고 사이트 등
특수 레이아웃 및 웹 애니메이션
특수 레이아웃 및 웹 애니메이션
CSS3 및 GSAP TWEENMAX / THREE.JS / WebGL 등의 JAVASCRIPT 라이브러리를 사용하여 한층더 인터랙티브한 컨텐츠를 제작 합니다.
사이트 초입에 인트로 페이지 / 광고 / 프로모션 사이트처럼 소비자의 시선을 잡아야 하는 사이트에 잘 어울리며,
일반 오피셜 사이트에 적용을 할 경우 더욱 고급스러운 인상을 줄 수 있습니다.
요청하는 난이도에 따라 다르지만 일반 웹사이트에 비해 충분한 기간을 두고 전체 기획 / 디자인 프로세스가 픽스가 된 후 진행을 하여야 합니다.
사이트 초입에 인트로 페이지 / 광고 / 프로모션 사이트처럼 소비자의 시선을 잡아야 하는 사이트에 잘 어울리며,
일반 오피셜 사이트에 적용을 할 경우 더욱 고급스러운 인상을 줄 수 있습니다.
요청하는 난이도에 따라 다르지만 일반 웹사이트에 비해 충분한 기간을 두고 전체 기획 / 디자인 프로세스가 픽스가 된 후 진행을 하여야 합니다.
Examples
- 오피셜 / 광고 / 이벤트 / 프로모션 사이트 등
백엔드 데이터 API 연동
백엔드 데이터 API 연동
백엔드 API에서 가져온 데이터의 출력, 입력을 통한 비지니스 로직 구성 및 사용자와 상호 반응하는 인터페이스를 제작 합니다.
Examples
- 기업용 오피셜 사이트, 공공기관 사이트, 쇼핑몰 사이트, 이벤트 / 프로모션 사이트 등
사이트 운영 / 고도화 및 트러블 슈팅
사이트 운영 / 고도화 및 트러블 슈팅
월 단위 금액으로 사이트의 유지보수시 발생하는 코딩 및 UI 스크립트 지원 합니다.
서비스하고 있는 웹사이트의 부분적 개편 및 고도화 작업을 진행합니다.
신규 추가 페이지 제작 / 이벤트 & 프로모션 페이지 그리고 이메일 템플릿 등을 제작 합니다.
기존 사이트의 코드를 망가트리지 않고 사이트 레이아웃을 추가 / 변경 하거나 사용자 인터랙션을 추가 합니다.
현재 진행중인 프로젝트의 프론트 단에 문제가 있는 경우 해당 문제를 찾아 해결 합니다.
서비스하고 있는 웹사이트의 부분적 개편 및 고도화 작업을 진행합니다.
신규 추가 페이지 제작 / 이벤트 & 프로모션 페이지 그리고 이메일 템플릿 등을 제작 합니다.
기존 사이트의 코드를 망가트리지 않고 사이트 레이아웃을 추가 / 변경 하거나 사용자 인터랙션을 추가 합니다.
현재 진행중인 프로젝트의 프론트 단에 문제가 있는 경우 해당 문제를 찾아 해결 합니다.
Examples
- 기업용 오피셜 사이트, 공공기관 사이트, 쇼핑몰 사이트, 이벤트 / 프로모션 사이트 등
키오스크 / AR / VR / 기타 컨텐츠 제작
키오스크 / AR / VR / 기타 컨텐츠 제작
터치 기반의 키오스크 및 전용 타블렛 혹은 터치 스크린으로 제작되는 서비스의 UI / UX / INTERACTION 제작
스마트 티비 및 IP TV 내의 UI 및 인터랙션을 제작합니다.
한 종류의 기기에서 최적화 하여 하나의 목적으로 만들어지는 컨텐츠를 제작 합니다.
타블렛에 탑재되는 교육용 컨텐츠(전체적 UI / 동화 / 퀴즈 등)의 인터랙션을 제작 합니다.
유니티 엔진을 사용한 게임 및 AR / VR 컨텐츠를 개발 합니다.
스크립트와 엔진 및 프레임워크를 이용하는 다양한 컨텐츠를 제작 합니다.
스마트 티비 및 IP TV 내의 UI 및 인터랙션을 제작합니다.
한 종류의 기기에서 최적화 하여 하나의 목적으로 만들어지는 컨텐츠를 제작 합니다.
타블렛에 탑재되는 교육용 컨텐츠(전체적 UI / 동화 / 퀴즈 등)의 인터랙션을 제작 합니다.
유니티 엔진을 사용한 게임 및 AR / VR 컨텐츠를 개발 합니다.
스크립트와 엔진 및 프레임워크를 이용하는 다양한 컨텐츠를 제작 합니다.
Examples
- 매장용 키오스크, 인포시스템, 예약 시스템, 스마트 티비, 교육용 컨텐츠 등
플래시 컨텐츠 HTML5 변환
플래시 컨텐츠 HTML5 컨텐츠로 변환
2020년이면 완전히 수명이 다하는 플래시 제작 컨텐츠를 HTML5 와 CSS 그리고 JAVASCRIPT 파일로 변경합니다.
플래시의 사용자 경험을 그대로 가져 갈 수 있으며 최신의 모던 브라우저 에서 더이상 플래시 경고를 보지 않을 수 있습니다.
물론 모바일에서 보이지 않는 문제 또한 모두 사라집니다.
플래시의 사용자 경험을 그대로 가져 갈 수 있으며 최신의 모던 브라우저 에서 더이상 플래시 경고를 보지 않을 수 있습니다.
물론 모바일에서 보이지 않는 문제 또한 모두 사라집니다.
Examples
- 기업용 오피셜 사이트, 공공기관 사이트, 쇼핑몰 사이트, 이벤트 / 프로모션 사이트 등
전반적인 이점
Benefit of using incoding서비스 항목 - WEB
What can we do? - web서비스 항목 - ETC
What can we do? - etc개발 테스트 및 견적
Developement Test & Price
our works
would be your
possibility. - incoding
Benefit of using incoding
- 최고의 코드 품질개발자가 쉽게 백 엔드 개발을 진행 할 수 있도록 최적의 코드로 이루어진 결과물을 제공 합니다.
- HTML5 시맨틱 코드 (SEO 최적화)검색 로봇이 웹페이지를 쉽게 이해하고 탐색 할 수 있도록 문서의 의미에 맞게 HTML을 작성 합니다.
- 일정내의 완벽한 작업요청 일정 내에 신속하고 정확하게 결과물을 제공 합니다.
- 디자인에 대한 이해디자인 의도를 정확히 이해하고 디자인 파일보다 더 퀄리티가 높은 결과물을 제공하려 노력합니다.
- 유연성있는 파일 구조 클라이언트가 요청하는 네이밍/폴더 구조로 파일을 전달합니다.
- 신속한 피드백업무에 대한 요청 / 수정 사항에 대해 신속하게 대응하여 드립니다.
- 결과물에 대한 지원결과물에 문제가 있다면 해당 부분에 대한 문제가 해결되도록 지속적으로 지원 해드리겠습니다.
Latest works - PC
What can we do?
웹 퍼블리싱 및 인터랙션 뿐만 아닌 HTML / JAVASCRIPT 기반으로 만들 수 있는 모든 컨텐츠 제작이 가능합니다.
- PSD TO HTML디자인 파일을 HTML / CSS 파일로 변환하여 제공, 기본적인 인터랙션 스크립트를 포함 합니다.
- 프레임워크를 사용한 웹페이지 제작부트스트랩 및 아이오닉 등 프레임워크를 기반으로하여 페이지를 제작합니다.
- 웹사이트 제작웹 / 앱 디자인 부터 개발까지 오피셜 사이트 및 이벤트 / 프로모션 사이트를 제작합니다.
- 특수 레이아웃 및 페이지 인터랙션단순히 화면에 보여주는 것이 아닌 사용자와 직접 반응하는 인터랙티브한 컨텐츠를 제작 합니다.
- 페이지 애니메이션인트로 / 이벤트 / 프로모션 사이트 등에 사용 될 수 있는 스크립트로 이루어진 모션을 제작 합니다.
- 프로젝트 고도화 / 트러블 슈팅사이트의 코드를 망가트리지 않고 사이트 레이아웃을 변경 하거나 고도화 작업 진행 합니다.
- 사이트 유지 보수 및 운영사이트의 부분적 개편이나 신규 페이지 / 이벤트 & 프로모션 / 이메일 템플릿을 제작 합니다
Works - Responsive
What can we do?
- 싱글페이지 애플리케이션 제작ANGULAR.JS 및 REACT / VUE등의 프레임 워크를 이용한 싱글페이지 애플리케이션을 제작합니다.
- 백엔드 데이터 API 연동백엔드에서 가져온 데이터의 출력, 입력을 통한 비지니스 로직 구성 및 사용자와 상호 반응하는 인터페이스를 제작 합니다.
- 키오스크 및 전용 컨텐츠 UI 제작터치 기반의 키오스크 및 전용 타블렛 혹은 터치 스크린으로 제작되는 서비스의 UI / UX / INTERACTION 제작
- 플래시 TO HTML5 변환플래시 제작 컨텐츠를 HTML5 와 CSS 그리고 JAVASCRIPT 파일로 변경합니다.
- 교육용 컨텐츠 제작타블렛에 탑재되는 교육용 컨텐츠(전체적 UI / 동화 / 퀴즈 등)의 인터랙션을 제작 합니다.
- UNITY 개발 유니티 엔진을 사용한 게임 및 AR / VR 컨텐츠를 개발 합니다.
- 기타 컨텐츠 제작스크립트와 엔진 및 프레임워크를 이용하는 다양한 컨텐츠를 제작 합니다.
Mobile / ETC
Developement Test & Price
- 고객사 프로젝트 문의프로젝트 기획중 멋진 사례를 벤치마킹 하셨나요?
벤치마킹하신 컨텐츠를 알려주시면 구현방식과 구현 가능성 여부를 알려드립니다. - 프로젝트 개발 테스트
시험 페이지 제작을 의뢰 하세요.
프로젝트의 일부분을 비용 없이 테스트 가능합니다.
결과물에 만족하시면 나머지 프로젝트를 진행 하시면 됩니다.
만약 만족스럽지 못해 진행하기를 원하지 않는 경우 비용을 지불 할 필요가 없습니다. - 견적을 내는 기준디자인이 이미 완료된 프로젝트 일 경우
페이지의 분량 과 인터렉션의 난이도로 총 견적을 냅니다.
년 / 월 단위 혹은 운영으로 진행되는 프로젝트일 경우 맨먼스(man month) 금액으로 적용합니다.
모든 견적은 부가세 10%가 제외된 금액입니다. - 결제 방식프로젝트의 기간과 내용에 따라 약간씩 차등이 있지만 보통은 프로젝트 완료 후 세금계산서를 발행해 드립니다.
프로젝트 기간이 월 단위가 될 경우 매달 지정된 날짜에 세금계산서를 발급해 드립니다.
프로젝트 기간이 매우 짧고 처음 공동작업을 하는 경우 선금으로 100% 로 진행하는 경우도 있습니다.
PC / MOBILE WEB
RESPONSIVE WEB
UI DEV
CSS MEDIA QUERY를 이용하여
PC / MOBILE 각각의 백엔드 개발이 필요없이 단일 소스로
PC / TABLET / MOBILE 등 각종 디바이스의 화면 사이즈에
최적화 되어 레이아웃이 변경되는 UI 개발로
OFFICIAL SITE 제작에 최적화
적용된 프로젝트 보기
WEB BROCHURE /
ANIMATION UI DEV
CSS3 및 GSAP TWEENMAX 등을 사용하여
페이지 내의 애니메션 및 간단한 게임 개발
INTRO / EVENT / PROMOTION SITE 개발에 최적화
적용된 프로젝트 보기
SINGLE PAGE
APPLICATION
백엔드 데이터 입력 및 출력 VUE.JS 프레임 워크를 사용한
싱글페이지 어플리케이션 개발
적용된 프로젝트 보기
ONE PAGE
PARALLAX UI DEV.
단일 페이지로 스크롤에 맞추어 컨텐츠의 위치를 변경토록
하여 보다 생동감 있는 페이지 제작하는 방식으로
OFFICIAL / PROMOTION / BRAND / EVENT SITE
제작에 최적화
적용된 프로젝트 보기
E-BOOK / CATALOG
UI DEV
CSS3 및 GSAP TWEENMAX 등을 사용하여
책을 보는 느낌으로 컨텐츠를 구성하여 사용자의 경험을 극대 화 하고 일반 웹사이트와 구분되는 사이트 레이아웃 개발
E-BOOK / BROCHURE / CATALOG 개발에 최적화
적용된 프로젝트 보기
KIOSK UI DEV
일반 PC가 아닌 터치 기반의 키오스크 및 타블렛 내에 적용되는 단일 애플리케이션용 UI 인터랙션 제작으로 싱글페이지 애플리케이션 혹은 일반 HTML 및 JAVASCRIPT로 제작
KIOSK / INFORMATION / CATALOG 개발에 최적화
AUTO RESIZING
UI DEV.
브라우저 사이즈에 맞게 자동으로 컨텐츠가 같은 비율로
확대 / 축소 되어 브라우저 스크롤 없이 한 화면에
모든 컨텐츠를 표현 할 수 있는 방식의 UI 개발로
PROMOTION / BRAND / EVENT SITE 제작에 최적화
적용된 프로젝트 보기
Our showcase is over.
If you like this
please contact us.
위로 한번더 올려 주세요
아래로 한번더 내려 주세요
inCODING
INTERACTIVE STUDIO
Contact us
최적의 솔루션을 제공하고, 신뢰 할 수 있는 파트너가 되도록 노력 하겠습니다.
+82 02 6215 1236
+82 010 8584 2855
contact@incoding.co.kr
master@designnest.net
서울시특별시 광진구 능동로 36길 109 3층
