30일간의 디자인 – 브랜딩 사례 연구

고객과 함께 일할 때 알아야 할 몇 가지 중요한 측면이 있습니다. 기대치를 충족하고 마감일을 맞추는 것 중 두 가지입니다. 모든 디자이너의 경력 중 어느 단계에서는 프로젝트에 급박한 상황에 처한 고객이 있습니다. 이것들은 마감일을 맞추는 기술과 그것이 얼마나 미칠 수 있는지를 가르치는 프로젝트입니다.

모든 디자이너가 경력을 쌓는 동안 일반적으로 두 가지 유형의 프로젝트가 있습니다. 나는 최고의 솔루션을 원할 뿐입니다.”… 그것은 모든 디자이너의 꿈입니다. 그러나 그것을 직시합시다. 실제로 상황은 항상 더 어렵습니다.

"나는 상자 밖에서의 혁신적이고 창의적인 솔루션, 즉 좋은 UX, 정말 멋진 사용자 인터페이스를 원합니다. 어제 그것이 필요했습니다."

로고를 만들고 주요 브랜드 요소, 웹사이트, 모바일 UI 및 소셜 미디어 광고/그래픽을 디자인하는 데 30일이 걸린다는 것을 알게 된다면 어떻게 될까요?

약간의 공황 발작을 겪은 후에는 현명하게 일하는 것이 유일한 방법임을 깨닫게 됩니다.

미리 계획을 세우고 미리 생각하면 생산성, 정밀도, 디자인 품질에 도움이 됩니다. 모든 성공적인 노력과 마찬가지로 열심히 일하고 오랜 시간을 일하는 것은 그것을 실현하기 위한 필수 조건 중 일부입니다.

무엇이든 항상 다음과 같은 극심한 질문이 있습니다.

• 그러한 시간 제한으로 할 가치가 있습니까?
• 시간 제약으로 인해 설계 품질이 저하됩니까?
• 시간이 더 있었다면 더 잘 할 수 있었을까?

확실히 맞아요!

모든 프로젝트와 마찬가지로 디자이너로서 창의적인 솔루션을 찾기 위해 방법을 찾고 이점을 활용해야 하는 장점, 단점 및 제약이 항상 있습니다.

프로젝트를 성공적으로 완료하기 위해 수행해야 하는 작업에 대한 명확한 아이디어를 갖는 것이 중요할 뿐만 아니라 짧은 일정이 전체 디자인 품질에 잠재적으로 부정적인 영향을 미칠 수 있음을 클라이언트에게 외교적으로 알리는 것 또한 중요합니다. 그러나 마감 시간이 촉박하다고 해서 자신의 기술에 최선을 다하지 못하는 것은 변명의 여지가 없습니다. 가능한 한 최고의 작업을 제공하기 위해 자신을 밀어붙이는 데 사용하십시오. 시간 압박 속에서 이루어진 창의적 작업에 대한 Harvard Business School의 연구는 다음과 같이 결론지었습니다.

이 연구는 관리자가 직원이 창의적 인지 처리에 참여할 수 있는 시간을 보호하기 위해 조치를 취해야 한다고 제안합니다. 특히 업무가 높은 수준의 창의성을 요구하는 직원의 경우 그렇습니다. [… ] 스스로 부과했든 외부에서 부과했든 시간적 압박이 전혀 없는 상태에서는 창의적인 아이디어가 나오지 않을 가능성이 매우 높습니다.

이러한 결과는 창의적인 작업에 대해 상당한 압력이 작용할 수 있음을 나타내지만 동시에 창의적인 작업에 대한 합리적인 수준의 압력이 더 나은 디자인을 생성하는 데 도움이 될 수 있음을 시사합니다.

여러 프로젝트에서 프리랜서로 일할 때 모든 것을 완료하는 것은 항상 어려운 일이지만, 일정을 부지런히 하고 제한된 시간을 일할 수 있는 좋은 기회입니다! 원격 근무를 만드는 것은 간단하지만 쉽지는 않습니다. 이것을 견고한 계획과 결합하면 성공을 위한 비법을 얻게 됩니다.

1-2일차: 가장 먼저 해야 할 일—계획을 세워라!

첫 번째 단계는 프로젝트를 더 작은 부분으로 나누고 프로젝트의 각 단계를 완료하는 데 걸리는 시간을 계산하는 것입니다. 목표를 설정하면 동기 부여와 성취도가 높아집니다. 목표 달성의 과학은 큰 목표를 명확하고 정의된 행동 단계로 나눌 것을 권장합니다. 이렇게 하면 목표 달성을 위한 노력에서 큰 이점을 얻을 수 있습니다.

