main-image
[툴디 개선기] 툴디 메인 새 단장하기
2023년 11월 8일작성
1,166 명 읽음

안녕하세요 여러분!
우주 최고의 디자인 플랫폼을 만들어 가는 툴디 팀입니다!!

 





툴디를 들어왔더니… 아니 이게 모지? 낯선 툴디에 메인화면! 깜짝 놀라셨나요? ㅎ_ㅎ
놀라서 뒤로가기를 누르시면 안됩니다….!!! 툴디 맞습니다. 툴디가 메인화면을 새 단장 하였습니다!

 

여러분. 툴디가 곧 2주년이 된다는 사실을 알고 계신가요? 감사하게도 툴디는 론칭 이후 여러분들의 사랑을 꾸준히 받으며 우주 최고의 디자인 플랫폼으로 성장하고 있습니다. 

여러분의 사랑에 행복한 나날이지만, 크리에이터 여러분들의 콘텐츠가 많아지고 툴디 사용자 분들이 많아질수록 툴디팀은 새로운 고민에 빠질 수 밖에 없었어요!

 

이런밈..아시나요? ?_?

 

 

 

 

 

툴디 메인 화면, 이게 맞아?!

기존 툴디의 메인화면은 다양한 콘텐츠 큐레이션으로 구성되어 있었습니다. 툴디 사용자들이 원하시는 디자인을 빠르게 찾으시길 바라는 마음에 구성된 화면이었죠.

서비스가 성장함에 따라 이제는 초창기 시절보다 훨씬 다양한 분들이 툴디를 이용하고 있습니다. 기존 화면에서는 다양한 직군, 성별, 나이대를 포괄하는 큐레이션을 하였는데, 이제는 오히려 이런 구조가 대다수 분들에게 공감대를 얻기 힘들지 않을까 하는 고민에 빠지게 되었죠.

툴디팀은 다양한 분들이 툴디의 메인 화면을 통해 공감 되는 사용자 경험을 느끼면 좋겠다는 생각으로 메인 화면 개선 프로젝트를 시작하게 되었습니다!
 

기존 툴디 메인 화면

 

 

 

 

 

여러분과 라포 형성하기

본격적으로 개선 프로젝트에 들어가기 전, 툴디 팀은 메인 화면에 대한 진솔한 이야기를 듣고 싶었습니다. 이야기를 나누고 싶은 분들은 실제 툴디를 활용하고 계신 사용자와 툴디 팀 구성원으로 결정했죠!

다양한 직군의 사용자들을 직접 만나 이야기를 나누다 보니 놀랍게도, 그리고 우리가 예상한 대로 기존의 툴디 메인 화면의 사용 빈도가 매우 낮았습니다. 대다수의 인터뷰이는 툴디에 접속한 후 곧바로 [디자인 시작]으로 에디터를 실행하거나 통합 검색, 템플릿 검색 등으로 원하는 결과를 찾는 방식의 유저 플로우를 보여주었죠. 메인 페이지에 구성된 큐레이션을 활용하기보다 원하는 목적에 빨리 도달하기를 원했습니다!

 

인터뷰를 진행한 다양한 사용자들의 공통된 의견

 

 

여러분의 생각을 바탕으로, 툴디 팀은 새로운 메인 화면을 만들기로 결심했습니다!!!!!! 와 기쁘고 즐겁다!!!!!!! 🎉🎉🎉🎉

올해 여름부터 시작된 프로젝트는 여러분의 생각을 잘 담아내기 위해 수 많은 기획과 회의를 통해 열정적으로 달려왔습니다. 메인 리뉴얼 스쿼드에 포함된 기획자, 개발자, 디자이너들은 고객과의 공감대 형성 및 치열한 아이데이션을 통해 더 새롭고 개선된 화면을 만들고자 끊임 없이 노력했죠!

 

 

 

 

 

이게 맞아! 툴디의 새로운 메인 화면을 소개합니다!

다양한 시행착오 끝에 드디어 새롭게 탄생한 툴디의 메인 화면! 
그 중 가장 새롭고 놀랍게 바뀐 세 가지를 부분을 자세히 소개해 드려요!

 

 

