웹 개발 클라이언트에게 맞춤형 디자인 서비스를 제공하는 방법

게시 됨: 2022-08-24

전체 웹 개발 서비스의 일부로 맞춤형 디자인 서비스를 제공하면 매력도와 수익을 높이고 고객에게 더 많은 가치를 더할 수 있습니다. 이 문서에서 어떻게 수행되는지 단계별로 알아보십시오.

일반적인 웹 개발 작업을 넘어 서비스를 확장하고 싶으십니까? 아니면 새로운 웹 디자인 기술을 배우고 있으며 이를 유용하게 사용할 수 있는 방법을 찾고 있습니까?

이 기사에서는 디자인 기술이나 경험이 전혀 없더라도 고객에게 전문적인 웹 디자인 서비스를 제공하는 방법을 보여줍니다.

참고로, 우리는 50,000명 이상의 회원을 대상으로 설문조사를 하고 수십 개의 전문 웹사이트를 조사하여 이 기사에 언급된 권장 사항과 제안을 찾았습니다.

"이 부업으로 번 돈은 휴가와 새 장난감을 구입하는 데 사용되었습니다. 그렇지 않으면 살 수 없었을 것입니다." 필(WPMU 개발자 회원)

읽기를 마치면 다음과 같은 아이디어가 떠오를 것입니다.

  • 고객에게 제공하는 최고의 웹 디자인 서비스 유형입니다.
  • 서비스를 구현하거나 아웃소싱하는 방법.
  • 디자인 서비스에 대해 얼마를 청구할 수 있습니까?

이 문서의 모든 섹션으로 건너뜁니다.

  • 웹 개발 클라이언트를 제공하는 최고의 디자인 서비스
  • 브랜딩
  • 비주얼 아이덴티티
  • 방문 페이지 및 리드 생성
  • 재설계
  • 디자인 서비스 메뉴 표시
  • 고객에게 웹 디자인 서비스 제공 시작하기

디자인 서비스란 무엇이며 어떤 서비스를 제공해야 합니까?

위에서 언급했듯이 디자인 서비스에 대한 우리의 정의는 일반적인 테마, 템플릿 또는 페이지 빌더 접근 방식을 능가하는 서비스입니다.

브랜딩, 리브랜딩, 로고 디자인, 랜딩 페이지 디자인. 이것들은 많은 웹 개발자들이 하고 있는 일이며 괜찮습니다.

그러나 추가 수입을 얻고, 고객에게 더 많은 가치를 제공하고, 전반적인 웹 개발 서비스를 다른 서비스보다 돋보이게 만들고 싶다면 그 방법을 알려 드리겠습니다.

또한 디자이너가 아니거나 이러한 서비스를 제공하는 데 필요한 기술이나 경험이 없다고 생각하지 않아도 걱정하지 마십시오.

여전히 마크업을 적용하고 수익을 낼 수 있는 다양한 아웃소싱 옵션을 제공합니다.

각 서비스를 만질 때 직접 작업을 수행하려는 경우 사용할 수 있는 여러 도구와 리소스도 제공됩니다.

귀하가 제공할 수 있는 상위 4가지 웹 디자인 서비스(회원 투표에 따름)

이러한 추가 웹 디자인 서비스를 제공하기로 결정했다면 다음 질문은 실제로 제공할 서비스 유형입니다.

어둠 속에서 찌르거나 최고의 Google 결과가 말한 것을 복사하는 대신 우리는 누구보다 더 잘 아는 사람들에게 물어볼 것이라고 생각했습니다. 왜냐하면 그들은 실제로 생계를 위해 이 일을 하기 때문입니다…

50,000명 이상의 웹 개발자 회원!

다음은 최근 회원 토론에서 우리가 질문했을 때 가장 많이 나온 디자인 서비스입니다.

  1. 브랜딩
  2. 비주얼 아이덴티티
  3. 방문 페이지 및 리드 생성
  4. 재설계
주요 웹 디자인 요소 막대 차트
그리고 설문 조사에 따르면 ...

이제 이러한 각 디자인 서비스에 대해 자세히 살펴보겠습니다. 각 서비스, 리소스, 도구 및 각각에 대한 아웃소싱 옵션과 관련된 내용과 고객에게 청구할 수 있는 항목을 배우게 됩니다.

웹 디자인 서비스 1: 브랜딩

