main-image

[툴디 개선기] 툴디 메인 새 단장하기

2023년 11월 8일작성
2,013 명 읽음

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

 





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

 

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

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

 

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

 

 

 

 

 

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

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

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

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

기존 툴디 메인 화면

 

 

 

 

 

여러분과 라포 형성하기

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

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

 

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

 

 

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

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

 

 

 

 

 

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

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

 

 

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

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

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

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

 

 

 

 

 

 

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

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

 

 

 

 

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

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

 

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

 

 

 

 

 

 

 

 

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

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

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

 

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

 

 

 

 

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

최신 아티클
thumbnail
[툴디 사용법] 작업 속도를 높이는 단축키 업데이트 안내
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!신규 에디터에서 일부 기능의 단축키가 변경되었습니다.단축키 목록을 확인하고, 작업 효율을 높여보세요 ! 파일 단축키windowsmac os저장Ctrl + SCmd + S실행취소Ctrl + ZCmd + Z재실행Ctrl + YCmd + Shift +Z 편집 단축키windowsmac os선택 해제ESCESC요소 삭제Delete/BackspaceBackspace다중 선택Ctrl + 요소 선택Cmd + 요소 선택전체 선택Ctrl + ACmd + A복사Ctrl + CCmd + C붙여넣기Ctrl + VCmd + V잘라내기Ctrl + XCmd + X스타일 복사Ctrl + Shift + CCmd + Shift + C45도 회전Shift + 회전Shift + 회전수직/수평 이동Shift + 이동Shift + 이동그룹화Ctrl + GCmd + G그룹 해제Ctrl + Shift + GCmd + Shift + G요소 이동방향키(←, →, ↑, ↓)방향키(←, →, ↑, ↓)요소 크게 이동Shift + 방향키(←, →, ↑, ↓)Shift + 방향키(←, →, ↑, ↓)요소 잠금/해제Alt + Shift + LOpt + Shift + L텍스트 추가TT사각형 추가SS원형 추가CC프레임 만들기Ctrl + FCmd + F 정렬 단축키windowsmac os왼쪽 정렬Ctrl + ←Cmd + ←오른쪽 정렬Ctrl + →Cmd + →위로 정렬Ctrl + ↑Cmd + ↑아래로 정렬Ctrl + ↓Cmd + ↓한단계 아래로Ctrl + [Cmd + [한단계 위로Ctrl + ]Cmd + ]맨 아래로Ctrl + Shift + [ 맨 위로Ctrl + Shift + ] 좌우 중앙정렬Ctrl + Shift + ↑Cmd + Shift + ↑상하 중앙정렬Ctrl + Shift + ↓Cmd + Shift + ↓다음 페이지PageDown 이전 페이지PageUp 첫 페이지로Home 마지막 페이지로End 캔버스영역 단축키windowsmac os확대/축소(미세조정)Ctrl + 마우스휠Cmd + 마우스휠확대/축소Ctrl + - , +Cmd + - , +화면맞춤Ctrl + Alt + 0Cmd + Opt + 0화면 100% 보기Ctrl + Alt + 1Cmd + Opt + 1 페이지 단축키windowsmac os빈 페이지 추가Ctrl + EnterCmd + Enter아트보드 잡기Space Bar + 드래그Space Bar + 드래그눈금자 보기Shift + RShift + R가이드라인 보기Shift + GShift + G가이드라인 잠금/해제Alt + ;Option + ;가이드라인 가로 추가Alt + ,Option + ,가이드라인 세로 추가Alt + .Option + . 자주 사용하는 단축키를 익혀두고 작업 속도를 높여보세요!감사합니다!
thumbnail
[툴디 INFO] 새로운 tooldi 에디터, 쉽고 빠른 디자인 시작하기!
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!항상 툴디를 애정 어린 마음으로 이용해 주시는 여러분께 진심으로 감사드립니다. 툴디는 더 나은 디자인 경험을 제공해드리기 위해신규 에디터를 도입하고, 현재 기능 개선 및 안정화 작업을 지속적으로 진행하고 있습니다. 앞으로 모든 디자인 작업은 새로운 에디터를 통해 진행되며,사용자 편의성과 작업 효율을 높이기 위한 다양한 변화가 적용되었습니다. 지금부터 신규 에디터에서 달라진 주요 사항들을 안내해 드리겠습니다. 🆕 신규 에디터 사용 안내 ✅ 모든 템플릿 오픈은 신규 에디터에서만!디자인 시작, 템플릿 확인, 작업중인 템플릿 등 모든 작업은 신규 에디터에서만 가능합니다! ❎ 새로 저장한 템플릿은 이전 에디터에서 열 수 없어요저장 방식이 달라져서, 신규 에디터에서 만든 템플릿은 이전 버전에서는 불러올 수 없습니다! ❎ 이전 에디터도 사용 가능하지만, 제한이 있어요.[메뉴 - 이전 에디터 사용하기] 메뉴를 통해 이동하실 수 있어요!하지만, 일부 기능 및 템플릿 업로드 기능 등의 제한이 있습니다. 🆕 신규 및 개선된 기능 🧑‍💻 넓어진 작업 환경속성 설정 영역이 화면 상단으로 이동하면서, 디자인 영역이 더 넓어졌어요.더 쾌적한 환경에서 작업해보세요! 🔄 자동 저장 기능작업 중 별도로 저장 버튼을 누르지 않아도 OK!작업 내용이 자동으로 저장되어 작업 중 끊김 없이 진행할 수 있어요! 🕘 최근 사용 콘텐츠최근 사용한 요소, 사진 등을 한 번에 확인하고, 빠르게 다시 사용할 수 있어요.자주 쓰는 리소스를 일일이 다시 찾을 필요 없어요! 🔵 곡선 텍스트 기능텍스트를 원이나 곡선 형태로 배치 가능! 디자인에 재미와 포인트를 더해보세요! ⭐ 폰트 즐겨찾기자주 사용하는 폰트를 즐겨찾기에 등록해두면, 매번 다시 검색할 필요 없이 빠르게 선택할 수 있어요! 🎨 컬러 피커 개선투명도 조절이 가능해졌고, 내 팔레트에 저장도 가능!기본 색상 및 추천 색상도 더 보기 좋게 개선되어 색상 선택이 훨씬 쉬워졌어요. 🚀 전반적인 속도 개선템플릿 로딩부터 요소 편집, 저장까지 전반적인 속도 향상이 되었어요!더 빠르고 매끄러운 작업 환경을 경험해 보세요! 🧩 기능 사용성 개선스냅라인, 가이드라인, 빠른 편집 도구, 레이어 영역 등등 전반적인 기능들이 개선되었어요!정렬, 배치, 선택 등이 한층 더 편리해졌습니다. 기능 제한 안내 ❎ 텍스트의 부분 굵기 및 부분 색상 적용이 어려워요한 텍스트 박스 안에서는 동일한 색상, 동일한 굵기만 적용이 가능해요!걱정 마세요! 부분 적용 기능은 곧 개선될 예정이에요! ❎ 이전 에디터에서는 템플릿 업로드가 불가능합니다이전 에디터에서는 이제 템플릿을 업로드하실 수 없어요! 신규 에디터에서만 업로드가 가능합니다! ⚠ 필터 보정값 차이로 인해 색감이 다를 수 있어요!신규 에디터의 색상 표현 방식이 개선되었어요!따라서 이전 에디터에서 작업한 템플릿의 일부 컴포넌트 색감이 다르게 표현될 수 있어요. ⚠ 일부 기능들은 아직 준비 중이에요이전 에디터에서 사용하셨던 배경제거 기능이나 자유도형 그리기 등의 기능들은 개선 중이에요!조금 더 나은 경험을 제공해드리기 위함이니 조금만 기다려 주세요! ⚒ 신규 에디터는 계속해서 업데이트되고 있습니다!툴디팀은 더 완성도 높은 에디터의 안정화를 위해 오늘도 집중하고 있습니다.여러분의 소중한 피드백도 함께 반영하며, 더 편리하고 강력한 디자인 툴로 보답하겠습니다!감사합니다!