독서하다 만난 좋은 문장, 어떻게 저장하고 계신가요?

좋은 독서 노트 앱을 찾아 헤맨 분이라면 공감하실 겁니다. 메모장에 옮겨 적다 귀찮아서 포기하거나, 사진만 찍어두고 나중에 못 찾거나.

저도 그랬습니다. 독서 기록을 위해 14개의 앱을 써봤지만 만족스러운 게 없더군요.. 

그래서 직접 만들었습니다.



이름은 퀄렉트(Quollect)이고, 아래는 소개 영상입니다.



직접 만든 이유

가장 중요하게 생각한 건 책 읽는 흐름을 방해하지 않는 선에서 가장 간결하게 문장을 수집하는 것과 독서 통계였죠.



이 두 가지 기능이 있는 독서 기록 앱은 있었지만 기능은 많아 복잡하거나, 심플한데 정작 필요한 기능이 빠져 있거나 하는 경우가 많았죠.



독서 기록 앱은 많지만 디자인 측면에서 아쉬운 것들이 많았고, 세련되고 좋은 사용성을 갖춘 디자인만으로도 경쟁력이 있을것 같다고 생각했습니다.



Quollect의 핵심 기능



찍고, 드래그, 저장

책을 읽다 마음에 드는 구절을 발견하면, 카메라로 찍습니다. 그 다음 필요한 부분만 드래그해서 선택하면 끝. 30초면 충분합니다.



페이지 번호와 독서 메모 추가

저장한 구절에 페이지 번호를 기록하거나, 짧은 생각을 독서 메모로 남길 수 있습니다.

"이 부분이 왜 좋았는지"를 나중에도 기억하고 싶을 때 유용합니다.



책별로 정리된 독서 기록

저장한 구절은 책 단위로 자동 정리됩니다. 특정 책을 열면 그 책에서 모은 구절만 쭉 보입니다.

나중에 "그 책에서 인상 깊었던 부분이 뭐였지?" 할 때 바로 찾을 수 있습니다. 책 구절 저장부터 검색까지 한 앱에서 해결됩니다.



AI 서평 기능 (PRO)

최근 업데이트에서 AI 서평 기능이 추가됐습니다. 저장한 문장들을 바탕으로 AI가 독서 내용을 정리해 줍니다.



서평 내용의 비중이나 길이, 말투, 그리고 추가 요청사항을 전달해 내가 원하는 느낌의 서평을 쉽게 완성해보세요!





직접 써보세요

Quollect는 감히 얘기해보건데, 현존하는 독서 기록 앱중 가장 아름답고 사용하기 좋습니다.

Quollect는 앱스토어, 플레이스토어에서 모두 무료로 다운로드할 수 있습니다.



독서 기록과 정리의 필요성은 알지만 귀찮았던 분, 퀄렉트가 독서를 더욱 쉽게, 그리고 깊게 할 수 있도록 돕습니다.



Quollect iOS 다운로드

Quollect 안드로이드 다운로드

디자이너가 직접 만든 가장 아름답고 사용성 좋은 독서 기록 앱 Quollect를 소개합니다.

만든것

Quollect

제품 개발

안녕하세요, 작은 팀 디자이너입니다.

오늘은 "웹 타이포그래피 탐정"을 소개합니다.



웹 타이포그래피 탐정, 크롬 익스텐션



웹 타이포그래피 탐정은 원하는 웹 페이지의 타이포그래피를 간단히 분석해볼 수 있는 툴입니다.

웹사이트에 사용된 텍스트들의 모든 폰트, 크기, 두께, 색상을 정리해주고, 해당 값을 클릭하면 실제 사용된 곳을 표시해주는 크롬 익스텐션이지요.



왜 만들었나?

디자인이 잘 된 웹 사이트는 레이아웃, 색상 운용, 이미지 처리 방식, 인터랙션 등등 여러가지 요소를 두루 갖췄지요. 그 중에 저는 주로 어떤 폰트를 어느 정도 크기로 사용했는지 궁금했어요.

크롬 익스텐션으로 웹사이트 코드에 접근할 수 있다는 것을 알고 있었어서, 이걸 익스텐션으로 만들면 좋겠다 생각해서 만들게 되었습니다.



디자인하면서 아주 활용도가 높진 않을것 같지만, 사용해보니 각 사이트들의 폰트 구성에 대해 알게 되니 재미로 해보는 것도 좋겠다 생각이 들었습니다.

좋아보이는 웹 사이트의 타이포그래피 비밀을 클릭 한 번으로 파헤치는 "웹 타이포그래피 탐정" 크롬 익스텐션을 소개합니다

웹 타이포그래피 탐정

디자인

안녕하세요, 작은 팀 디자이너입니다.



이번 아티클에서는 얼마전 만들었던 Feedesign 이라는 서비스 입니다.

Feedesign 사용해보기



아래는 시연 영상이에요.



Feedesign은 유명 UX/UI 블로그들의 최신 글들을 한 곳에서 모아볼 수 있는 곳으로, 관심있는 스타트업이나 블로그를 내 피드에 등록해두면 최신 글들을 흝어볼 수 있습니다.



