Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
구현된 웹에서 사용하는 피그마를 만들어봤습니다!
#side_projects
2 years ago
16,063
9

<< 서비스명: Graha >>

  • URL: https://graha.io/

  • 라이브 웹에서 하는 디자인 피드백, Graha (랜딩페이지에 쓰는 방법이 영상으로 나와있습니다!)

  1. 자기소개 B2B SaaS 스타트업을 창업했다가, 현재는 잠시 쉬며 사이드프로젝트를 하고있는 소프트웨어 메이커 우영민입니다. 2020년에 react / 코코아톡 클론 강의를 보고 입문하여 프론트엔드 개발을 빠르게 배울 수 있었어요!

  2. 서비스 소개 피그마의 코멘트, 리얼타임 협업을 라이브 웹사이트 위에서 할 수 있습니다. 디자이너 <> 개발자 간의 디자인 QA 과정에서 피드백 핑퐁을 기존보다 매우매우(10X) 효율적으로 할 수 있습니다.😆

    • 기능 소개

      • (1) 라이브 웹사이트 위에 코멘트 달기, 링크 공유

      • (2) 라이브 웹사이트를 불러와서 노코드 CSS 편집

      • (3) 팀 멤버의 커서가 보이는 리얼타임 협업!

  3. 시작하게 된 계기 Lucia(저)는 랜딩페이지 외주를 맡겼다가, 30장이 넘는 슬라이드를 만들어가며 디자인 QA를 겪은 적이 있어요. Jace(공동 메이커)는 제품 팀에서 소통하면서 디자인 QA, 커뮤니케이션 과정이 굉장히 비효율적이라고 생각했고요.
    이를 해결하는 제품을 만들고 싶은데, 당시 micro 스타트업 인수에 관심이 있던 터라 인수를 해서 우리의 목적에 맡게 디벨롭 시켜보기로 했습니다. 우선 하나의 작은 SaaS를 인수했고, 거기에 원하는 용도로 제품을 변형시켜 지금의 Graha가 되었습니다!

  4. 개발 프론트는 React로 하였고요, 서버/클라우드는 Express로 되어 있습니다. 언어는 Typescript에요. 첫 배포까지 2주 걸렸습니다!

  5. 바라는 것은? 디자인 피드백을 훨씬 효율적으로 할 수 있는 방법인데, 정말 유저가 쓰는 것을 보고 싶어요. PMF를 이제 맞춰가는 과정입니다! 피드백 주시면 정말정말 감사드리고요!

9 comments