브랜딩은 비즈니스가 다른 엔티티와 차별화되는 방식이며 고객이 식별하고 연관시키는 것입니다.

특히 대규모 기업이 아닌 경우 브랜드를 구축하고 운영하기 위해 기본 사항을 넘어설 필요가 없습니다.

관련성이 있는 경우 추가 브랜딩 구성 요소를 보완할 수도 있습니다.

"필요한 것만으로 시작하고 필요한 경우 더 추가하십시오." Databoy (WPMU DEV 회원)

브랜딩 서비스와 관련된 것은 무엇입니까?

회원 커뮤니티의 의견을 바탕으로 우리가 집중하고 있는 브랜딩은 단순히 색상 팔레트를 통합하고 글꼴을 선택하고 로고 또는 워드마크를 전략적으로 배치하여 브랜드를 만드는 것입니다(로고 생성에 대해서는 별도로 설명하겠습니다. 아래 Visual Identity 참조). .

고객 브랜드의 색상 팔레트 만들기

색상 팔레트를 채택하는 것은 클라이언트 웹사이트의 시너지 효과에 필수적입니다.

고객을 위해 음영을 조합하는 데 도움이 필요한 경우 사용하는 몇 가지 훌륭한 온라인 도구가 있습니다.

다음은 우리가 좋아하는 몇 가지이며 모두 무료입니다.

색상 팔레트 도구:

냉각기

Coolors를 사용하면 색상 검사기(RGB 막대)를 사용하거나 이미지를 업로드하여 단색 및 그라디언트 모두에 대해 무작위로 또는 보다 정확하게 팔레트를 빠르게 생성할 수 있습니다.

기성품 옵션을 선호한다면 거대한 라이브러리가 있습니다.

색상 도구, 쿨러
어이, 친구들! 발송인은 확실히 분홍색입니다.

이 도구는 iOS 및 Android 앱, Figma 플러그인 및 Chrome 확장 프로그램을 통해 사용할 수 있습니다.

또한 Contrast CheckerArtwork Recolor 도구를 제공합니다(위 이미지에서 내 테스트 사례 참조).

어도비 컬러

Adobe Color는 RGB, HSB 및 LAB의 세 가지 모드를 사용할 수 있는 전문적인 색상환 도구를 제공합니다.

색상 도구, Adobe 색상환
Adobe는 고급 색상환과 함께 업계 아이콘입니다.

이미지에서 테마를 추출하여 색상 팔레트 또는 그라디언트로 저장할 수 있습니다.

접근성 도구는 또 다른 장점입니다. Contrast CheckerColor Blind Safe 모드를 사용하여 각각 둘 중 하나를 확인하십시오.

에그그라디언트

Eggradients를 사용하면 미리 만들어진 여러 그라디언트 중에서 선택할 수 있습니다. 이들은 단순하고 두 가지 색상이 혼합되어 있지만 기본 팔레트 접근 방식을 찾고 있다면 도움이 되거나 창의성을 불러일으킬 수 있습니다.

색상 도구, 에그그라디언트
옴브레 오믈렛, 누구?

색상 팔레트 생성기를 사용하면 다양한 음영 그라디언트 목록에서 선택할 수 있습니다.

또한 "50가지 색상의 음영" 섹션이 있어 해당 색상군에서 각각 해당하는 16진수 코드가 있는 임의의 색조를 가져옵니다.

웹사이트 글꼴 선택

타이포그래피와 강력한 글꼴 선택은 새로운 디자인의 성공에 중요한 역할을 합니다.

글꼴을 비교하고 테스트할 수 있는 몇 가지 괜찮은 도구와 다양한 글꼴 자체에 대한 액세스를 제공하는 사이트가 있습니다.

다시 말하지만, 이들은 모두 무료 옵션입니다.

웹 글꼴 도구

글꼴 쌍

Fontpair는 웹에서 수집한 사전 쌍 글꼴 모음을 사이트에 가지고 있습니다.

매주 새로운 페어링이 추가되는 제안/제출 페이지가 있습니다.

글꼴 도구, 글꼴 쌍
글꼴 쌍

페어링 및 비교

쌍 및 비교를 사용하면 글꼴 쌍을 쉽게 실험할 수 있습니다.

Google 또는 로컬 글꼴(기기에서 공유됨)을 사용할 수 있으며 최대 3개의 비교 항목을 화면에 동시에 표시할 수 있습니다.

