sendgrid.design 소개

수상 경력에 빛나는 API를 통해 중요한 비즈니스 이메일을 보내는 열성적인 엔지니어일 수도 있습니다. 또는 마케팅 캠페인을 사용하여 아름답고 타겟이 분명한 메시지를 작성하고 보내는 시간에 굶주린 마케터일 수도 있습니다. 때때로 저희 블로그에 들러 최신 멋진 콘텐츠를 확인하실 수도 있습니다. 그럼에도 불구하고 한 가지는 확실합니다. SendGrid의 열정적인 디자인 팀의 손쉬운 작업을 보셨을 것입니다.

강력한 차세대 제품 기능을 구현하기 위해 픽셀을 적용하든, 고객이 어떻게 생각하고 행동하는지 더 잘 이해하기 위해 인터뷰를 하든, 최신 디자인에서 영감을 받은 커뮤니티 이벤트에 참여하든, 훌륭한 디자인은 여기 Grid에서 하는 모든 일의 핵심입니다.

우리 벽 안에는 틀림없이 열정적인 디자인 문화가 있지만, 우리 디자인 팀이 하나의 브랜드 목소리로 더 큰 디자인 커뮤니티와 소통하면서 통찰력과 솔직히 디자인에 대한 사랑을 자유롭게 공유할 수 있는 곳은 항상 단 한 곳도 없었습니다. 지금!

오늘 UI/UX 팀은 SendGrid 디자인 팀이 우리 분야에 대한 스토리, 사례 연구 및 기타 관련 콘텐츠를 게시할 수 있는 창의적인 장소인 sendgrid.design 의 매우 흥미로운 출시를 발표합니다.

SendGrid의 UI/UX 팀은 엄청난 문제를 해결하고자 하는 재능 있는 사람들로 가득 차 있으며 팀은 이러한 이야기를 더 큰 커뮤니티와 공유하고 싶었습니다.

전용 디자인 사이트는 그 자체로 고유한 개념이 아닙니다. Uber , Airbnb 및 Atlassian 과 같이 세계에서 가장 존경받는 디자인 지향 브랜드 중 일부는 모두 유사한 프로젝트를 시작했습니다. 디자인 중심 회사로서 우리 디자인 팀이 만드는 것에 대해 매우 열정적으로 느꼈습니다.

우리 팀, 우리 회사, 그리고 우리 브랜드에 중요합니다. 우리가 다년간의 경험에서 배운 통찰력이 우리의 벽에 머물지 않고 우리의 프로세스와 경험을 다른 디자이너 및 팀과 공유할 수 있는 장소가 있다는 것입니다.

우리는 팀, 디자인 프로세스 및 문화를 강조하는 전용 디자인 사이트를 갖는 것이 최고의 디자인 인재가 SendGrid가 자신의 경력을 성장시킬 수 있는 곳이라고 느끼게 하는 중요한 구성 요소임을 발견하고 검증했습니다.

우리는 편향될 수 있지만 SendGrid는 꽤 놀라운 문화를 가지고 있습니다. sendgrid.design 을 사용하는 또 다른 이유는 능동적으로 "막을 뒤로 당기고" 세계가 그 문화가 실제로 일어나는 것을 목격할 수 있도록 하기 위해서입니다. 팀을 만나고 연구 프로젝트에 대한 이야기를 읽고 SendGrid의 디자이너가 어떻게 협력하고 운영하는지 배우게 됩니다.

디자인 사이트란?

디자인 사이트는 디자인 팀의 내부 작업을 공유하고 발표할 수 있는 좋은 장소입니다. SendGrid의 경우 UI/UX 팀은 고객이 사랑하고 가치 있게 여기는 제품을 만들기 위해 따라야 하는 놀라운 프로세스를 가지고 있습니다. 이 정보를 공유하고 우리가 배운 교훈에 대해 토론하는 것이 중요합니다.

우리 그룹은 공유할 놀라운 성취를 가진 매우 밝은 마음으로 가득 차 있습니다. 세계적 수준의 스타일 가이드, UI 컴포넌트 라이브러리, 브랜드 가이드라인을 보유하고 있습니다. 우리가 있는 곳까지 오기까지 많은 시간이 걸렸고 공유할 이야기도 많습니다. 여기가 우리가 할 곳입니다!

프로세스: 연구, 설계, 구축

여기 SendGrid에서 우리는 우리가 하는 모든 것의 중심에 사용자를 유지하므로 이것을 다른 프로젝트처럼 처리했습니다. 이 sendgrid.design 을 계획할 때 우리는 SendGrid Way라는 사용자 경험을 만드는 데 사용하는 SendGrid 고유의 프로세스를 따르고 연구를 시작했습니다.

