Search
⚙️

[마감] Frontend(UI) Engineer

Created
2021/09/15 06:16
Position
채용 형태
신입
경력
채용 인원 수
마감
지원 마감일
스킬
현재 Frontend UI Engineer 포지션은 마감되었습니다.

❝ We empower lifelong learners. ❞

우리는 전세계 온라인 학습자를 위한 새로운 온라인 학습 공간을 만들고 있습니다. 슬리드 팀에 합류해 온라인 학습 공간의 미래를 함께 만들어갈 분을 찾고 있어요.
We are empowering lifelong learners.

채용 정보

슬리드 UI Engineer 소개

슬리드 UI Engineer란?

슬리드 팀에서 찾고 있는 UI Engineer는 '기술적 능숙함을 갖추고 사용자와의 인터렉션을 설계 및 구현해 디지털 제품의 사용성을 극대화할 수 있는 사람'입니다. 단순히 기능이 동작하는 제품을 넘어, 사용자들에게 제품이 살아 움직이는 듯한 경험을 제공함으로써 소프트웨어 제품도 하드웨어 제품과 같이 '소울'이 느껴질 수 있다고 믿는 사람을 찾고 있습니다.
* 참고 아티클 및 강의
Building the Google Photos Web UI
A few years ago I had the privilege of being an engineer on the Google Photos team and part of the initial launch in 2015. A lot of people contributed to the product - designers, product managers, researchers, and countless engineers (across Android, iOS, Web, and the server) to name just some of the major roles.
* 슬리드가 바라보는 UI Engineer의 역할을 가장 잘 표현하는 아티클입니다. 단순히 디자이너의 디자인 결과물을 퍼블리싱하는 것이 아니라, 사용자의 경험을 기술적인 관점에서 설계하고 구현하는 분을 찾고 있습니다.

필요 역량

이러한 분을 찾고 있습니다:

사용자 경험에 높은 우선 순위를 두고 있는 분
웹 표준 및 반응형 디자인을 고려한 웹 개발 경험이 있으신 분
브라우저의 동작원리에 대해 이해도가 높은 분 (응답 받은 HTML이 어떻게 화면에 그려지는지)
HTML와 CSS에 대한 이해도가 높은 분 (주로 Markup & CSS)
JavaScript에 대한 이해도가 높은 분 (주로 DOM & 이벤트)
React/Vue/Angular 등 SPA 라이브러리 경험이 있는 분 (저희는 React를 사용합니다.)

이러한 경험이 있는 분이면 더 좋습니다:

Styled-components를 활용해 재사용성 높은 UI 컴포넌트를 만들어본 경험이 있는 분
Storybook과 같은 UI 컴포넌트 개발 도구를 사용해본 경험이 있는 분
JS를 활용해 애니메이션을 개발해본 경험이 있는 분
Design System을 구축한 경험이 있는 분

슬리드에서 사용하고 있는 기술

플랫폼 - Web, Browser Extension, Desktop App (Electron)
프레임워크 - React, Redux
테스팅 툴 - Cypress
디자인 툴 - Figma

함께 해결하고자 하는 문제들

슬리드 팀의 '캡쳐 필기 노트, 슬리드'는 MVP 제품을 통한 시장 검증 단계를 넘어, Product-Market-Fit(PMF)을 향해 나아가고 있습니다. 이를 위해서는 고객들이 슬리드를 단순히 필기 툴이 아닌 '온라인에서 공부하는 모든 것들을 저장하는 나만의 학습 공간'으로 인식하는 것이 중요하다고 생각해, 동작하는 기능 뿐만 아니라 디테일한 사용성까지 고려하는 것이 우선순위가 되었습니다.
UI Engineer의 Role은 디자이너와 함께 온라인 학습자들이 기존의 공급자 중심으로 만들어진 학습 환경에서는 한번도 경험하지 못했던 섬세한 온라인 학습 경험을 기술적인 관점에서 설계하고 구현하는 것입니다. 이러한 역할을 즐겁게 수행할 수 있고, 최종적으로는 '기술'과 '사용성' 둘 중 어느 것도 타협하지 않는 UI 시스템을 구축하는 UX Engineer로 성장하고 싶은 욕구가 있는 분을 찾고 있습니다.

슬리드 팀 합류시 맡게 될 역할 및 프로젝트

디자이너와 함께 설계한 사용자 경험이 그대로 제품에 반영될 수 있도록 UI 구현
슬리드의 Block-styled Editor의 사용성 극대화해 온라인 학습에 최적화된 Editor 만들기
기존 슬리드 제품의 코드를 UI Engineering 관점에서 컴포넌트 단위로 만들어서 코드의 재사용성 높이기 (Storybook과 styled-component 등을 활용)
프로덕트 디자이너와 함께 코드와 1대1 대응되는 디자인 시스템 구축 (슬리드 만의 Bootstrap 구현하기)
향후 출시될 슬리드 태블릿/모바일 버전에서의 새로운 캡쳐 필기 인터렉션 UI 구현

