React/Next.js로 SEO최적화 반응형 웹제작

머신러닝 기술로 무료로 UIUX 디자인 콘텐츠를 학습하고, 제공하는 해외 플랫폼 서비스인

DbleUI 를 직접 디자인 및 개발 후 엑시트 했으며,

외에 몇몇 자체 플랫폼 서비스를 운영 중인 1인 전문가 및 사업자 입니다

> 많은 경험과 커뮤니케이션을 바탕으로 완벽한 UX 중심의 디자인을 제공할 것을 약속합니다

> 웹페이지 제작 및 개발 요청은 문의주시면 판매 중인 서비스로 안내해 드리겠습니다

> 개발은 React.js / Next.js로 제공해드리고 있어요

# 작업안내

A. UX를 고려한 실용적인 디자인을 추구합니다

단순히 예쁘기만 한 디자인은 개발할 때 적용이 어려운 경우가 많습니다. 반면

사용성과 실용성을 고려한 디자인은 사용자의 서비스 지속 가능성을 증가시킬 뿐더러

추후 서비스 안정화로 많은 사용자 유입이 가능합니다

B. 24시간 무료 상담이 가능합니다

화면 설계서와 함께 문의하시면 24시간 주말 포함 무료 상담을 통해

상세한 서비스 및 디자인 컨셉 상담이 가능합니다

C. 작업 전 / 작업 중 지속적으로 소통합니다

작업 전 서비스에 대해 파악하고, 디자인 컨셉 방향을 잡기 위해

약 30분 정도 유선 및 화상 미팅을 통해 소통하게 됩니다.

작업 중 진행 상황을 주기적으로 안내하며 발생하는 피드백을 제시하여 서비스 개선에 도움을 드립니다

D. [개발 요청 시] 작업 종료 후 코드 리뷰를 통해 개발 관련 인수인계를 해드립니다

작업 종료 후 화상 미팅을 통해 추후 유지보수 및 인수인계할 수 있을 수준까지의 코드 리뷰를 세부적으로 안내해 드립니다

E. 누구나 쉽게 유지보수 가능한 수준으로 작업합니다

[디자인] 개발 환경을 고려하여 일정하고 통일된 Padding/Margin 등의 각 수치로 디자인 작업을 제공합니다

[개발] 각 컴포넌트를 통해 재사용성을 고려하고, 반복되는 코드를 줄여 높은 가독성의 개발을 제공합니다. 또한 누구나 쉽게 협업할 수 있는 수준의 코드 작성법을 추구합니다

F. 마감 기한을 반드시 맞춰드립니다 (주말 작업 포함)

요청 마감 기한을 말씀해 주시면 반드시! 어떤 일이 있어도! 마감 기한을 맞춰드리고 있습니다.

여태까지 마감기한을 단 한 번도 어긴적이 없습니다

#작업자 가능 기술

각 기술은 선택이 가능하며, 추가적인 요청 기술은 문의 부탁드립니다

1. 디자인 : Figma (기본) / AdobeXD / Photoshop

2. 웹 개발 언어 : Typescript / Javascript

3. 프론트 개발 : React.js / Next.js (기본)

4. 웹 상태 관리 : Recoil (기본) / React-Query (기본)

5. 앱 개발 : Flutter (기본) / React-Native

6. 서버 개발: Node.js [Express.js] (기본) / Firebase

7. 데이터베이스 : MongoDB [Mongoose] (기본) / Firebase

8. 호스팅 : Vercel / Firebase

8. 클라우드 : GCP / Vercel (Ec2)

# 가격 안내 및 기준

[STANDARD 기준]

범위 : 1페이지 : 섹션 2개 이하 (또는 세로값 2000px 이하)

내용 : 전달 받은 디자인 및 기획 기반의 코딩 작업

기능 : 호스팅 제공

수정 : 디자인 수정 미제공

[DELUXE 기준]

범위 : 섹션 5개 이하의 1페이지 (또는 세로값 6000px 이하)

내용 : 맞춤 디자인 제작 및 UI 개발

기능 : 호스팅, 스크롤 애니메이션 제공

수정 : 디자인 수정 범위 내 1회 제공

[PREMIUM 기준]

범위 : 랜딩페이지 서비스 전체 제작 (5페이지 기준)

내용 : 맞춤 디자인 제작 및 UI 개발

기능 : 호스팅, 스크롤 애니메이션, 상태관리 제공

수정 : 디자인 수정 범위 내 2회 제공

# 서비스 안내 및 기준

호스팅 및 도메인)

의뢰인께서 호스팅 및 도메인 제공을 하지 않을 시 기본적으로 Vercel로 처리하고 있습니다

웹페이지 산출 기준)

가로 1,920px / 세로 : 3,000px 규격 기준

결과물 방식)

- 깃허브 리파지토리를 통해 결과물 코드 전달

- 디자인 요청 시 : 디자인 원본 파일 제공

- 도메인 제공 시 : 연결 및 안내

디자인 작업 시 : 사용 폰트 및 이미지 라이센스)

무료 폰트 및 이미지 사용

제공범위)

랜딩페이지 퍼블리싱 (기본) / UIUX 디자인 / 프론트 개발 / 풀스택 개발

저작권 관련)

모든 저작권은 의뢰인에게 귀속됩니다

포트폴리오 사용 여부)

작업에 대한 결과물은 의뢰인의 포트폴리오 및 사이트에 소개 및 노출될 수 있습니다

[작업 과정 및 결과안내]

1. 스텐다드 (디자인 제공시) 개발 요청

- 화면 설계서 및 디자인 확인

- 견적 안내 및 일정 협의

- 결제

- 작업에 대한 소통 및 협의

- 작업 착수

- 작업완료 및 임시 호스팅된 요청서비스 URL에서 확인

- 작업 종료 및 깃허브로 코드 전달

2. 퍼블리싱 및 프론트 개발 요청

- 화면 설계서 확인

- 견적 안내 및 일정 협의

- 결제

- 작업에 대한 소통 및 협의

- 디자인 작업 및 결과 제공

- 디자인 수정 및 디자인 확정

- 확정된 디자인으로 퍼블리싱 착수

- 작업완료 및 임시 호스팅된 요청서비스 URL에서 확인

- 작업 종료 및 깃허브로 코드 전달

작업 전 반드시! 원활한 소통과 해당 작업에 대한 이해를 위해

명확히 답변으로 문의 부탁드리겠습니다.

1. 작업요청 범위는?

a. 퍼블리싱 개발 (디자인 있음)

b. 디자인 + 퍼블리싱

c. 디자인 + 프론트 개발 (정리된 API 문서 반드시 필요)

d. 서비스 전체 개발 (a-z)

2. 제작하고자하는 서비스는?

웹(반응형 유무) / 웹뷰(하이브리드앱)

3. 제작할 서비스는 무엇이며

사용자가 어떠한 목적으로 사용하고는 플랫폼인지?

4. 요청작업에 대한 목표기간

내부적으로 고려하는 기간을 안내주시면 반드시 맞춰드립니다.

5. 화면 설계서 전달

만약 화면 설계서를 제작하는데에 어려움이 있다면?

전문가에게 요청 시 : 작성 가능한 예시 화면 설계서를 무료로 제공해 드리고 있습니다

6. 호스팅 및 도메인 연결 유무

호스팅은 Vercel로 기본으로 제공해 드리고 있습니다

도메인은 가비아로 기본으로 제공해 드리고 있습니다