브랜딩 디자인과 관련하여 클라이언트가 다양한 옵션을 선택할 수 있도록 여러 버전의 디자인을 만드는 것이 좋습니다. 제 개인적인 취향은 로고 디자인과 타이포그래피, 컬러 팔레트, 이미지, 아이콘 세트와 같은 주요 브랜드 요소를 세 번 반복하는 것입니다. 이 작업을 먼저 수행하면 개념과 시각적 아이디어를 다음 단계로 진행할 수 있습니다.

작업 프로세스를 만들고 따르십시오.

작업 프로세스를 생성하면 워크플로와 모든 프로젝트에 수반되는 책임이 쉬워집니다. 다음은 브랜딩이든 사용자 인터페이스 디자인이든 일반적인 디자인 프로젝트에 대한 나의 일반적인 접근 방식입니다.

연구

고객의 비즈니스에 대한 모든 것을 알아보십시오.

• 그들의 사업의 핵심은 무엇이며 주요 활동은 무엇입니까?
• 그들의 타겟 고객은 누구이며 그들의 요구 사항은 무엇입니까?
• 그들의 목표는 무엇이며 디자인을 사용하여 해결해야 할 문제는 무엇입니까?
• 경쟁자는 누구이며 어떻게 더 나아질 수 있습니까?

설문지 또는 디자인 브리프는 앞서 언급한 정보를 수집하는 가장 편리하고 효율적인 방법 중 하나입니다.

기분 보드 만들기

무드 보드를 사용할 수 있는 것 중 하나는 모든 프로젝트의 필수적인 부분인 개념을 만드는 것입니다. 더 큰 그림을 얻으십시오. 모든 조사를 취하여 하나의 큰 캔버스에 넣어 디자인에 통합되어야 하는 모든 요소를 ​​볼 수 있습니다. 무드 보드를 쉽게 만드는 데 도움이 되는 몇 가지 무료 도구가 있습니다.

온라인 도구를 사용하지 않는 경우 Adobe Illustrator를 사용하면 요소를 만들고 추가하고 자유롭게 이동할 수 있으므로 잘 작동합니다. 콜라주로 생각하십시오. 세부 사항의 위치에 대해 너무 걱정하지 마십시오. 원하는 대로 모든 것을 자유롭게 조정할 수 있습니다. 주요 목표는 색상, 사진, 아이콘, 타이포그래피 등이 시각적으로 그리고 스토리텔링에서 서로 어떻게 작동하는지 확인하는 것입니다.

3일차: 디자인 컨셉 만들기

컨셉을 만드는 것은 무드 보드를 완성한 후 다음 단계이며 모든 미래 작업의 기초입니다. 디자인 기능의 실행 가능성을 테스트하기 위한 실험 모델로 개념이 생성됩니다.

무드 보드는 목표로 하는 청중과 비즈니스 목표에 부합해야 하는 초기 시각적 방향을 설정하는 데 도움이 됩니다. 이 개념은 UX 방향의 기초가 될 것이며 따라서 최고의 디자이너가 사용하는 10가지 UX 결과물의 일부입니다.

견고한 개념은 프로젝트의 첫 번째 단계에서도 매력적인 스토리를 다시 말하는 데 도움이 되기 때문에 이 단계가 얼마나 중요한지 이해하는 것이 중요합니다. 주요 초점은 시각적 개체 자체보다 시각적 개체를 다룰 때 사용자가 접하는 느낌과 경험을 고려해야 합니다.

업계에서 가장 영향력 있는 마케팅 컨설턴트이자 동기 부여 연사 중 한 명인 Simon Sinek은 이 주제에 대해 훌륭한 TED 강연을 했습니다.

무드 보드는 몇 가지 짧은 슬로건을 만들거나 아이콘과 사진 스타일을 개념으로 설정하는 데 도움이 될 수 있습니다. 매체를 가리지 않고 빠르게 읽을 수 있는 타이포그래피가 있으면 좋기 때문에 웹과 인쇄 친화적인 타이포그래피를 고려하는 것도 중요합니다. 이것은 훌륭한 디자인의 핵심 요소이며 유니버설 디자인 관행에서 고려되는 원칙 중 하나이기도 합니다.

4일차: 브랜드 비주얼 디자인