1. 검색 : 사용자의 목적을 빠르게 달성할 수 있도록

여러분의 목적을 빠르게 달성할 수 있도록 메인 화면의 검색 기능이 추가되었어요! 메인 화면의 검색 기능은 검색 필드/인기 태그/인기 퀵스타트로 구성되었습니다. 

앞으로 디자인이 필요한 어떤 순간에도 툴디를 들어오면 바로 원하는 키워드를 검색 후 빠르게 탐색하실 수 있어요!

  • 검색 필드 : 템플릿 또는 크리에이터를 빠르게 검색
  • 인기 태그 : 가장 많이 검색되고 있는 최신 키워드 목록
  • 인기 퀵스타트 : 최근 가장 많은 창작물이 만들어지고 있는 디자인 카테고리 (툴디 에디터 오픈)

 

 

 

 

 

 

2. 툴디 소개 : 툴디를 더 자세히 알려드릴게요!

우린 우주 최고의 디자인플랫폼이 될 것입니다! 
.. 
… 
그렇지만! 
아쉽게도 아직 툴디를 잘 모르시는 분들도 계시다는 것! 툴디팀은 이를 모른 척 할 수 없어요! 툴디에 방문해 주신 여러분들이 길을 잃고 헤매지 않도록, 그리고 앞으로 툴디를 잘 활용할 수 있도록 서비스 소개가 구성되었습니다.

 

 

 

 

3. 툴디 아티클 : 여러분과 소통하는 콘텐츠

툴디는 여러분과 글로 소통하는 것을 좋아해요! 툴디 아티클은 여러분이 툴디 크리에이터 생태계를 더 깊게 느낄 수 있도록 만들어 줄 흥미로운 콘텐츠로 구성될 예정입니다. 사용자와 크리에이터 간 공감대 형성은 물론, 크리에이터의 꿈을 가질 수 있는 ‘동기 부여 콘텐츠’도 업데이트 될 예정이에요.

 

아티클 메뉴를 통해 오픈 되는 툴디 콘텐츠를 기대해 주세요! 
그리고 잊지 마세요! 여러분도 잠재적 크리에이터라는 사실을!

 

 

 

 

 

 

 

 

이제 여러분이 확인할 차례에요!

어떠셨나요? 새롭게 바뀐 툴디의 메인 화면이 여러분의 마음에 딱 들어맞나요?! 
툴디 팀은 여러분이 저희 서비스를 더 알차게 써주시길 바라는 마음에 두근거리는 심장을 부여잡고 릴리즈 버튼을 눌렀어요! 
브라우저에 처음 열린 메인 화면을 보고 한 쪽 눈물이 그렁하기도 했답니다!!

이번 프로젝트를 진행하면서 또 한번 느낀 것은, 역시 여러분의 메시지가 툴디를 더 나은 서비스로 만든다는 것이었어요. 툴디를 향한 새로운 의견이나 불편한 점이 있으시다면 주저 말고 이야기 해주세요! 여러분이 툴디를 성장시키고 있어요!

 

앞으로도 오직 사용자 입장에서, 여러분의 편의를 위해 서비스를 개선하고 발전시키는 툴디팀이 되겠습니다. 
감사합니다~!

 

 

 

 

  • 개선
  • 메인화면
  • 개선기
  • ux
  • ui
  • uxui
  • 툴디
  • 리서치

