웹사이트 재설계에 대한 세 디자이너의 관점
게시 됨: 2022-09-20이는 웹사이트 재설계에 앞서 크리에이티브 팀이 스스로에게 던질 수 있는 몇 가지 질문에 불과합니다. 사내 크리에이티브 팀은 현대적인 웹사이트 재설계 프로젝트의 디자인, 계획 및 실행에서 매우 중요한 역할을 합니다. 그래서 우리는 Oscar Health 및 Vox Media와 같은 브랜드와 함께 일한 독립 크리에이티브 디렉터 Dani Balenson과 이야기를 나눴습니다. 2021년에 홈페이지 새로 고침과 함께!) Hubilo의 수석 UX/UI 디자이너 Michael Rossi와 Webflow의 수석 브랜드 디자이너 Kyle Benson이 웹사이트 재설계에 접근할 때 고수하는 복잡성, 필수 작업 및 프로세스에 대해 설명합니다.
웹사이트 재설계는 문제를 해결해야 합니다
"웹은 지난 10년 동안 매우 급격하게 변화하여 모든 사람들이 웹 사이트의 모양과 기능을 재고하는 것이 필수적이라는 사실을 깨닫게 되었습니다."
현대 웹사이트는 인터넷 초기 시대의 웹 개발과 훨씬 다르고 더 복잡합니다. 기업 의 주요 마케팅 자산인 경우가 많습니다. "웹은 지난 10년 동안 매우 급격하게 변화하여 모든 사람들이 웹사이트의 모양과 기능을 재고하는 것이 필요하다는 사실을 깨닫게 되었습니다."라고 Michael이 설명했습니다. “저는 팀이 사이트를 재설계하면 브랜드를 재설계해야 한다고 생각하는 몇 가지 프로젝트를 진행했지만 웹사이트를 재설계해야 한다고 해서 모든 사이트를 완전히 변경해야 하는 것은 아니라는 점을 천천히 이해하도록 도울 수 있었습니다. 측면이다.”
Dani는 이러한 감정을 반영하여 재설계를 일종의 사이트 새로 고침으로 보고 있습니다. 즉, 모양, 느낌 또는 기능의 특정 요소가 일관되게 유지될 수 있음을 의미합니다. "[웹사이트 새로 고침]은 다른 립스틱, 다른 아이라이너, 다른 눈썹 연필입니다. 더 신선하고 현대적으로 보이도록 사용하는 것입니다."라고 그녀는 설명합니다. 결과적으로 리디자인은 리브랜딩만큼 큰 것에 기반을 둘 필요가 없습니다. 비즈니스 또는 대상 고객의 변화를 해결하기만 하면 됩니다.
Dani는 디자인이 "커뮤니케이션 서비스"라고 덧붙였습니다. 새로운 청중과 대화하거나 원하는 방식으로 작동하지 않는 것을 수정할 수 있는 것입니다. 팀이 이러한 사실을 깨닫고 나면 목표의 방향을 조정하고 원하는 결과를 정의하고 다음 단계를 식별하기 위해 한 걸음 물러나야 합니다.
모든 주요 이해 관계자가 목표에 맞게 조정되었는지 확인합니다.
적절한 웹사이트 재설계를 효과적으로 수행하기 위해 모든 관련 당사자는 재설계를 하는 이유, 공격 계획 및 프로젝트의 원하는 결과에 대해 조정해야 합니다.
Kyle는 디자인을 두 가지로 나눕니다. 첫 번째 - "자본 'D' 디자인" - 전략과 이유에 중점을 둡니다. 반면에 "소문자 'd' 디자인"은 모양과 느낌입니다. 대문자 'D' 디자인은 재설계를 위한 레이블이므로 목표 및 회사 규모에 따라 마케팅 팀, 디자인 또는 크리에이티브 팀, 제품 마케팅, 성장, UX, 엔지니어링 및 더.
Michael, Kyle, Dani는 누가 실제로 재설계를 소유하고 추진하는지에 관해 서로 다른 경험을 가지고 있습니다. 일부 조직에서는 디자이너를 보았지만 다른 조직에서는 해결해야 할 문제를 식별하거나 재설계를 위한 목표 비즈니스 결과를 정의하는 마케팅 담당자가 될 수 있습니다. 그러나 그들은 모두 부서 간 노력으로 재설계를 추진하는 사람은 누구나 범위 지정, 계획, 마감일을 소유해야 하고 팀이 공을 굴리기 전에 경영진의 동의를 얻어야 한다는 데 동의합니다.
팀의 성공을 위한 프로젝트 계획 수립
"이해관계자 계층 구조를 명확히 하고, 관련된 사람과 역할이 무엇인지 정의하고, 충분한 자원을 확보할 수 있도록 프로젝트 시작을 설정하기 전에 후퇴 계획을 개발하십시오."
팀이 목표와 책임에 대해 같은 페이지에 있으면 계획이 시작됩니다. Dani의 경험에 따르면 계획은 일반적으로 창의적인 브리핑으로 시작됩니다. 이것은 프로젝트의 배경, 팀이 하는 이유, 달성하고 싶은 것, 누구와 대화하고 싶은지, 영감을 얻기 위한 참고 자료를 정의하는 문서입니다. Michael은 철저한 분석과 계획이 자신의 창작 과정의 일부라고 설명함으로써 이러한 감정을 되풀이했습니다. "우리가 달성하려는 모든 측면을 알고 싶기 때문에 재설계에 다가갈 때 너무 많은 질문을 할 것입니다."라고 그는 말했습니다.
Dani는 창의적인 브리핑 외에도 "이해관계자 계층을 명확히 하고 관련자 및 역할을 정의하고 충분한 자원이 확보되도록 워크백 계획을 개발합니다."라고 말했습니다. 워크백 계획은 합의된 출시 날짜까지 이어지는 주요 이정표에 대한 날짜를 설정해야 합니다. 그리고 대부분의 디자이너는 일반적으로 재설계 프로젝트의 핵심에 집중하지만 Kyle는 일부 팀에는 이 프로세스에 참여하고 크리에이티브를 옹호해야 하는 수석 디자인 팀 구성원(예: 부사장 또는 임원)이 있을 수 있다고 설명했습니다. 팀이 성공을 위해 설정되었는지 확인합니다.
에이전시와 협력하는 사내 팀의 경우 Kyle은 특히 인프라 및 더 큰 그림에 대한 제안을 처음부터 얻을 수 있도록 이 계획 단계에서 이들을 초대할 것을 권장합니다. 다른 목표.
계획의 일부는 적절한 도구를 갖추는 것도 의미합니다.
계획 프로세스의 또 다른 중요한 요소는 실행 관점에서 구현하는 것입니다. Michael에게 Hubilo는 재설계를 수행하는 데 2개월 반이 걸렸습니다. 재설계를 위해 Webflow와 같은 웹 개발 도구를 사용할 수 있다는 것은 팀이 페이지를 빠르게 구축하고, 상호 작용 및 애니메이션을 개발하고, 내장된 CMS에 액세스하고, 앞으로의 조정이나 편집이 간단하다는 것을 알 수 있음을 의미했습니다. 하다.
시간은 조직에서 웹사이트 재설계를 미루는 가장 큰 이유 중 하나인 경우가 많습니다. 하지만 도구를 사용하여 시각적으로 디자인하고 개발하는 팀은 더 정기적으로 더 작은 변경 작업을 수행할 수 있으므로 전체적으로 눈에 띄게 적은 시간이 소요됩니다. Hubilo의 Michael과 팀은 Webflow로 마이그레이션함으로써 그들이 원하는 속도와 유연성을 얻을 수 있었습니다.
Dani에게 Webflow와 같은 도구의 힘은 협업을 가능하게 하는 방법입니다. “디자이너가 개선된 디자인에서 빌드로 전환하는 것은 매우 빠르고 쉽습니다. 또한 무언가를 편집하고, 라이브 링크를 보고, 함께 만들고 싶은 변경 사항에 대해 논의하는 것이 정말 쉽습니다.”라고 그녀가 말했습니다.
첫 번째 재설계 프로젝트에 접근하는 디자이너를 위한 지혜로운 말
Dani, Michael 및 Kyle은 모두 재설계가 복잡하고 복잡하다는 감정을 공유하지만 재설계가 임박한 초고속 성장 기업의 디자이너와 마케터에게 이별 조언을 했습니다.
“작은 움직임이 많은 큰 프로젝트이므로 가능한 한 체계적입니다. 그리고 어떤 프로젝트도 마지막이 아니므로 가능한 한 잘 만들고 다음 프로젝트에 학습 내용을 적용하십시오.” — Dani Balenson, 프리랜스 크리에이티브 디렉터
“변화에 열려 있고, 왜 무언가를 재설계하려는지에 대한 확실한 근거를 가지고 있는지 확인하십시오. 리브랜딩과 재설계를 동시에 하는 것보다 시차를 두십시오.” — Michael Rossi, 수석 UI/UX 디자이너, Hubilo
“숙제를 하면 항상 성과가 있습니다. 계획하는 동안 수행하는 중요한 작업은 마지막에 앵커가 되는 것입니다.” — Kyle Benson, Webflow 수석 브랜드 디자이너