만들면서는 큰 의미가 있을까? 싶었는데 직접 써보니 나름 각 기업들은 어떤 고민들을 하고 있는지 보면서 트렌드를 파악하는 것에도 도움이 되는 것 같아요.



왜 만들었나?

만다라트를 만들고 다음 서비스를 기획하고 있었는데 어떤 개발자분께서 기술 블로그 글을 모아볼 수 있는 RSS 피드 앱을 만드신 것을 봤어요.



생각해보니 UX/UI 블로그들도 돌아다니면서 보기 불편했다는 것을 깨달았습니다.

그래서 유명 스타트업들과 UX/UI 블로그들을 리서치하고 RSS 피드에 대해 공부하며 만들었어요.





생각보다 많은 분들이 좋아해주셔서 놀랐어요.

앞으로도 새로운 블로그들을 추가하면서 관리할 계획입니다.

감사합니다.



유명 UX/UI 블로그들의 최신 글들을 이제는 한 곳에서, Feedesign 을 소개합니다

Feedesign

커리어

안녕하세요 작은 팀 디자이너입니다.



이 글에서는 2025년 출시했던 첫 제품인 디자이너의 만다라트를 소개해드리려고 합니다.

아래는 출시에 사용된 영상입니다.



서비스는 이렇게 작동하고, 아래는 서비스 url 입니다.

디자이너의 만다라트



왜 만들게 되었나?

새해가 밝고 사무실 동료들과 점심을 먹는 중, 각자 새해 계획은 어떻게 세웠는지 나누다가 만다라트 얘기가 나왔어요.



유명 일본 야구선수인 오타니가 사용하는 것으로 알려져서 저도 알고는 있었지만 직접 작성해보진 않았었죠.

검색해보니 대부분 수기로 작성하는 것이고, 웹이나 모바일 앱으로 나온 것들은 그리 편하지도, 예쁘지도 않더라고요 (계획표가 꼭 예쁠 필요는 없지만요)



저의 새해 목표는 AI를 동료 삼아 앱을 여러개 만들어보는 것인데, 난이도도 그리 높지 않았고 시기도 적절해서 만들면 트래픽을 만들 수 있겠다 생각했습니다.





디자이너의 만다라트의 특징

#1. 자동저장

채워야할 칸이 많은 만큼 고민이 길어지기 쉽죠.

브라우저가 꺼져버려서 데이터가 다 날아가면 낭패입니다.

디자이너의 만다라트는 localstorage를 이용해 데이터를 간단히 저장하는데, 이를 통해 브라우저를 새로고침하거나 껐다 켜더라도 데이터가 보존됩니다.



#2. 이미지 다운로드

작성한 계획표는 이미지로 받아서 프린트를 하거나 원하는 대로 사용할 수 있습니다.



#3. 다크/라이트 모드 선택 가능

원하는 모드를 선택해서 작성할 수 있어요.

프린트를 하려면 라이트모드로 하는 것이 토너, 잉크 값을 아끼는데 도움이 될거에요.





디자이너의 만다라트에 대한 기본적인 소개는 여기까지 입니다.

새해 모두 원하는 바를 이루는 한 해가 되길 바랍니다.

화이팅! 🔥



디자이너가 만든, 세상에서 가장 아름다운 만다라트를 소개합니다

디자이너의 만다라트

생산성

안녕하세요, 작은 팀 디자이너입니다.



저는 10년차 코딩하는 스타트업 프디에요.

시간 참 빠르군요.



왜 PROJ.ACT 를 만들었나?

지난 10년간 사수 없이 일해오면서 많은 어려움들이 있었는데 디자이너 커뮤니티를 둘러보니 비슷한 어려움을 갖는 디자이너분들이 많다는 걸 알게 되었습니다.



각자 처한 상황과 문제는 조금씩 다르지만 충분히 서로 도움을 주고받을 수 있겠다 싶었어요. 그리고 언젠가는 도움을 줄 수 있는 일을 해야겠다고 생각했었죠.



이 생각을 한 지 꽤 되었는데 생각만 하다가는 시작하지 못하겠단 생각이 들었어요. 그래서 AI 시대에 프로덕트 디자이너로서 살아남기 위해 하고 있는 다양한 시도들과 생각들을 공유하기 위해 PROJ.ACT를 만들게 되었어요.



Thread에서 짧은 글들과 프로젝트 진행 상황들을 공유해왔었는데, 롱폼으로 기록을 남기고자 별도의 공간을 준비했습니다.



이 공간에서는 주로 제가 만든 제품 소개와 제작 과정, 제품을 만들면서 배운 것들을 아티클로 발행할 예정입니다.



누군가는 제 글들로 도움을 받길 바라면서 블로그를 시작해봅니다.

감사합니다.



저의 매거진,  PROJ.ACT를 소개합니다.

Quollect

웹 타이포그래피 탐정

Feedesign

디자이너의 만다라트

PROJ.ACT 블로그