Lawato 웹사이트
> 마케팅 사이트
Lawato의 마케팅 사이트입니다. 스크린샷 대신 렌더링된 UI 미리보기로 제품을 보여줍니다.
- 역할
- 시니어 풀스택 엔지니어
- 스택
- TypeScript, React, TanStack Start, Tailwind CSS, Radix UI, Recharts
- 라이브
- lawato.io
개요
이 사이트의 목적은 로펌이 데모를 예약하도록 하는 것입니다. 기능을 설명하는 대신 직접 보여줍니다. 히어로, 고객 페이지, 모든 기능 카드가 현실적인 데모 데이터로 Lawato 인터페이스를 렌더링합니다.
미리보기는 이미지로 내보낸 것이 아니라 렌더링된 것이기 때문에 어떤 크기에서도 선명하고, 작은 화면에 맞게 조정되며, 제품과 함께 업데이트할 수 있습니다.
주요 기능
01
렌더링된 제품 미리보기
제품 섹션은 스크린샷을 넣는 대신 데모 데이터로 앱의 고객 페이지, 대시보드, 타임시트를 렌더링합니다.
lawato.io
02
제품으로 보여주는 기능
각 기능 카드는 짧은 설명과 그 기능을 수행하는 앱 화면을 함께 보여줍니다: 타임시트, 고객 파이프라인, 사건 예산, 청구.
lawato.io/#features
03
모바일에서 재배치되는 미리보기
휴대폰에서는 데스크톱 스크린샷을 축소하는 대신 미리보기가 앱의 모바일 레이아웃으로 전환되고, 파이프라인은 가로로 스크롤되는 보드가 됩니다.
04
데모 중심의 전환 흐름
모든 섹션은 Calendly로 예약하는 30분 데모로 이어지며, 데모 후에는 팀이 로펌과 함께 체험 계정을 설정합니다.
lawato.io/#demo