브랜드 구축 과정은 처음부터 잘못된 접근 방식을 따른다면 지루하고 시간이 많이 소요될 수 있습니다. 로고 반복 생성으로 시작하는 것은 승인된 개념이 있고 시각적 지침 파일이 완료되면 가장 잘 수행됩니다. 이를 통해 올바른 방향으로 나아가고 있다는 확신을 가질 수 있으며 현명하고 시간 효율적인 방식으로 브랜딩 문제를 해결할 수 있습니다.

디자인 아이디어의 작은 펜과 종이 스케치를 만드는 것이 중요합니다. 먼저 스케치한 다음 Illustrator, Sketch 등으로 진행하여 로고 작업을 하면 시간이 덜 걸립니다. 이 단계는 브랜드에 대해 선택한 시각적 방향에 대한 세 가지 다른 로고 제안을 디자인하는 데 도움이 되었습니다. 완료하는 데 며칠이 걸렸습니다.

로고 디자인에 약간의 추가 변경 및 조정이 있을 수 있지만 클라이언트가 로고를 결정하고 색상, 타이포그래피, 아이콘 및 사진 스타일과 같은 다른 요소를 승인하면 기본 브랜딩 요소가 완료된 것입니다.

7-15일차: 웹사이트 디자인

브랜드 개발에는 단순한 로고타입이 아니라 웹사이트를 포함하여 디자인의 거의 모든 측면을 포함합니다. 시각적 규칙을 적용하고 함께 작동하는 방식을 확인하여 시각적 개념에 추가할 수 있으므로 웹 사이트를 먼저 시작하는 것이 유용할 수 있습니다. 이는 궁극적으로 모바일 애플리케이션과 유사한 목적과 요소를 가진 웹사이트를 만들 때 특히 그렇습니다.

사이트맵

사이트맵은 크롤러 또는 사용자가 액세스할 수 있는 웹사이트의 페이지 목록입니다. 웹 디자인을 위한 계획 도구로 사용되는 문서이거나 웹사이트의 페이지를 계층적으로 보여주는 페이지일 수 있습니다.

클라이언트가 이미 사이트맵을 가지고 있다면 웹사이트에 속한 모든 페이지를 명확하게 볼 수 있기 때문에 큰 도움이 됩니다. 사이트맵이 필요한 프로젝트를 수주했다면 클라이언트와 협력하여 사이트맵을 함께 만들어야 합니다.

이것은 고객에게 몇 가지 질문을 하는 것을 의미할 수 있습니다.

• 웹사이트의 페이지 수는 얼마입니까?
• 가장 중요한 페이지는 무엇입니까?
• 하위 페이지가 있습니까?

이것은 웹사이트 구조에 대한 명확한 그림을 그리고 프로젝트 범위에 대한 좋은 아이디어를 제공합니다.

먼저 복사

나는 클라이언트가 사이트에 포함하고 싶은 모든 사본과 콘텐츠를 나에게 미리 알려달라고 요청하는 것이 유용하다고 생각합니다. UI를 먼저 만들고 나중에 복사본을 맞추는 것보다 복사본을 중심으로 디자인이 작동하도록 하는 것이 가장 좋습니다.

복사 우선 접근 방식을 사용하면 개발자와 개발자의 시간을 많이 절약할 수 있습니다. 반대로 가면 문제가 생길 수 있습니다. 때때로 유용하기는 하지만 더미 텍스트를 사용하면 실제 프로젝트에 부정적인 영향을 미칠 수 있습니다. 특히 디자인이 타이포그래피에 크게 의존하고 콘텐츠를 중심으로 디자인된 경우에는 더욱 그렇습니다. 복사 중심 디자인은 단점이 없으며 탁월한 품질의 창의적인 작업을 수행하는 데 도움이 될 뿐입니다.

홈페이지 디자인

이전의 모든 단계를 따르면 이미 일반적인 시각적 지침, 사이트맵 및 사본이 있습니다. 이제 웹 사이트의 페이지를 디자인할 수 있습니다.

홈페이지는 사용자가 웹사이트에 방문했을 때 가장 먼저 보게 되는 페이지이므로 가장 중요한 페이지입니다. 파레토 원칙을 적용하면 홈페이지가 디자인 방향(컨텍스트, 타이포그래피, 색상, 반복 가능한 요소 등)의 80%를 차지하고 나머지 페이지는 20%를 차지한다는 것을 보여줍니다.

