WTM Korea IWD 2021에서 발표한 내용입니다.

1. 이유진
우아한 형제들 | 프로덕트 디자이너
구현하는 디자이너:
매일 1000명이 방문하는 웹사이트를
만든 사연

2. 안녕하세요!
프로덕트 디자이너 이유진입니다.
뭔가를 만들어서 사람들 앞에
짠! 보여주는 걸 좋아합니다.
- 우아한 형제들 프로덕트 디자이너 (NOW!)
- 스포카 프로덕트 디자이너
- 에이치나인 GUI 디자이너
개인블로그: http://yujiinlee.github.io/
트위터: @yoojiinleee

3. 오늘 발표의 목표
1. 설치고 나대고 자랑하기
2. 듣는 분들이 당장 무언가를 하고 싶게 만들기

4. 목차
1. WWIT를 만든 계기
2. WWIT를 만든 과정
3. WWIT의 성과
4. 하고 싶은 말

5. WWIT를 만든 계기

6. - What Was It?의 약자입니다.
- 한국의 모바일 디자인 패턴을 수집하는 웹사이트 입니다.
- 제가 사이드 프로젝트로 2/15에 런칭했어요!
- 현재 12개의 앱이 업로드 되어 있습니다. 매주 2개의 새 앱이 추가됩니다
.
- 주소: http://wwit.design/
WWIT가 뭔가요…?

9. - 내가 잘하는 것을 하면서
- 누군가에게 도움이 되면서
- (구리지 않은 방법으로) 부수입을 벌 수 있다면
좋겠다.
아이디어의 시작

12. WWIT를 만든 과정

13. - 기술 블로그에 글을 쓰기 위해 깃허브와 소스트리 사용법을 익힐 수 있
었어요.
- 코딩을 할 줄 아는 선배(?) 디자이너들의 멋진 족적이 있었어요.
ex) 스포카 디자인 가이드라인 웹사이트
- 오픈소스 프로젝트에 대해 열린 회사였어요.
Thanks to. Spoqa에서의 경험들

15. 사용한 툴

16. 사용한 툴

17. - 이미 잘 나와있는 테마를 수정해 사용할 수 있습니다.
- 워드프레스보다는 자유도가 높고, 빠르고, 저렴합니다.
- 깃허브 페이지로 무료로 호스팅이 가능합니다.
- 본래는 블로그나 포트폴리오 사이트 용도로 많이 사용합니다.
- 단점: git, markdown 사용법을 알아야 합니다.
Jekyll을 사용한 이유

18. 맘에 드는 지킬 테마를 물색
테마를 받은 후 목적에 맞추어 css 커스텀
첫 업로드용 앱 스크린샷 캡쳐 및 업로드
Opengraph 만들기, GA와 애드센스 붙이기, SNS 계정 만들기...
적절한 채널에 홍보하기

19. 맘에 드는 지킬 테마를 물색
테마를 받은 후 목적에 맞추어 css 커스텀
첫 업로드용 앱 스크린샷 캡쳐 및 업로드
Opengraph 만들기, GA와 애드센스 붙이기, SNS 계정 만들기...
적절한 채널에 홍보하기
실제로는 한 과정 한 과정이
길고 지난했습니다….

20. WWIT의 성과

26. 하고 싶은 말

27. - 디자이너는 공감 능력, 커뮤니케이션 능력, 아이디어, 비주얼 감각 등 정
성적인 측면에서 엄청난 능력을 가지고 있는 직군이라고 생각합니다.
- 그렇기 때문에, 구현 능력이 있다면 엄청난 시너지를 가질 수 있는 존재
라고 생각합니다.
디자이너는 대단한 사람이다

28. - 개발은 제가 원하는 것을 구현하기 위한 수단 중 하나입니다.
- 그렇기 때문에 저에게 필요한 부분까지만 그때그때 익혔습니다.
- 바닥부터 코딩하지 않고 기존 테마를 차용해 수정했습니다.
- 수많은 블로그 글과 플러그인의 도움을 받았습니다.
- 개발이 목표가 아닌 도구가 되면, 좀 더 부담없이 다가갈 수 있다고
생각해요.
!!코딩을 잘 하지 않아도!!

29. - 사이드 프로젝트를 하는 데에는 시간과 노동과 돈이 듭니다.
(깃허브 프라이빗 저장소 구독, 테마 구매, 도메인 구매…)
- 내게 돌아오는 긍정적/실질적 피드백이 있어야 유지할 힘이 생겨요!
- 막연히 좋을 것 같은 아이디어보다는,
애드센스, 광고 제휴 등 미래에 부가적인 수익이 기대되는 프로젝트
이왕 한다면 내 삶에 도움이 되는 프로젝트로

30. (지금) 그냥 하면 된다
결론

31. - 같은 IT업계 여성인 정희연님, 진유림님의 발표에 영감을 받았습니다.
Thanks to.