글꼴 도구, 쌍 및 비교
페어링 및 비교

크기, 두께, 색상, 줄 높이 등 많은 편집 옵션이 있습니다.

샘플 텍스트를 변경하고 나중에 테스트하기 위해 글꼴을 책갈피할 수도 있습니다.

구글 폰트

Google 글꼴은 가변 글꼴 및 재료 기호를 포함하여 거의 1500개 패밀리가 있는 글꼴을 찾고 사용하기 위한 훌륭한 리소스입니다.

상업적으로 또는 상업적으로 판매되는 제품(예: 로고 또는 워드마크) 내에서도 모두 무료입니다.

글꼴 도구, Google 글꼴
구글 폰트

다운로드는 가족 또는 개별 스타일에 사용할 수 있으며 링크를 통해 다른 사람과 공유할 수 있습니다.

무료 글꼴을 제공하는 추가 사이트:

  • FontBase(글꼴 관리 시스템)
  • 글꼴 다람쥐
  • 다폰트닷컴
  • 폰트스페이스
  • 1001FreeFonts
  • 어반폰트

프리미엄/유료 글꼴 사이트 선택:

  • 어도비 글꼴
  • 마이폰트
  • EnvatoElements 글꼴
  • 글꼴 번들

브랜딩 서비스에 대해 얼마를 청구할 수 있습니까?

브랜딩 서비스의 가격을 책정하는 방법에 대한 아이디어를 얻으려면 경쟁업체가 동일하거나 유사한 콘텐츠 생성에 대해 무엇을 제공하고 청구하는지 확인하는 것이 좋습니다.

우리는 이 작업을 직접 수행했으며 다음은 가격 영감을 얻기 위한 몇 가지 관련 예입니다.

TechCrunch 는 10년의 경험을 가진 디자이너(Fortune 500대 기업 포함)의 스타트업 브랜딩 및 시각적 아이덴티티 비용에 대한 훌륭한 기사를 보유하고 있습니다.

청구한 내용은 다음과 같습니다.

Techcrunch.com 로고 브랜딩 비용 1
브랜딩 및 로고 비용 견적. 출처: TechCrunch.com

예상 가격은 비즈니스 단계에 따라 두 가지 범주로 나뉘며, 보시다시피 대략적인 비용에 큰 영향을 미칩니다.

브랜드 에이전시 는 브랜딩의 모든 요소와 수준을 포괄하는 서비스와 조언을 제공하는 풀 서비스 디지털 에이전시입니다.

브랜딩 비용을 계획하고 계산하는 데 도움이 되는 사양을 제공하는 유익한 기사가 있습니다.

Techcrunch.com 로고 브랜딩 비용 2
브랜딩 전략 및 비주얼 비용 견적. 출처: BrandedAgency.com

이 가격에도 차이가 있지만 디자인 서비스의 일반적인 범위를 파악하는 데 여전히 도움이 됩니다.

이를 알면 귀하의 기술과 지식 수준(및 주어진 프로젝트의 범위)을 고려하여 과도한 청구 또는 과소 청구를 방지하는 데 도움이 될 수 있습니다.

물론 브랜딩 패키지에 더 많이 포함할수록 더 높은 가격을 책정할 수 있고 또 그래야 합니다.

브랜딩 서비스의 평균 가격대: $1,000-$30,000+

웹 디자인 서비스 2: 비주얼 아이덴티티

시각적 아이덴티티는 그래픽만(로고), 예술적 텍스트만(워드마크), 둘의 조합 또는 전체 보완이 될 수 있습니다.

이니셜이 있는 원이나 특정 글꼴, 두께 및 색상으로 된 비즈니스 이름처럼 기본적일 수 있습니다.

사례 >> WPMU DEV!:

WPMU DEV 로고 요소
WPMU DEV의 시각적 아이덴티티.

비주얼 아이덴티티 서비스 제공과 관련된 것

클라이언트의 로고를 결정하는 것은 다양한 정도의 어려움이 있습니다.

그것은 그들이 얼마나 구체적이고 그들의 예산이 얼마인지에 달려 있습니다.

클라이언트가 구상한 디자인이 더 복잡하거나 구체적일수록 맞춤형 디자인을 사용하여 고객의 요구를 충족할 가능성이 높아집니다.

맞춤형 디자인의 또 다른 뚜렷한 이점은 독특하다는 것입니다. 조립식 재료는 누구나 사용할 수 있으므로 여러 회사에서 동일한 디자인을 구입하여 사용할 수 있습니다.