홈페이지 섹션을 그룹화하고 선택하여 프로세스를 시작하는 것이 좋습니다. 전체 콘텐츠와 카피는 일반적으로 전체 페이지를 구성하고 어떤 측면이 누락되었는지 확인하고 영향을 최대화하고 사용자가 제품 또는 서비스를 구매/사용하도록 유도하기 위해 추가할 수 있는 섹션을 확인하는 데 도움이 됩니다.

서비스나 제품을 강조하려면 눈에 띄는 클릭 유도문안 섹션을 사용해 보세요. 제품 구매, 뉴스레터 구독, 가입 등 사용자의 관심을 끌 뿐만 아니라 광고할 수 있는 훌륭한 방법입니다.

기술, 타겟 고객 및 클라이언트의 비즈니스 유형이 허용하는 경우 GIF 또는 애니메이션과 같은 모션 디자인을 추가하면 전체 사이트에 하위 컨텍스트를 제공할 뿐만 아니라 클릭 유도문안 섹션을 강조할 수 있습니다. 그러나 디자이너는 너무 멀리 가서 개발에 많은 시간이 걸리는 것을 만들지 않도록 주의해야 합니다.

15-25일차: 유니버설 디자인 적용

개발자가 설명한 대로 유니버설 디자인은 "기존 디자인을 평가하고 디자인 프로세스를 안내하며 디자이너와 소비자 모두에게 보다 유용한 제품 및 환경의 특성에 대해 교육하는 데 적용될 수 있습니다."

유니버설 디자인의 개념은 대규모 프로젝트를 처리할 때 사용할 수 있는 가장 최적의 솔루션 중 하나입니다. 브랜딩, 웹사이트 및 모바일 애플리케이션에 대한 통합된 개념과 집중된 시각적 방향은 시간 제약 하에서 디자인할 때 큰 이점이 있습니다.

반복적인 요소의 필요성 자체가 도전이 될 수 있습니다. 이것은 기술 요구 사항이 발생할 때 발생합니다. 반응형 웹사이트와 모바일 플랫폼은 완전히 다른 철학과 규칙을 가지고 있으므로 적절하게 다루지 않으면 문제가 될 수 있습니다. 그럼에도 불구하고 여러 플랫폼에서 사용할 수 있는 요소를 만드는 것은 프로젝트 성공의 중추 중 하나입니다. 이러한 특정 상황에서 브랜드의 방향을 명확하게 설정하는 통일된 디자인 없이는 그렇게 많은 플랫폼/장치를 포괄할 수 없었을 것입니다. 개발.

촉박한 기한과 여러 플랫폼에 대한 설계의 단점은 설계하려는 각 플랫폼의 잠재력을 최대한 활용하지 못할 수 있다는 것입니다. 이러한 경우 시간 제약으로 인해 사용자 기반에 친숙한 간단한 "방탄" 솔루션이 가치 있는 아이디어가 될 수 있습니다.

예: 여러 페이지에 하나의 아이디어를 다시 적용하고 모든 장치에 맞게 개조하십시오. 패턴은 본질적으로 유사하므로 귀하에게 유리합니다. 필수 정보를 표시하거나 사용자가 제품을 구매하도록 초대하는 방식에 방해가 될 수 있습니다. 이 경우 검색창도 동일하지 않더라도 유사할 수 있습니다.

순서도

웹 사이트 디자인이 완료되고 앱의 UX에 대한 더 명확한 비전이 생깁니다.

UX 생성 프로세스를 더 쉽고 명확하게 만드는 방법 중 하나는 사용자 순서도를 만드는 것입니다.

순서도를 만드는 데 사용할 수 있는 여러 가지 방법과 도구가 있습니다. 일반적인 방법은 짧은 제목과 필요한 경우 설명 텍스트가 있는 그래픽 다이어그램을 만드는 것입니다. 이를 위해 Sketch 또는 Illustrator를 사용하는 것이 선호되지만 요소를 만들고 이동할 수 있는 도구는 이 작업에 적합합니다.

윌 리틀은 이에 대한 훌륭한 해석을 내놓았습니다.

여기에서 엔지니어와 크리에이티브는 모든 마지막 탭, 툴팁, 라이트박스, 아이콘 등 의도한 인터페이스와 클릭/스와이프 동작을 가장 잘 지원할 수 있는 소프트웨어 도구를 결정하기 위해 긴밀히 협력해야 합니다. .

낮게 만들어서 높게 만드세요

앱의 주요 목적을 발견하면 UX를 정의하는 데 도움이 됩니다. 이는 사용자가 제품을 구매하도록 돕거나 제품 사용을 돕거나 사용자 경험이 이를 수용해야 합니다. 종이에 만든 저충실도 와이어프레임을 Sketch나 Photoshop에서 더 높은 정확도로 변환하면 프로세스가 상당히 쉬워집니다.

