디자인 ·

ROBERIN 홈 화면에 모든 툴 썸네일을 적용했습니다

ROBERIN 홈 화면의 툴 카드에 썸네일을 넣었습니다. 이전보다 카드 내용을 한눈에 보기 쉬워졌고, 계산기·변환기·파일 도구를 더 빨리 찾을 수 있게 정리했습니다. 오래된 이미지는 앞으로도 차례대로 바꾸고, 새 툴도 준비하고 있습니다.

ROBERIN 기준읽을 것만,
차분하게 남기기.
  • 새 글 먼저가장 최근 변경과 안내를 위에 둡니다.
  • 안내 기록장애 안내, 화면 수정, 새 도구 공개를 한곳에 남깁니다.
  • 긴 설명 줄이기목록에서는 제목·날짜·요약만 먼저 보입니다.
Roberin

기록 내용

ROBERIN 홈 화면의 툴 카드에 썸네일을 넣었습니다. 이전보다 카드 내용을 한눈에 보기 쉬워졌고, 계산기·변환기·파일 도구를 더 빨리 찾을 수 있게 정리했습니다. 오래된 이미지는 앞으로도 차례대로 바꾸고, 새 툴도 준비하고 있습니다.

같은 주제의 글은 소식 목록에서 이어서 확인할 수 있습니다.

ROBERIN 홈 화면 개선 전 툴 목록
개선 전 홈 화면
ROBERIN 홈 화면 개선 후 썸네일이 적용된 툴 목록
개선 후 홈 화면

홈 화면에 썸네일을 모두 적용했습니다

이번에 ROBERIN 홈 화면의 툴 카드에 썸네일을 추가했습니다. 예전에는 제목과 짧은 설명을 읽고 도구를 골라야 하는 경우가 많았는데 이제는 카드 이미지만 봐도 어떤 툴인지 먼저 가늠할 수 있습니다.

계산기, 변환기, 이미지·문서 도구처럼 성격이 다른 툴을 홈에서 바로 구분하려고 한 작업입니다. 현재 홈 화면에 노출된 모든 툴 카드에 적용을 마쳤습니다.

이전 화면과 이후 화면을 함께 남깁니다

개선 전 화면은 위의 왼쪽 이미지에, 개선 후 화면은 오른쪽 이미지에 남겨두었습니다.

두 화면을 비교하면 카드가 단순 목록처럼 보이던 흐름에서 각 툴의 성격을 이미지로 먼저 확인하는 흐름으로 바뀐 것이 보입니다.

도구를 찾는 흐름을 먼저 봤습니다

이번 개선의 기준은 화면을 더 화려하게 만드는 것이 아니었습니다. 필요한 툴을 더 빨리 찾게 하는 쪽을 먼저 봤습니다. 카드를 훑을 때 썸네일이 방향을 잡고, 제목과 설명이 그다음 확인을 돕는 흐름을 생각했습니다.

자주 쓰는 도구도, 처음 보는 도구도 홈 화면에서 덜 헷갈리도록 계속 손보겠습니다.

오래된 이미지는 계속 교체하겠습니다

이번 적용으로 기본 썸네일은 채웠지만 오래전에 만든 이미지나 현재 도구 분위기와 맞지 않는 이미지는 남아 있을 수 있습니다. 이런 이미지는 차례대로 새 화면에 맞는 썸네일로 바꾸겠습니다.

새 툴이 추가되면 처음부터 홈 카드에서 내용을 알아보기 쉽게 이미지도 함께 챙기겠습니다.

새로운 툴도 준비 중입니다

홈 화면 정리와 별개로 새로운 툴도 개발하고 있습니다. 날짜, 금액, 이미지, 문서처럼 설치 없이 웹에서 바로 끝낼 수 있는 일을 중심으로 살펴보고 있습니다.

완성된 툴은 테스트 후 홈 화면과 각 카테고리에 차례대로 올리겠습니다. 필요할 때 ROBERIN에서 바로 찾을 수 있게 계속 정리하겠습니다.

마지막 수정일:

문의 양식
확인에 필요한 이야기만 남겨주세요.
답장이 필요한 경우 이메일을 함께 적어주세요. 오류 제보라면 페이지 주소, 입력값, 기대한 결과와 실제 결과를 적어주시면 확인이 빨라집니다.