브랜딩의 핵심 요소에 도움이 될 수 있는 일부 사이트를 확인한 것처럼 다음으로 시각적 아이덴티티(로고, 워드마크 등)에 대한 좋은 선택을 제공하는 리소스를 찾기 시작했습니다.

맞춤형 로고 생성을 위한 도구 및 아웃소싱 옵션

로고닷컴

Logo.com의 모든 로고는 무료입니다.

이것들은 매우 기본적이고 미리 만들어진 쿠키 커터 제품이지만 많이 있습니다.

또한 매우 구체적인 음영이 필요한 경우 색상에 큰 변화를 줄 수 있습니다(16진수 필드 있음).

Logo.com에서 무료 로고 커스터마이징을 해보세요.

이것들이 완전히 무료라는 점을 고려하면 복잡하거나 독특한 것이 필요하지 않다면 괜찮은 선택입니다.

크리에이티브 마켓

Creative Market에는 기업 브랜딩, 전자 상거래 및 기업가 정신에 사용할 수 있는 150,000개 이상의 로고 템플릿이 있습니다.

로고 템플릿 세트에는 독특하고 현대적인 로고를 만들기 위한 배지, 아이콘 및 기타 요소가 포함됩니다.

로고 도구, 크리에이티브 마켓
크리에이티브 마켓

모두 사전 제작된 디자인이므로 귀하 외에 여러 사람이 작품을 구매/사용할 수 있음을 염두에 두십시오. 고객이 고유한 로고를 원하는 경우 이 옵션은 작동하지 않습니다.

파이브르

Fiverr은 Gigs로 제공되는 다양한 디자인 요소에 대해 개별 아티스트를 고용하는 매우 인기 있는 판매자 마켓플레이스입니다.

로고 도구, Fiverr
로고용 Fiverr.

이것은 어떤 디자이너를 선택하느냐에 따라 전적으로 다르기 때문에 마일리지가 다를 수 있습니다. 그러나 일반적으로 리뷰어들은 전반적으로 만족스러워 보이며 지불한 비용에 대해 좋은 평가를 받았다고 생각합니다.

WPMU 개발자 계정 PRO

하나의 번들로 제공되는 최고의 프로 WP 도구

7일 동안 무료로 사용해 보세요
30일 환불

가격은 아티스트의 기술 수준과 포함된 구성 요소에 따라 5달러에서 995달러 사이입니다.

로고글로

Logoglo는 프리미엄 로고 사이트입니다. 여기에서 얻을 수 있는 모든 것은 브리핑을 기반으로 처음부터 전문적으로 제작된 독특한 일회성 디자인입니다.

패키지에는 초기 개념 수, 처리 시간 및 수정 허용과 같이 계층이 올라갈수록 더 많은 콘텐츠가 포함됩니다.

로고 도구, Logoglo
로고글로

예산이 약간 더 많고 사람들이 다른 곳에서는 볼 수 없는 예술 작품을 원하는 고객이 있는 경우 이 옵션이 좋습니다.

99디자인

99designs는 매우 성공적인 온라인 인쇄업체인 VistaPrint의 자회사입니다.

오퍼링에는 디자이너의 수준, 전담 관리자 및 우선 순위 지원을 받는지 여부가 포함됩니다.

제시된 디자인 컨셉의 수는 30개에서 시작하여 최대 90개입니다. 모든 디자인에는 환불 보장과 완전한 저작권 소유권이 함께 제공됩니다.

로고 도구, 99designs
99designs 디자인 공모 과정입니다.

비주얼 아이덴티티 서비스 비용은 얼마입니까?

Jacob Cass는 브랜드 디자이너이자 전략가이며 수상 경력에 빛나는 브랜딩 및 디자인 컨설팅 회사인 JUST Creative 의 설립자입니다.

JC.com에는 로고 디자인 가격에 대한 유용한 차트와 함께 디자인 비용에 대한 기사가 있습니다. 또한 비용을 더 자세히 분류한 목록을 제공했습니다.

Just Creative 로고 디자인 비용 1
로고 디자인 비용 견적. 출처: JustCreative.com
Just Creative 로고 디자인 비용 2
로고 디자인 비용 견적. 출처: JustCreative.com

