제품 소개FYL
iOS·웹 정식 출시 · Watch 지원
과정 |
메모 앱보다 제 몫을 해내는 운동 기록 앱.
- 01사용자 문제
제대로 기록하려면 번거롭고, 전문가용 앱은 대부분 비쌉니다.
- 02디자인 결정
실사용자 그룹과 여러 UI를 A/B 테스트했습니다.
- 03출시 결과
iOS와 웹에 정식 출시했고, Apple Watch를 지원합니다.
조영현프로덕트 디자이너프리랜서
기술, 금융, 디자인, 시스템, 제품 전반에
투명성을 만듭니다.
여러 관점에서 해법을 찾는 end-to-end 디자인으로.
홍콩 ↔ 서울 ↔ 예테보리
선별 작업
목적이 분명한 문제 해결과 완성도 있는 디지털 경험.
본질에 충실한 동적 사이트를 만들어 가는 과정을 들여다보세요.
대표 작업
FYL · 개인 제품
Liftoff·Strong 대안.
대학 창업 과정에서 만든 무료 근력 운동 제품으로, 기본에 충실한 CRUD 앱을 출시했습니다.
정적 HTML과 엔드포인트 2~3개로 시작해 기능을 하나씩 붙여 나간 결과, FYL은 개발에 착수한 지 일주일이 채 되기 전에 App Store에 올랐습니다.
- 담당
- 프리랜스
- 스택
- React Native
- TypeScript
- Supabase
- Swift
- 연동
- Supabase & Firebase · Stripe · Expo
iOS정식 출시
Android내부 테스트
웹정식 출시
Apple Watch지원
프로젝트
분야는 달라도, 쓰는 역량은 같습니다.
전체 앱을 합쳐 월 5,000명 이상의 사용자를 관리하고 있습니다.
01
Saint Francis University
홍콩의 한 대학교 3개 국어 공식 사이트를 담당했고, 이후 컴퓨팅 학부 사이트를 세 언어 모두에 맞춰 자발적으로 다시 디자인했습니다.
웹 개발 · 콘텐츠 구조 · 3개 국어 QA · 리디자인 기획
Technology
사이트 방문 - HTML
- CSS
- JavaScript
- ZMS
02
The March Group
개발자 없이는 손댈 수 없던 WordPress 환경을 비개발 팀원이 직접 업데이트할 수 있는 사이트로 바꿨습니다. 더 야심 찼던 3D React 프로토타입은 접어 두고 내린 결정이었습니다.
전략 · UX/UI · 개발 · CMS · SEO
Technology
사이트 방문 - React
- Three.js
- Wix
- Velo
03
Pallav Panigrahi
건축가의 아홉 개 프로젝트 포트폴리오를 직접 둘러보는 3D 스튜디오로 다시 구성해, 프로젝트 이야기와 약력, 이력서, 연락처를 공간 안에 녹였습니다.
UI/UX · 3D · 라이팅
Technology
포트폴리오 방문 - R3F
- GSAP
- Zustand
04
Meridian
종이 공예로 만든 항구 모형을 중심으로 홍콩 벤처 브랜드 콘셉트를 만들며 아트 디렉션과 순차적 모션, 모션 최소화 대체 화면까지 설계했습니다.
브랜드 콘셉트 · 아트 디렉션 · 모션 · 프런트엔드
Technology
프로토타입 보기 - React
- Tailwind
- Vite
05
Dongnam Logistics
빽빽한 물류 서비스 목록과 문서 자료실을 이해하기 쉬운 고객 허브로 정리하고, 배포와 DNS, 현지 클라우드 스토리지 운영까지 이어서 맡고 있습니다.
배포 · 클라우드 스토리지 · 운영
Technology
사이트 방문 - React
- TypeScript
공개 예정
- 원장 및 매치메이킹완료
- 내부 데모초대 전용
- 결제 연동대기
- 정식 출시미정
06
Gihwae
정해진 금액으로 대기열에 들어가 경기를 치르고, 수동 스크린샷 대신 공식 게임 API로 판돈을 정산하는 베팅 플랫폼을 만들고 있습니다.
제품 디자인 · 아키텍처 · 백엔드 · 플랫폼
Technology
- NestJS
- Postgres
- Redis
- WebAuthn
연구 및 멘토링
R1
BrainSTEM
ROV 워크숍을 열고 IEEE 학회를 준비하는 학생 연구를 멘토링했으며, 학생들과 함께 Jetpack Joyride 형식의 게임을 만들어 실습 학습 도구로 활용했습니다.
UI/UX · A/B 테스트 · 게임 엔지니어링
Technology
프리뷰 방문 - React
- TypeScript
- TanStack Start
- Canvas
R2
Oceanway
해양 엔지니어링과 복원, 교육 활동을 하나의 명확한 디지털 이야기로 엮었고, 수경 재배와 폭발 어로 탐지기를 활용한 현장 프로젝트도 함께 진행했습니다.
ROV · 연구 · IEEE/WWF/Discovery Channel
Technology
사이트 방문 - React
- Tailwind
- Three.js
- Vite
작업 방식
한 사람과 몇 개의 에이전트로, 0에서 확장까지.
전 세계 기업을 위한 디지털 경험과 플랫폼을 만듭니다. 동시에 업계의 새로운 기술과 변화를 꾸준히 따라갑니다.
- 01
시스템을 이해합니다
사용자와 업무 흐름, 프레임워크, 제약을 파악합니다. 성과로 이어지는 KPI만 남깁니다.
아키텍처 및 시스템 전략문제 정의 · 리서치 · 제약 조건 · 성공 지표 - 02
구조를 세웁니다
정보와 제품 흐름, 관계, 인터랙션 모델을 정리합니다. 가장 위험한 가정부터 일찍 검증합니다.
경험 및 비주얼 아이덴티티정보 구조 · 제품 흐름 · UX/UI · 아트 디렉션 · 모션 · 3D - 03
현실에 맞게 만듭니다
제품을 쓰는 사람과 운영하는 사람을 기준으로 기술을 고르고, 중요한 화면부터 구현합니다.
디자인 엔지니어링반응형 웹 및 네이티브 · 데이터 및 인증 · 접근성 · 성능 · SEO - 04
오래가게 만듭니다
출시하고, 측정하고, 문서화하고, 인계하고, 개선합니다. 시스템은 출시 이후에도 계속 작동해야 합니다.
딜리버리 및 실무 자동화CMS · 애널리틱스 · 문서화 · 인계 · 실무형 AI 및 워크플로
소개
분야를 넘나드는 호기심. 창의성을 배웁니다.
저는 제품 전략과 비주얼 시스템, 실제 프로덕션 코드를 넘나들며 일하는 홍콩 기반 프로덕트 디자이너입니다. 초기 인턴십 기간 동안 여러 산업에 새로운 기술을 적용해 왔습니다. 아직 AI가 대체하지 못한 디자인 역량으로 제품을 처음부터 끝까지 만듭니다.
- 2026—현재프로덕트 디자인 및 개발
- 2024—2025The March Group · 벤처 펠로
- 2023—2024Saint Francis University · 웹사이트 개발자
- 2022—2023Oceanway · 연구 보조
호기심과 주도성, 그리고 리서치와 전략, 실행 전반에 걸쳐 기여하는 능력으로 늘 깊은 인상을 남겼습니다.
이렇게 다양한 관점에서 생각하고, 상대가 시각적으로 원하는 것을 정확히 짚어 내는 사람은 처음입니다. 제가 그걸 원하는 줄도 몰랐습니다.
이전 IT 업체가 과도한 비용을 청구하던 상황에서 저희 웹사이트를 만들어 준 조영현님께 감사합니다.
계속 스크롤하세요
함께 일해요