이 경우 앱이 간단하고 웹 사이트의 시각적 세부 사항만 따라가면 되므로 저충실도 와이어프레임으로 충분했습니다.

가능하면 UX에 대한 소규모 테스트를 구성하세요. 와이어프레임과 UX 흐름이 의미가 있는지 확인하려면 미래 사용자의 테스트 그룹이 필요합니다. 테스트가 끝나면 귀중한 통찰력으로 무장하고 다음 단계(사용자 인터페이스 만들기)로 진행할 수 있습니다.

통일된 디자인

UX를 ​​약간 조정한 후에는 논리적이고 잘 정의된 UI를 만드는 데 필요한 모든 것을 갖게 되어 iOS 및 Android 플랫폼의 시각적 요구 사항에 맞게 조정할 수 있습니다. iOS에는 Apple App Store에 들어가지 못하게 할 수 있는 매우 구체적인 디자인 지침이 있기 때문에 이러한 규칙을 알고 개발 단계에서 디자인이 구현되는 방식을 주의 깊게 확인해야 합니다.

UI를 디자인할 때 지침과 규칙을 따르면 iOS와 Android 플랫폼의 가장 큰 장점을 그대로 사용하면서 통합된 디자인을 만들 수 있습니다.

25-30일차: 브랜딩과 동기화된 광고 만들기

이 시점에서 로고타입, 브랜딩 요소, 웹사이트 및 모바일 애플리케이션을 디자인해야 합니다. 25일 이내에 모든 것을 디자인했지만 소셜 네트워크 및 인쇄용 광고 만들기라는 한 단계 더 고려해야 하므로 축하하기에는 너무 이릅니다. 여기에서 처음에 만든 개념이 큰 도움이 될 것입니다.

광고 및 소셜 미디어 자료를 디자인할 때 다음 팁을 따르면 비주얼의 품질, 참여 수준 및 전반적인 창의성이 크게 향상됩니다.

• 눈에 띄는 선명하고 밝은 색상을 사용하십시오.
• 행복하고 활동적인 사람들을 보여주는 것은 그래픽에 대한 역동성과 느낌에 도움이 됩니다.
• 사람들의 움직임, 활동 및 흥분은 항상 시선을 사로잡으며 전반적인 감정 전달에 도움이 됩니다.

이 모든 규칙은 광고를 위한 뛰어난 그래픽을 만드는 데 도움이 됩니다. 적절한 경우 웹사이트, 브랜딩 및 애플리케이션 전반에 걸쳐 사용한 색상 팔레트, 타이포그래피 및 기타 시각 자료를 활용하십시오. 이렇게 하면 디자인의 일관성을 유지하는 데 도움이 되며 시간 제약 조건에서 작업할 때 유리하게 작동합니다.

만날 수 없는 기한은 절대 지키지 마세요

경우에 따라 누구나 한 프로젝트가 수행할 수 있는 노력과 작업의 양을 과소평가할 수 있습니다. 이것이 프로젝트 시작 시 모든 단계를 계획하는 것이 중요한 이유입니다. 목표와 현실적인 목표를 작은 부분으로 나누는 것은 제 시간에 견고한 작업을 제공하는 데 중요합니다.

벤자민 프랭클린은 “준비에 실패함으로써 당신은 실패를 준비하는 것입니다.”라고 말했습니다.

항상 준비에 실패하지 말고, 당신이 그 일을 제공하는 데 필요한 시간 측면에서 일을 과소평가했을 가능성을 예상하는 데 실패하지 마십시오. 클라이언트에게는 마감일이 있을 수 있지만 프로젝트가 실행 가능하거나 애초에 고려할 가치가 있는지 여부를 결정하는 데 도움이 되는 기술이 있어야 합니다. 그러나 이것이 궁극적으로 당신을 보다 숙련된 디자이너와 관리자로 만드는 데 도움이 될 수 있는 개인적인 도전을 하지 않는 핑계로 삼지 마십시오.

• • •

Toptal Design 블로그에 대한 추가 정보:

• UI 디자인 모범 사례 및 일반적인 실수
• 빈 상태 – UX에서 가장 간과되는 측면
• 단순함이 핵심 - 최소한의 웹 디자인 탐색
• 모바일 인터페이스에 대한 경험적 원리
• 가독성을 위한 디자인 – 웹 타이포그래피 가이드