글로벌 아이덴티티를 위한 풀 브랜딩은 백만 달러 이상의 가치를 지닌 매우 높은 가격에 책정됩니다.

물론 이것은 평균보다 훨씬 높은 엘리트 상위 계층입니다.

우리가 집중하고 있는 수준의 경우, DIY/무료 로고 제작자의 경우 편차가 $0에서 숙련된 디자이너의 경우 $5K 이상까지 차이가 ​​나는 것을 볼 수 있습니다.

비주얼 아이덴티티 서비스의 평균 가격대: $500-$5,000

웹 디자인 서비스 3: 랜딩 페이지 및 리드 생성

대부분의 웹사이트(교육 및 엔터테인먼트 제외)의 주요 목표는 들어오는 트래픽을 리드로 전환하는 것입니다.

고객에게 랜딩 페이지 또는 이와 유사한 전환 기반 서비스를 제공하는 것은 그만한 가치가 있습니다.

결국, 그들은 더 많은 고객과 리드를 얻을 수 있는 가능성을 거부하지 않을 것입니다.

“각 페이지에는 전환이라는 하나의 목적이 있습니다. 클라이언트가 전환을 원하는 방식, 클라이언트가 모든 방문자로부터 원하는 목표에 대한 명확한 경로가 있는지 확인하십시오. 전환 클릭을 유도하는 데 집중하여 디자인을 유지하세요." Chris (WPMU 개발자 회원)

관련 항목 및 랜딩 페이지 및 리드 생성 서비스 제공에 도움이 되는 도구

방문 페이지

자체 제작, 구매 또는 무료로 획득한 클라이언트 랜딩 페이지에 사용하는 템플릿이 이미 있을 수 있습니다.

새로운 것을 찾고 있거나 아직 방문하지 않은 경우 방문 페이지 웹 사이트에 대한 몇 가지 옵션이 있습니다.

도구 및 아웃소싱 옵션

나이스페이지

Nicepage는 10,000개 이상의 미리 디자인된 방문 페이지를 제공하거나 직접 만들 수 있습니다.

자체 웹 사이트 빌더를 사용하여 미리 만들어진 템플릿을 편집할 수 있습니다. 끌어서 놓기, 콘텐츠 편집, 레이아웃 변경(블록), 색상 및 글꼴 수정, 다양한 반응형에 대한 조정과 같은 코딩 사용자 정의 없음 모드.

방문 페이지, Nicepage
나이스페이지

Nicepage는 Windows 또는 Mac OS에서 WordPress 플러그인으로 사용할 수 있습니다.

파이브르

Fiverr의 숙련된 랜딩 페이지 디자이너는 귀하의 페이지에 적합한 레이아웃과 브랜드 아이덴티티를 생성할 수 있습니다.

프리미엄 품질의 이미지, 모바일 장치 및 데스크탑에 적합한 반응형 디자인, 콘텐츠 업로드(귀하가 제공한 콘텐츠) 등을 기대하세요.

방문 페이지, Fiverr
방문 페이지용 Fiverr.

가격은 원하는 것, 원하는 속도, 선택한 아티스트의 자타적 기술 및 경험에 따라 크게 다릅니다. 참고로 가격은 $5에서 $1500 사이였습니다.

랜딩폴리오

Landingfolio는 웹에서 선별된 아름답고 다양한 랜딩 페이지 컬렉션을 제공합니다.

제공되는 제품은 다음과 같습니다.

  • Tailwind CSS 사이트 템플릿 – 모든 디자인에 포함된 Figma
  • 로고 – 커뮤니티에 기부된 디자이너 Jord Riekwel의 컬렉션(무료)
  • 목업 생성기 – 앱 또는 웹 디자인을 위한 장치 목업을 빠르게 생성합니다. 웹사이트 URL을 입력하면 모형이 생성됩니다.
랜딩페이지, 랜딩폴리오
랜딩폴리오

Tailwind는 개발 시간을 단축하는 Bootstrap과 같은 CSS 프레임워크입니다. 클래스를 사용하여 요소의 스타일을 지정하므로 CSS를 작성할 필요가 없습니다.

Elementor 및 Divi와 같은 인기 있는 페이지 빌더

물론 필요한 경우 언제든지 페이지 빌더 및 테마를 사용할 수 있으며 대부분은 고객을 위한 고품질 맞춤 방문 페이지를 만드는 데 도움이 됩니다.