최신 아티클
thumbnail
[디자인 TIP] 강약조절로 한 눈에 이해되는 디자인 만들기
안녕하세요!우주 최고의 디자인 플랫폼, 툴디(tooldi) 입니다!​툴디에서 크리에이터로 활동하시고 계시는 분들은 모두 알고 계시겠지만,툴디에는 템플릿 크리에이터/요소 크리에이터/사진 크리에이터 3가지 분야의 크리에이터 분야가 있습니다!이 중 가장 접근하기 어려워 하시는 분야는 단연 템플릿 크리에이터 이실 것 같아요!​​그래서 그런 분들을 위해 이번 포스팅을 준비했습니다!템플릿 디자인을 어렵게 여기는 분들이나디자인을 퀄리티를 한 단계 높이고자 하는 분들은 주목해 주세요!​​​​툴디 디자인 꿀팁!강약 조절로 한 눈에 이해되는 디자인 만들기 입니다!​​​디자인에서 강약 조절은 중요한 정보를 시각적으로 강조하여보는 사람에게 효과적으로 전달하는 방법입니다.이를 통해 시선을 유도하고, 보는 사람의 주목을 끌어내어 핵심 내용을 명확하게 전달할 수 있습니다.​​​따라서 디자인을 시작하시기 전에 오늘 포스팅을 꼭 참고해 주세요!​​​​​강약 조절로 한 눈에 이해되는 디자인 만들기!​​​​1.정보의 중요도 파악​강약 조절을 시작하기 전에 가장 중요한 것은 정보의 중요도를 파악하는 것입니다.​이 정보가 사용자에게 얼마나 중요한지, 이 정보가 목표 달성에 얼마나 도움이 되는지,사용자가 꼭 알아야 하는 정보인지를 고려해야 합니다.그리고 파악된 정보를 중요도(중요한 정보와 덜 중요한 정보)에 따라 분류합니다.​ 예시에서 중요한 정보는 무엇일까요?여기서 제일 중요한 정보는 '신규 가입을 하면 커피쿠폰을 준다' 입니다. 보는 사람의 입장에서 참여했을 때 받는 직접적인 혜택이 제일 중요한 정보일 것입니다. 이외의 나머지(제목,기간,상품,신청)는 보조적인 정보로 볼 수 있습니다.​​​​​2.간결하고 명확한 문구(내용 다듬기)​중요도에 따라 내용이 분류 되었다면, 이번에는 그 내용을 간결하고 명확한 문구로 다듬어 주는 단계입니다.내용이 길어지면 보는 사람의 집중력과 관심을 떨어뜨리고, 결과적으로 정보 전달을 어렵게 합니다.그렇기 때문에 최대한 간결하게 다듬어 주어 보는 사람의 이해가 쉽도록 하는 것이 중요합니다.​​1) 불필요한 정보 제거 : 핵심 내용만 전달하고, 불필요한 정보는 과감하게 제거합니다.2) 쉬운 단어 사용 : 전문 용어 대신 쉬운 단어와 문장을 사용하여 누구나 쉽게 이해할 수 있도록 합니다.3) 간결한 문장 : 짧고 명확한 문장으로 정보의 이해도를 높입니다.​ 예시에서처럼 핵심 내용만으로도 내용이 잘 전달될 수 있도록 중복되거나 불필요한 내용은 제거해 주시는 것이 좋습니다.또 이벤트를 신청하는 곳은 '홈페이지'이지만 홈페이지만 넣는다면 이해하기 어렵기 때문에 이해하기 쉬운 내용으로 변경해 줍니다.​​​​​​3.시각적 계층 구조 활용​간결하고 명확한 문구로 다듬기가 되었다면 다음은 시각적 계층 구조를 활용하여 중요한 정보나 콘텐츠를 시각적으로 강조해 주는 단계입니다.​이때 우선적으로 알아두어야 하는 점은 보는 사람의 시선이 어떤 방향으로 진행되는 지 입니다.사람의 시선은 무의식적으로 왼쪽에서 오른쪽 방향, 위에서 아래쪽 방향, 큰 것부터 작은 것의 동선을 가지고, 이러한 흐름이 편하다고 느껴집니다.이러한 부분을 고려해 배치를 하게 되면 자연스러운 시선의 흐름을 유도할 수 있습니다.​​​1) 크기와 굵기중요한 정보는 크게 표현하고, 보조적인 정보는 작게 표현하여 중요한 정보에 시선을 집중시킵니다.마찬가지로 중요한 정보에 굵은 폰트를 사용하면 더 강조되는 효과를 얻을 수 있습니다.​ ​2) 색상중요한 정보는 눈에 띄는 색상을 사용하여 시선을 집중시켜 주고, 보조적인 정보는 상대적으로 덜 눈에 띄는 색상을 사용해 줍니다.이때 색상은 색상이 가지고 있는 의미를 통해 컨셉에 맞게 선택하는 것이 가장 자연스럽고, 실패할 확률을 줄일 수 있습니다.​ *툴디 아티클_컬러 사용법 참고https://www.tooldi.com/social/article/33 ​​​3) 위치중요한 정보는 눈에 잘 띄는 위치에 배치하고, 보조적인 정보는 상대적으로 덜 눈에 띄는 위치에 배치합니다.위에서 얘기했던 시선의 흐름을 적용하여 상단, 중앙, 시선 이동 방향 등에 중요한 정보를 배치하면 시선을 집중시킬 수 있습니다. ​​​4) 폰트중요한 정보는 굵고, 가독성 높고, 강조되는 폰트를 사용하고, 보조적인 정보는 좀 더 정돈된 느낌의 폰트를 사용합니다.중요한 정보의 경우 대체적으로 타이틀용 폰트를 사용하는 것을 추천드리며, 보조적인 정보의 경우 가독성이 저하되는 폰트는 지양합니다.또한 디자인의 분위기와 폰트가 가지고 있는 의미가 연결되는 폰트를 사용하면 한층 더 자연스러운 디자인을 할 수 있습니다.​ *툴디 아티클_분위기에 맞는 폰트 선택하기 참고https://www.tooldi.com/social/article/56​​​4. 시각적 요소 활용​시각 자료를 활용하면 정보를 이해하고 기억하는데 도움을 주어 전달하고자 하는 정보를 효과적으로 전달합니다.이 때 이미지, 그래픽, 차트, 아이콘 등을 활용합니다.​​1) 이미지 : 정보를 시각적으로 표현하고 이해도를 높입니다.2) 그래픽 : 정보를 비교, 분석, 요약하는 데 활용합니다.3) 차트 : 정보의 추세를 시각적으로 표현합니다.4) 아이콘 : 정보를 간결하고 명확하게 표현합니다.​​시각적 요소는 되도록 내용과 연결되는 것을 사용해야 합니다.커피 쿠폰을 지급한다는 내용이 있으므로 커피 요소와 쿠폰을 추가해주거나,가정의 달 이벤트 이므로 가족 요소를 넣어주게 되면시각적 요소만으로도 효과적인 정보 전달이 가능해 집니다!​​​​​강약조절로 한 눈에 이해되는 디자인 만들기 어떠신가요?쉽게 느껴지지 않으세요?!​​​오늘 안내드린 포스팅을 활용하여정보 전달력이 뛰어난 디자인을 여러분도 만드실 수 있습니다!위에 제시된 방법들을 참고하여 템플릿 디자인 작업에 활용해 보세요!​​
thumbnail
[크리에이터 인터뷰] 고민을 해결하는 디자인, 빨간공 크리에이터
인터뷰 요약빨간공 크리에이터님은 대학생 시절, 디자인 실력 향상과 재정적 목표 달성을 위해 툴디 크리에이터로 참여했습니다.비주얼 브랜딩과 모션 그래픽 디자인에 강점이 있으며, 디자인을 통한 고객 문제 해결에 큰 가치를 느낍니다.툴디의 창작 리워드 시스템을 통해 지속적인 동기부여를 받고 있으며, 앞으로도 창작자들에게 더 큰 가치를 제공하고자 합니다. ​ 창작의 세계에서 빛나는 빨간공: 툴디 크리에이터의 여정 이제, 본격적으로"빨간공" 이라는 브랜딩에 집중하려고 해요! 창작의 세계에서 자신만의 색깔을 찾아가는 여정은 늘 새롭고 도전적입니다. 창작자로서 콘텐츠의 품질에 대한 고민, 그리고 고객과의 끊임 없는 소통을 통해 세상이 필요한 디자인을 만들어 내는 것이 중요한데요!오늘은 이러한 관점에서 끊임 없이 고민하는 크리에이터분과 이야기를 나누고자 합니다.​바로, 눈에 띄는 빨간공처럼 독특한 디자인으로 툴디 크리에이터 생태계에 자리 잡은 빨간공 크리에이터님의 이야기입니다.​​​Q. 툴디에 거주하시는 많은 창작자에게 자기 소개를 부탁드릴게요!​안녕하세요, 여러분. 저는 일상의 단조로움 속에서도 눈에 띄는 빨간공처럼, 독특하고 개성 있는 디자인을 추구하는 크리에이터, 빨간공입니다. 저는 현재 툴디에서 '수퍼브 크리에이터'로 활동 중에 있어요! 운이 좋게도 저는 툴디가 세상에 나온 지 얼마 되지 않아 합류하게 되었는데요! 툴디 크리에이터팀과 계속 소통하며 창작활동을 해 온 결과, 감사하게도 수퍼브 크리에이터로 활동할 수 있게 되었습니다!​저는 툴디 생태계에서 한 가지 달성하고자 하는 목표가 있어요! 아무래도 많은 분들이 디자인에 대해 두려운 마음을 가졌을 거라고 생각해요. 그런 분들을 위해 저의 콘텐츠로 여러분의 창작 활동에 실질적인 가이드와 영감을 제공하는 것이 큰 목표입니다. 이를 통해 툴디 안에서 만들어지는 모든 창작 과정에 즐거움과 가치를 더하고 싶어요!​ 세련된 빨간공님의 워크스테이션, 보이는 템플릿은 인기가 많은 햄버거 템플릿?!​​Q. 그렇군요! 툴디 서비스 초반에 합류하게 된 결정적 계기가 궁금해요!​사실 제가 툴디 크리에이터로 활동을 시작하게 된 것은 대학교 디자인과를 휴학하고 있던 시절로 거슬러 올라갑니다. 당시 저스스로 고민이 굉장히 많은 시기이기도 했는데요! 창작 관점에서 보면, 디자인을 통해 제 실력을 한 단계 업그레이드시키고 싶었고, 실력을 쌓아 당시에 마주했던 재정적인 부담을 덜고자 했습니다. 달리 말하면 돈을 벌고 싶었던 마음이 있었어요! (웃음)툴디 서비스를 처음 접하고 크리에이터 생태계에 대해 설명들었을 때 '두 마리 토끼를 다 잡을 수 있겠다!'라는 생각이 강하게 들었고 눈을 떠보니 어느새 툴디 크리에이터로 신청하고 있었어요! 아주 다행스럽게도 저는 현재 툴디 크리에이터로 활동하면서 이 두 마리 토끼를 모두 잡고 있구요, 그 당시 결정이, 지금 돌이켜보면 제 인생에서 가장 현명한 선택 중 하나였다고 자신 있게 말할 수 있습니다.​​​​ 웹용 콘텐츠부터 인쇄용 디자인까지, 다양한 방면에서 창의적인 템플릿을 제공하는 빨간공 크리에이터​​ Q. 빨간공님의 창작은 정말 다채로운데요! 본인이 생각하는 전문 분야가 있을까요?​저는 현재 비주얼 브랜딩*과 모션 그래픽 디자인** 분야에서 활동하고 있습니다. 이 두 분야는 제가 창작 생활을 하면서 가장 열정을 느끼고, 가장 자신 있어하는 분야입니다.​특히 툴디에서는 비주얼 브랜딩 디자이너로 활동하고 있는 것 같아요! 제가 템플릿으로 작성하여 업로드하는 비주얼 브랜딩을 통해 브랜드의 정체성과 메시지를 시각적으로 전달하는 것에 도움을 드리고 싶습니다. 추후에 툴디 에디터가 더 업그레이드 된다면 정적인 이미지에 생명을 불어넣는 모션 그래픽 콘텐츠를 통해서 더 많은 고객들에게 큰 즐거움을 드리고 싶어요!​ 비주얼 브랜딩*디자인 가이드를 수립하고 로고나 심볼을 만드는 등의브랜드 경험을 설계하는 표현 요소를 개발하는 것​모션 그래픽**움직임(Motion)과 그래픽(graphics)의 합성어로,디지털 이미지에 아이디어를 더해 영상으로 메세지를 전달하는 것​​​​Q. 디자인에 대해 깊은 통찰을 하시는 것 같아요! '디자인'이라는 주제에 대한 빨간공님의 생각이 궁금해요!​디자인에 대한 저의 관점은 점점 시간이 지나면서 크게 바뀐 것 같아요. '진화'하는 쪽으로 말이죠. 과거에는 단순히 눈에 보기 좋은 것, 예쁜 것이 전부라고 생각했었지만, 수많은 외주 프로젝트와 고객과의 협업을 통해 디자인이 단순한 미적 요소를 넘어서는 깊은 의미를 가진다는 것을 깨달았습니다. 디자인은 고객이 직면한 문제를 해결하고, 그들의 목표를 달성하는 데 기여하는 중요한 수단입니다. 이러한 관점에서 디자인은 창의적 해결책을 제시하는 과정이며, 이 과정을 통해 우리는 더 나은 세상을 만들어 갈 수 있습니다. 다행히 디자인에 대한 저의 생각이 툴디팀이 가진 가치와도 비슷한 것 같아 뿌듯해요!​​​Q. 툴디 생태계는 어떤가요? 창작활동에 특히 좋다고 생각하는 것이 있나요?​툴디 크리에이터 생태계에서 단연 돋보이는 것은 다양한 리워드 시스템이 작동하고 있다는 것이죠! 툴디는 정말 크리에이터들의 합당한 수익을 위한 많은 고민을 하는 것처럼 느껴져요!​그 중에서도 저를 가장 매료시킨 것은 바로 '창작 리워드 시스템'입니다. 툴디에서 뗄레야 뗄 수 없는 아주 좋은 제도로 많은 크리에이터분들이 칭찬하는 시스템이죠! 창작 리워드 시스템은 판매를 통한 보상이 아닌 창작을 통한 보상을 제공한다는 점에서 대한민국에서 가장 매력적인 크리에이터 시스템이라고 생각해요! (리워드 시스템 참고)​창작자로서의 제 활동에 대한 직접적인 보상을 제공함으로써, 매일매일 창작에 대한 새로운 동기부여를 부여합니다. 또한 창작자들이 자신의 작업에 더 많은 시간과 노력을 투자하도록 격려하며, 이는 곧 더 높은 퀄리티의 콘텐츠로 이어집니다. 아! 물론 누구나 받는 것은 아닙니다! 툴디에서 깊은 고민과 창작활동을 이어가는 수퍼브 크리에이터 등급이 되셔야 창작 리워드를 받으실 수 있어요!​ 빨간공님의 요소는 다채로운 색상과 입체감으로 많은 사랑을 받고있어요!​ Q. 앞으로 툴디에서 어떤 창작 활동을 보여주실 예정인가요?​최근에 저는 다니던 직장을 그만두고 '빨간공'이라는 브랜드에 집중하기로 결정했습니다. 진정한 디지털 노마드, 창작가로써 새로운 한 발을 내딛었죠! 여유가 많아진만큼 이를 통해 제가 제공할 수 있는 콘텐츠의 범위를 확장하고, 퀄리티를 높이는 데 집중하려 합니다.또한, 제 블로그를 통해 툴디를 처음 접하는 분들과 새로운 크리에이터들을 위한 유용한 인사이트와 팁도 공유드릴 예정이에요! 제가 지난 2년 간 툴디에서 활동하며 얻은 경험과 지식을 다양한 분들과 나눔으로써, 우주 최고의 창작자 커뮤니티가 될 그 날까지 기여하고 싶습니다.​​​Q. 앞으로 크리에이터님의 콘텐츠를 활용할 창작자들에게 한 마디 부탁드립니다.​제 콘텐츠를 사용해주시는 모든 창작자 분들께 진심으로 감사드립니다. 저는 매일 크리에이터센터에 접속해 제가 소유한 콘텐츠 사용량을 지속적으로 체크하고 있는데, 꾸준히 사용해주셔서 감사한 마음입니다. 진심으로 여러분의 지속적인 관심과 사용은 저에게 큰 힘이 됩니다.​전 정말 만나보지도 못한 다양한 분들의 창작 여정에 조금이나마 기여할 수 있다는 것에 정말 큰 자부심을 느끼고 있습니다.앞으로도 여러분의 창작 활동에 실질적인 도움이 될 수 있도록, 여러분이 갖고 계신 고민을 더 쉽게 해결해 드릴 수 있도록 다양하고 창의적인 콘텐츠를 꾸준히 제공하기 위해 노력하겠습니다. ​​​​