슬리드의 개발 문화

슬리드 팀의 개발 문화는 성장, 도전, 임팩트 3가지 키워드를 갖고 있습니다. * 각 키워드별로 슬리드 팀의 Hacker Adriel님의 사례를 통해 더 자세히 이해하실 수 있습니다.

개인의 성장을 끊임없이 고민하는 환경

슬리드 팀은 항상 Hacker들이 성장할 수 있는 일을 하고 있는지 고민합니다. 이를 위해 Hacker들이 스스로 본인의 할 일을 선택할 수 있도록 자유를 주고자 합니다. 스프린트 미팅 때, 회사의 방향성과 마일스톤 등의 Goal을 제시하면 Hacker들은 제시된 goal 중, 본인의 커리어 성장과 가장 관련이 깊은 goal을 스스로 선택해 일을 수행하게 됩니다. 또한 팀 리더와의 격주마다 1-on-1을 통해 슬리드 팀 내에서 커리어 성장에 대한 고민을 함께 나눕니다.
(← 클릭) 실제로 어떤 사례가 있었나요?
개인의 성장을 돕기 위한 개발 서적 및 온라인 강의 등도 무제한으로 지원하고 있습니다. 열심히 배우고 슬리드 팀에서 마음껏 활용해보세요!
단순 개발 지식 책부터, 개발자가 갖춰야할 마인드셋을 알려주는 책까지 다양한 개발 서적들을 끊임없이 구입합니다.
인프런에서도 원하는 강의를 마음껏 수강하세요.
Cypress 같은 최신 툴은 Udemy에서 학습하세요.

새로운 도전을 장려하는 환경

작은 규모의 스타트업에 합류하는 것의 최대 장점은 바로 '새로운 일에 도전할 수 있는 환경'이라고 생각합니다.
슬리드 팀에서도 이 장점을 극대화할 수 있도록 Hacker들이 관심이 있는 새로운 일에 도전할 수 있도록 장려하고 있습니다. 회사의 Goal 중 이전에 경험하지 않는 일이라도, 본인이 원한다면 기꺼이 도전할 수 있는 기회를 주고 있습니다. 새로운 도전도 혼자하는 것이 아닌, 다른 팀원들도 함께 새로운 프로젝트에 관심을 갖고 어려움에 처할 때마다 함께 문제를 해결하기 위해 노력합니다.
(← 클릭) 실제로 어떤 사례가 있었나요?

내가 직접 만든 것의 임팩트를 경험할 수 있는 환경

슬리드는 실제 고객들(누적 3만 다운로드)이 사용하고 있는 서비스입니다. 전세계 고객들이 결제를 하면서까지 슬리드를 온라인 학습에 활용하고 있기에 Hacker들이 작성한 코드는 단순히 코드로 남는 것이 아니라, 제품이 되어 고객들에게 실제로 가치를 제공하게 됩니다. 또한 지표를 통해 내가 실제로 얼만큼의 사용자들에게 기여하고 있는지 눈으로 확인할 수 있기에, 본인의 일에 대한 임팩트를 경험할 수 있습니다.
(← 클릭) 실제로 어떤 사례가 있었나요?

슬리드 팀의 디자인 환경

슬리드 팀은 누구나 정량적 / 정성적 데이터를 마음껏 활용할 수 있는 환경을 갖추고 있습니다. 이에 주(week) 단위로 내가 개선한 프로젝트가 지표에 어떤 영향을 끼치는지 확인할 수 있습니다.

정량적 데이터를 마음껏 확인할 수 있는 환경

슬리드는 Amplitude를 활용해 사용자들의 액션 단위별로 트래킹을 하고 있어 데이터 기반의 의사결정을 내리기 매우 적합한 환경을 갖고 있습니다. 트래킹이 필요한 사용자의 액션이 있으면, 바로 당일부터 트래킹이 가능해 데이터를 빠르게 확보하여 의사결정을 내릴 수 있습니다.
한 예로 Onboarding Funnel 개선을 위해 설치부터 첫 사용에 이르는 모든 과정(설치 → 슬리드 확장자 Pin → 슬리드 확장자 실행 → 첫 캡쳐)을 트래킹하여 이탈률이 가장 높은 부분(설치 → Pin)을 발견했고, 이 부분을 개선하자 전체 Onboarding Funnel이 2배 이상 개선된 효과를 보기도 하였습니다.
슬리드 팀 내에서 누구나 접근할 수 있는 실제 Amplitude 대쉬보드입니다. 여러 지표들을 트래킹하고 투명하게 공개하고 있습니다.