Divi 는 랜딩 페이지 및 전환 요소와 관련하여 멋진 최종 제품을 제공하는 빌더의 유료 버전만 제공합니다. Elementor 에는 무료 버전과 Pro 버전 모두에서 랜딩 페이지를 생성할 수 있는 기능도 있습니다.

Hustle로 리드 생성 모듈 만들기

모든 좋은 랜딩 페이지에는 효과적인 리드 생성 요소가 필요합니다.

무료 Hustle 플러그인으로 몇 가지 훌륭한 리드 생성 모듈을 만들 수 있습니다.

옵트인, 팝업, 슬라이드인, 소셜 공유 및 삽입 – Hustle은 결과를 유도하고 방문자를 전환하도록 설계된 모든 것을 생성하도록 도와줍니다.

CTA, Hustle의 템플릿
Hustle의 많은 미리 만들어진 템플릿 중 일부일 뿐입니다.

Hustle의 전문적으로 디자인된 템플릿(18개 이상)을 사용하면 멋진 모듈을 몇 분 만에 쉽게 구축할 수 있습니다.

모두 모바일 반응형이며 이메일 수신 동의 양식 및 정보 디자인을 선택할 수 있습니다(예: 사용자가 버튼을 클릭하면 다른 페이지로 이동).

Hustle은 무료 버전과 프로 버전으로 제공됩니다. 둘 다 동일한 훌륭한 설정과 옵션을 제공합니다.

유일한 차이점은 Pro 버전에는 무제한 옵트인, 사용자 정의 콘텐츠 및 소셜 공유가 제공된다는 것입니다.

더 많은 허슬을 원하십니까? 블로그에서 다음 정보로 가득 찬 기사를 확인하십시오.

  • 허슬을 최대한 활용하는 방법
  • Hustle에서 가시성 조건을 사용하는 방법
  • Hustle을 사용하여 가장 많은 이메일 구독자를 확보하는 방법

랜딩 페이지 및 리드 생성 서비스에 대해 얼마를 청구할 수 있습니까?

2013년부터 사업을 시작한 성공적인 웹 개발 업체인 F5 Studio 에는 디자인 요소와 랜딩 페이지 가격 책정에 포함되는 내용을 분류한 훌륭한 기사가 있습니다.

그들은 디지털 에이전시가 정적 랜딩 페이지를 만드는 데 약 600~3,000달러, 동적 랜딩 페이지를 만드는 데 2,000~5,000달러를 청구한다고 말합니다.

수상 경력에 빛나는 풀 서비스 마케팅 대행사인 Brimar 는 대행사에서 프로젝트의 복잡성과 고객의 비즈니스 목표에 따라 방문 페이지당 300~3,000달러를 청구할 수 있다고 주장하면서 방문 페이지 비용에 대한 이러한 통찰력을 공유했습니다.

전반적으로 랜딩 페이지를 만드는 비용은 작업의 전체 범위와 관련된 작업의 양에 따라 다릅니다.

방문 페이지 및 전환 서비스의 평균 가격대: $300-$5,000

웹 디자인 서비스 4: 프로젝트 재설계/리브랜딩

클라이언트가 웹사이트 재설계로부터 혜택을 받거나 원할 수 있는 몇 가지 이유가 있습니다. 가장 일반적인 것은 다음과 같습니다.

  • 전체적인 모양과 느낌이 구식이거나 매력적이지 않습니다.
  • 비즈니스 아이덴티티가 디자인에 잘 반영되지 않았거나 계획된 브랜드 변경으로 인해 곧 반영되지 않을 것입니다.
  • 사용성이 좋지 않아 탐색이 어렵고 전환이 제한됩니다.

"예를 들어 웹 사이트가 b2c에서 b2b로 변경되는 경우와 같이 완전히 다른 청중에게 어필하려는 경우 완전한 점검(UI는 완전히 재고해야 할 수 있음)을 위해 특히 중요합니다." Marianna (WPMU DEV 회원)

관련 내용 및 재설계 서비스 제공에 도움이 되는 도구

사용자 경험을 이해하는 것이 중요합니다. 사이트의 상호작용/전환율이 사이트 트래픽보다 훨씬 적은 경우 행동 분석을 살펴봐야 합니다.

UX 통찰력을 위한 Hotjar 및 Crazy Egg

Hotjar 및 Crazy Egg와 같은 도구는 사이트의 UX 디자인/사용성에 대한 훌륭한 통찰력을 제공할 수 있습니다.

