반응형 웹 퍼블리싱 리액트/뷰/테일윈드/접근성/SEO

"모든 종류 상담 24시간 환영합니다. 언제든 문의 주세요."

요약

멋진 UI를 빠르고 정확하게 만들어 드립니다

소개

- 37세 경력 10년+ 남성 개발자/디자이너 1인

- 현 단순함연구소 운영 (UX 중심 웹개발 스튜디오)

- 웹 퍼블리싱 경력 10년+

- 대기업 UI 디자이너 정규직 경력

- 컴퓨터공학과 재학

- 인서울 4년제 대학교 디자인학과 졸업

<기술특화사항>

- GSAP 등 활용 스크롤 애니메이션 등 인터랙티브 웹 컨텐츠 제작

- TailwindCSS 등 활용 모던 스택 기반 스타일링

- Storybook, 디자인 토큰 등 활용 디자인시스템 구축

- 접근성 품질인증 경험 다수로 접근성/SEO 최적화 제작

- 디자인과 개발, 기획까지 통합된 서비스 제공 가능

- 워드프레스, Next.js, 그누보드, Cafe24 등 다양한 환경 대응

기술

- HTML, CSS(SCSS), JS(ES6, jQuery)

- 테일윈드(Tailwind), 부트스트랩(Bootstrap)

- 리액트(React), 넥스트JS(NextJS), 뷰, PHP, JSP

- 워드프레스(Wordpress), 그누보드(Gnuboard)

- 아임웹(imweb), 윅스(wix)

작업범위

- 크로스브라우징, 반응형, 웹앱, 키오스크, 인터랙션, 슬라이더 등 개발

- 홈페이지 턴키 개발 (워드프레스, 넥스트JS, 그누보드, 아임웹)

- 쇼핑몰 및 웹 어플리케이션 개발 (PHP, Node)

- UI/UX 디자인 및 서비스 기획 (Figma)

참고사항

- 고급애니메이션 및 특수 요구사항은 별도 협의가 필요할 수 있습니다

- 디자인이 필요한 경우 별도 협의 및 비용 추가가 발생할 수 있습니다

- 전체 개발을 맡기시는 경우 별도 협의가 필요할 수 있습니다

- 부트스트랩, 테일윈드 등 요구 프레임워크가 있을 경우 협의 후 적용 가능

- 비트(vite), 리액트, 뷰, 웹팩, 걸프 등 요구 개발스택이 있을 경우 협의 후 적용 가능

/* ============================================ */

서비스 상세안내

1. STANDARD (스탠다드)

기본 웹 퍼블리싱 (HTML + CSS + 간단한 JS)

HTML, CSS, JS로 원하는 페이지를 구성해 드립니다.

- 높이 1024px 이하 1 페이지

(포함사항: 코드 원본)

2. DELUXE (디럭스)

고급 웹 퍼블리싱 (HTML + CSS + JS)

반응형으로 구성되며, 애니메이션 등이 포함된 페이지를 구성해 드립니다.

- 높이 1024px 이하 1 페이지 + 높이 1000px 이하 1 페이지 (반응형)

(포함사항: STANDARD 사항, 반응형, 기본 애니메이션, 기본 SEO 최적화, 기본 웹 접근성 최적화)

3. PREMIUM

고급 웹 퍼블리싱 서비스 기반으로 여러 페이지를 일괄로 구성해 드립니다.

- 높이 1024px 이하 20 페이지 내외 (반응형)

(포함사항: DELUXE 사항)

ETC. 옵션

- 디자인 추가: UI/UX 디자인을 별도로 제공합니다.

- 기획 추가: 서비스 기획을 별도로 제공합니다.

1. 디자인이 있는 경우

1) 작업범위 및 내용 확인 (회의 및 기초자료 전달)

2) 웹 퍼블리싱 진행

3) 산출문서 및 제공된 서버로 작업물 확인

4) 컨펌 후 수정 및 작업물 전달

2. 기획서만 있는 경우

1) 기획서 전달

2) 작업범위 및 내용 확인 (유선회의 및 기초자료 전달)

3) 디자인 진행

4) 디자인 컨펌 및 수정

5) 웹 퍼블리싱 진행

6) 산출문서 및 제공된 서버로 작업물 확인

7) 컨펌 후 수정 및 작업물 전달

3. 기획서, 디자인 둘 다 없는 경우

1) 작업 아이디어 및 목표 전달

2) 작업범위 및 내용 확인 (유선회의 및 기초자료 전달)

3) 기획 + 디자인 통합 진행

4) 기획 + 디자인 통합 컨펌 및 수정

5) 웹 퍼블리싱 진행

6) 산출문서 및 제공된 서버로 작업물 확인

7) 컨펌 후 수정 및 작업물 전달

4. 서비스 구축(전체 개발)을 원하는 경우

- 별도 협의 진행

1. 디자인이 있는 경우

- 작업내용이 정리된 문서(PPT, TXT, 수기작성메모 등)

- 디자인 확인용 파일 제공 (Figma 등)

2. 기획서만 있는 경우

- 작업내용이 정리된 문서(PPT, TXT, 수기작성메모 등)

- 디자인에 필요한 각종 이미지 및 자료 제공

- 디자인 컨셉 및 레퍼런스 자료(사이트)

3. 기획서, 디자인 둘 다 없는 경우

- 작업내용이 정리된 문서(PPT, TXT, 수기작성메모 등)

4. 별도 요청 사항이 있는 경우

- 전체 개발 및 특수 요청사항이 있는 경우 별도 자료 제공 및 협의 진행