정성적 데이터를 마음껏 확인할 수 있는 환경

빠른 의사결정을 내려야 하는 스타트업은 절대 충분한 데이터를 얻을 수 없기 때문에, 때로는 직관에 의존해 의사결정을 내려야 하기도 합니다. 이때 '직관'은 단순한 감이 아닌, 고객과의 수 많은 인터랙션을 통한 인사이트에서 나와야 합니다. 슬리드는 여러 툴과 프로세스를 통해 '고객 인사이트'를 쌓을 수 있는 환경을 갖고 있습니다.
특정 사용자들의 특정 사용 패턴 등을 알고 싶다면, 이미 슬리드에서 도입하여 사용 중인 Hotjar과 Cohere라는 UX 트래킹 툴을 활용해 언제든지 확인할 수 있습니다.
Hotjar - 사용자들의 액션을 트래킹 할 수 있는 툴
Cohere - 실시간으로 사용자의 액션을 트래킹 할 수 있는 툴

고객과 끊임없이 가까워질 수 있는 환경

더 나아가서 직접 고객과 대화를 하고 싶다면, 고객들과 1대1 화상으로 30분 동안 진행하는 온보딩세션을 활용해 궁금한 것들을 물어보고 답변을 들을 수 있습니다.
(고객들은 슬리드를 더 잘 활용하기 위해 강의를 신청하지만, 사실 저희는 이 강의를 활용해 고객 인터뷰를 진행합니다.)
* 실제 줌을 통해서 고객과 온보딩을 진행하는 모습입니다.
* 박정현 대표가 고객과 실제로 진행한 온보딩 세션입니다. 고객분께서 온보딩 경험 후 블로그에 후기를 남겨주셨습니다. https://blog.naver.com/sjhan82/222292056235
신규 기능 업데이트 전, UX Bug 발견을 위한 Usability Testing

근무 조건

근무 형태 - 신입 / 경력 풀타임 근무

공덕역 프론트원 사무실 근무 / 4단계 유지시 원격 근무
월 ~ 금 / 오전 10시 ~ 오후 7시 (탄력적 근무)
탄력적 휴가 사용

보상 및 복지

[신입]
연봉 4,000 만원
최대 3개월 계약직 근무 후 정규직 전환 협의 (*계약직 기간 동안 월 300만원)
입사 1년 후부터 스톡옵션 협의
[경력]
급여 협의
최대 3개월 계약직 근무 후 정규직 전환 협의
정규직 전환후부터 스톡옵션 협의
* 다른 형태의 보상을 원하시면 편하게 제안도 가능합니다.
[공통 복지]
업무용 기기 제공 (맥북 프로 + 모니터)
점심 / 저녁 식대 제공 (구내 식당 + @)
교육비 무한 지원 (온라인 강의, 도서 구입비 등)
간식 제공
개인 법인카드 제공

채용 프로세스

(* 해당 페이지 맨 위 '지원하기'를 클릭해서 지원해주세요.)
모든 과정은 1주일 이내로 진행되며, 최종 결과는 마지막 면접 후 1주일 이내로 모든 분들에게 답변을 드립니다.
1단계) 서류 검토
⇒ 해당 직무에 적합한 분인지 파악합니다.
영문 Resume 제출
2단계) Culture Fit 면접 (화상 면접)
⇒ 대표와 1:1로 가벼운 분위기에서 서로를 알아가는 시간을 가집니다. 해당 면접의 목적은 슬리드 팀과의 핏을 확인하기 위함입니다. 따로 준비하실 것은 전혀 없습니다.
3단계) 기술 면접 (온사이트)
⇒ 직무에 맞는 역량을 확인할 수 있는 기술 면접을 진행합니다. 슬리드 팀의 기존 Hacker들과 함께 3:1 면접으로 진행됩니다.
기본적으로 영어로 면접이 진행됩니다. 본인의 생각을 전달할 수 있는 수준이면 충분합니다.
[경력만 해당] 4단계) 레퍼런스 체크 (슬리드 팀에서 자체적으로 진행)
⇒ 이전에 함께 일했던 회사의 동료들 중 본인의 회사 경력에 대한 이야기를 해주실 수 있는 분 소개를 요청드립니다. 지원자분이 직접 선정한 동료 분에게만 연락을 드려 간단하게 레퍼런스 체크를 진행합니다.
* 레퍼런스 체크에 응해주신 동료분에게는 감사의 의미로 기프티콘 선물을 보내드립니다. ** 경력이지만, 신입으로 지원하고 싶으실 때에는 레퍼런스 체크를 진행하지 않습니다.

문의사항

이메일: junghyun@slid.cc (대표 박정현)

다른 페이지로 이동