녹화된 화면 동작을 관찰하여 취약한 부분을 찾아내고 실제 사용 데이터를 기반으로 업그레이드할 수 있습니다.

Hotjar는 어떤 기능이 필요한지, 세션 수(“관찰”) 또는 응답(“질문”)에 따라 최대 천 달러(월)까지 무료로 서비스를 제공합니다.

Crazy Egg 가격에는 한 달에 30달러 미만에서 견적에 따라 가격이 책정되는 5가지 패키지가 포함됩니다. 각 계층은 더 많은 양의 서비스(예: 추적된 페이지 보기, 스냅샷 및 녹음)를 허용합니다.

고객이 마우스를 이동하는 위치와 클릭하는 위치, 집중하는 대상과 무시하는 대상을 학습하면 의심과 추측을 없애고 개선이 필요한 부분에 집중할 수 있습니다.

재설계 서비스에 대해 얼마를 청구할 수 있습니까?

재설계는 필요한 전체 노력의 측면에서 새로운 설계와 매우 유사합니다. 여기에는 동일한 요소, 도구 및 시간 요구 사항이 많이 포함됩니다.

재설계에 따른 유일한 가격 차이는 위에서 설명한 대로 UX 통찰력 도구의 추가 비용입니다.

전반적인 웹 재설계 비용과 관련하여 최근 글로벌 재설계 설문조사에 참여한 참가자들은 다음과 같은 몇 가지 주요 통계를 밝혔습니다.

  1. 웹사이트를 디자인하는 데 드는 평균 비용(기본 기능 포함): $3,200
  2. 웹사이트 디자인에 소요되는 평균 시간(기본 기능 포함): 2개월
  3. 사람들이 전문 웹 디자이너를 고용하는 가장 큰 이유는(사이트 구축 소프트웨어를 사용하는 것보다) 완벽하게 사용자 정의할 수 있는 기능입니다.
웹 디자인의 Goodfirms 설문 조사 비용
전체 웹 디자인 비용에 대한 웹 디자인 설문조사 결과입니다. 이미지 크레딧
웹 디자인에 영향을 미치는 Goodfirms 요소
비용에 영향을 미치는 요인에 대한 Web Design 설문조사 결과. 이미지 크레딧

재설계의 이유에 관계없이 범위와 비용에 대한 기대치를 미리 설정하는 것이 중요합니다.

우리는 전체 웹 디자인/재디자인을 위한 평균 $3+K와 약 2개월의 기간을 보고 있습니다. 평균 빌드 시간과 가격 설정을 돕기 위해 포함할 서비스를 고려하십시오.

웹사이트 재설계를 위한 평균 가격대: $2,000-$4,000

모든 웹 디자인 구성 요소를 함께 넣기

정보를 수집하고 충분한 고려를 했다면 이제 웹 디자인 서비스에 고유한 메뉴를 구성하여 관심 있는 고객에게 쉽게 액세스(및 가치 제안)를 제공할 수 있습니다.

전체 디자인 서비스 메뉴의 예:

다음은 포함된 구성 요소 및 관련된 예상 작업에 따라 요소 가격의 변동을 포함하여 우리가 생각해 낸 예입니다.

GWD 웹 디자인 서비스 패키지 메뉴
샘플 사이트에서 볼 수 있는 전체 서비스 웹 개발 메뉴.

고객에게 웹 디자인 서비스 제공 시작하기

웹 디자인 서비스 제공에 대한 이 자세한 내용에서 귀중한 통찰력을 얻었기를 바랍니다.

기사에서 논의된 사항에 대해 더 많은 조언이나 설명이 필요하면 아래 의견을 통해 언제든지 문의하십시오.

웹 개발자로서 공중에 유지해야 할 공이 많이 있습니다. WPMU DEV에서 우리의 목표는 해당 프로세스를 가능한 한 쉽게 만드는 것입니다.

우리 플랫폼을 시험해보고 싶다면 무료 플랜을 시작하는 것이 가장 좋습니다. 여기에는 무제한 사이트 관리, 빌트인 청구, 플러그인 등이 포함됩니다.

고객에게 특정 브레이크아웃 서비스를 제공합니까, 아니면 패키지만 제공합니까? 웹 개발 비즈니스에서 최고의 디자인 결과를 얻을 수 있는 것은 무엇입니까? 아래 의견에 알려주십시오.