팀은 전문 디자이너 4명을 인터뷰하고 설문 조사까지 진행했습니다. 그것은 하기 쉬웠고 몇 시간 동안 한 명의 디자이너의 시간을 필요로 하지 않았습니다. 그러나 연구 단계에서 수집된 정보와 데이터는 무엇을 디자인하고 구축할지 결정할 때 매우 중요했습니다.

연구: 우리가 배운 것

우리가 찾은 정보는 정말 흥미로웠습니다. 우리가 이야기한 모든 디자이너는 전용 디자인 웹사이트가 회사가 디자인을 어떻게 평가하는지 이해하는 데 중요하다고 느꼈습니다. 이는 우리 브랜드에 대한 큰 깨달음입니다.

SendGrid에서는 우리가 디자인을 중요하게 생각한다는 것을 내부적으로 알고 있었기 때문에 이를 세계와 공유할 수 있는 가장 좋은 방법을 찾는 것이 정말 중요했습니다. 사실, 우리는 CEO인 Sameer Dholakia에 이르기까지 회사 전체에서 100% 지원을 받을 수 있을 정도로 그것을 매우 중요하게 생각합니다.

사이트의 내용과 관련하여 디자이너는 다음이 가장 중요하다고 느꼈습니다.

• 디자인 과정
• 스타일 가이드
• 팁과 요령

그리고 다음과 같은 내용 주제가 가장 중요하지 않은 것으로 간주되었습니다.

• 삽화
• 디자인 트렌드
• 프로토타이핑 도구

이 세부 정보는 팀에서 먼저 게시할 콘텐츠 유형과 앞으로 가장 집중할 수 있는 콘텐츠 유형의 우선 순위를 정하는 데 도움이 되었습니다. 스타일 가이드, 디자인 프로세스, 연구 방법론 등에 대한 기사가 있습니다.

또 다른 중요한 연구 결과는 전문 디자이너와 크리에이티브가 회사에서 새로운 경력을 고려할 때 디자인 특정 웹 사이트를 매우 중요하게 여긴다는 것입니다.

디자인: 재미를 유지하십시오

SendGrid에서 각 팀은 참여 설문조사를 완료합니다. 이것은 팀이 어떻게 느끼는지와 그들이 업무에 얼마나 참여하고 있는지에 대한 펄스입니다. 참여 설문조사에서 나온 한 가지 주제는 팀이 전용 디자인 사이트와 같이 실험하고 즐길 수 있는 장소를 원한다는 것이었습니다. 우리는 그 아이디어를 해커톤에 통합하기로 결정했습니다.

팀 전체가 분기별 해커톤에 참여하여 일반적으로 일상 업무에서는 발생하지 않는 훌륭한 협업을 가능하게 합니다. UI/UX 팀은 일시 중지 버튼을 누르는 데 하루 종일 걸렸고 모두가 디자인 개념을 정리했습니다. 그 후 팀은 디자인 평론을 열고 각 디자인의 장단점을 논의한 후 마음에 드는 디자인에 투표했습니다.

팀은 우리 브랜드와 함께 즐기기를 원했지만 실제 제품에서 가능한 것보다 더 많이 탐색하고 더 멀리 가져갔습니다. 결국 이곳은 위험을 감수하고 실험을 하는 곳입니다.

• 한 디자이너는 콘텐츠 블록을 표시하기 위해 맞춤 설계된 그리드 레이아웃을 사용했습니다. 사용자 지정 그리드는 SendGrid 이름과 로고에 대한 플레이입니다.
• 팀은 또한 고유한 로고의 경계를 확장하고 싶었습니다. sendgrid.design의 로고는 인기 있는 디자인 도구에서 볼 수 있는 채우기 및 획 아이콘에 대한 고개를 끄덕이지만 SendGrid 로고의 실루엣이기도 합니다.

빌드: 새로운 기술 시도

팀은 새로운 도구와 기술을 테스트하는 데 많은 투자를 하고 있으며 sendgrid.design은 계속해서 실험하고 학습 내용을 공유할 수 있는 훌륭한 플랫폼이 될 것입니다. UI/UX 팀은 Gatsby를 사용하여 사이트를 구축하기로 결정했습니다.

이런 식으로 우리는 최신 웹용 최신 기술을 사용하게 됩니다. 콘텐츠에 Markdown을 사용한 다음 Gatsby로 이동하여 브라우저에 표시되는 HTML 및 CSS로 변환됩니다. React.js는 핵심 코드베이스로 사용되어 번개처럼 빠른 최신 웹 앱 경험을 가능하게 합니다.

sendgrid.design 커뮤니티가 앞으로 몇 개월, 몇 년 동안 성장하고 확장하는 것을 보고 싶습니다! 직접 확인할 준비가 되셨습니까? sendgrid.design 으로 이동하십시오.