LenderPal

크롬 플러그인
부동산
처음부터

파이널 결과

결과
스크린
150+
시간
250시간+
팀 구성
4 명의 전문가
예산 범위
$10k - $15k

프로젝트 개요

개요

저희의 목표는 부동산 중개인을 위해 통합 보험 시장을 갖춘 Google Chrome 플러그인을 처음부터 디자인하는 것이었습니다.

우리는 부동산 전문가의 워크플로우, 문제점 및 요구 사항을 완전히 이해하기 위해 심층적인 영역 연구를 시작했습니다.이러한 토대 덕분에 일상 업무를 간소화하고 실질적인 가치를 더하는 맞춤형 솔루션을 만들 수 있었습니다.

챌린지

주요 과제는 Chrome 플러그인 인터페이스의 제한된 공간에 모든 기능을 갖춘 직관적인 내비게이션 시스템을 장착하는 것이었습니다.

우리는 클라이언트의 기존 UI 키트를 사용하여 모든 필수 사용자 흐름을 설계하여 엄격한 레이아웃 제약 내에서 사용성을 극대화하는 동시에 일관성을 보장해야 했습니다.

결과

그 결과 부동산 중개인의 워크플로를 간소화하고 일상적인 생산성을 향상시키는 작지만 강력한 Chrome 플러그인이 탄생했습니다.

사려 깊은 UX, 깔끔한 UI, 기존 디자인 시스템의 스마트한 사용을 결합하여 브라우저 확장 프로그램의 제약 조건 내에서 친숙하면서도 신선하고 효율적인 도구를 제공했습니다.

의 범위

정보
아키텍처
디스커버리
5시간
사용자 흐름
29시간
와이어프레임
91시간
브랜딩 및 로고
UI 및 디자인 시스템
83시간
랜딩 페이지
배송
23시간
개발
적응형
애니메이션

디스커버리

시작 방법: 검색 단계에서는 경쟁사 감사, 사용자 인터뷰를 실시하고 상세한 사용자 여정을 계획했습니다.

이러한 활동을 통해 사용자의 요구 사항, 문제점, 업계 표준에 대한 귀중한 통찰력을 얻을 수 있었으며, 처음부터 명확한 제품 방향과 목적에 맞는 설계를 정의하는 데 도움이 되었습니다.

항목을 찾을 수 없습니다.

사용자 흐름

연구를 바탕으로 시작부터 목표 달성까지의 전체 여정을 정의하는 상세한 사용자 흐름을 만들었습니다.

이를 통해 가능한 모든 시나리오, 코너 케이스 및 화면 상태를 고려하여 최종 디자인이 매끄럽고 직관적이며 실제 사용 준비가 된 것처럼 느껴지도록 할 수 있었습니다.

전환율을 높이는 재설계를 원하시나요?

사려 깊은 사용자 중심 설계로 제품 경험을 혁신하고 실제 비즈니스 성과를 창출하는 방법을 알아보십시오.설계와 전략이 조화를 이룰 때 무엇이 가능한지 알아보십시오.

재설계에 대해 알아보기
LenderPal 모기지 앱 사용자 플로우 — 계정 설정 및 환경설정 화면 구조로 회원가입, 구독, 대출 신청 단계를 보여줌
LenderPal 대시보드 사용자 플로우 — 대출 요청 생성, 대시보드 개요, 사용자 동작이 네비게이션 경로와 함께 매핑됨
LenderPal 모기지 대출 사용자 플로우 — 입력 폼, 승인 단계, 사용자 네비게이션 경로를 포함한 단계별 대출 신청 프로세스
LenderPal 홈페이지 사용자 플로우 — 회원가입, 대출 신청, 주요 사용자 상호작용으로 이어지는 진입 경로
LenderPal 모기지 앱 사용자 플로우 — 계정 설정 및 환경설정 화면 구조로 회원가입, 구독, 대출 신청 단계를 보여줌
LenderPal 대시보드 사용자 플로우 — 대출 요청 생성, 대시보드 개요, 사용자 동작이 네비게이션 경로와 함께 매핑됨
LenderPal 모기지 대출 사용자 플로우 — 입력 폼, 승인 단계, 사용자 네비게이션 경로를 포함한 단계별 대출 신청 프로세스
LenderPal 홈페이지 사용자 플로우 — 회원가입, 대출 신청, 주요 사용자 상호작용으로 이어지는 진입 경로
항목을 찾을 수 없습니다.

와이어프레임

이 단계에서는 시각적 요소를 방해하지 않고 레이아웃, 구조 및 기능에만 초점을 맞출 수 있는 흑백 버전의 제품을 제작했습니다.와이어프레임을 사용하면 아이디어를 조기에 검증하고, 콘텐츠를 효과적으로 구성하고, 시각적 디자인으로 넘어가기 전에 모든 핵심 요소가 제자리를 잡았는지 확인할 수 있었습니다.
LenderPal 인터랙티브 지도 — 브루클린 지역의 이용 가능한 부동산을 가격, 크기, 위치 정보와 함께 표시
LenderPal 인터랙티브 지도 — 브루클린 지역의 이용 가능한 부동산을 가격, 크기, 위치 정보와 함께 표시
LenderPal 홈페이지 사용자 플로우 — 회원가입, 대출 신청, 주요 사용자 상호작용으로 이어지는 진입 경로
LenderPal 모기지 재융자 계산기 — 우편번호, 대출 잔액, 상환 기간, 신용 점수 입력 필드와 은행별 금리 및 월 상환액 표시
LenderPal 인터랙티브 지도 — 브루클린 지역의 이용 가능한 부동산을 가격, 크기, 위치 정보와 함께 표시
LenderPal 인터랙티브 지도 — 브루클린 지역의 이용 가능한 부동산을 가격, 크기, 위치 정보와 함께 표시
LenderPal 홈페이지 사용자 플로우 — 회원가입, 대출 신청, 주요 사용자 상호작용으로 이어지는 진입 경로
LenderPal 모기지 재융자 계산기 — 우편번호, 대출 잔액, 상환 기간, 신용 점수 입력 필드와 은행별 금리 및 월 상환액 표시
항목을 찾을 수 없습니다.

UI 프로토타입

항목을 찾을 수 없습니다.

브랜딩 및 로고

브랜딩
로고

무드보드 + 3가지 스타일

무드보드
항목을 찾을 수 없습니다.

UI 및 디자인 시스템 단계

UI 및 디자인 시스템
먼저 무드보드로 제품 스타일을 정의한 다음 선택한 글꼴과 색상을 사용하여 주요 화면에 대한 세 가지 디자인 방향을 만들었습니다.시각적 방향을 조정한 후 전체 UI를 디자인하고 일관성과 빠른 개발을 위해 가벼운 디자인 시스템을 구축했습니다.
노트북 목업에 표시된 LenderPal 모기지 대시보드 — 지도 보기, 대출 세부 정보, 부동산 매물 리스트
데스크톱 모니터에 표시된 LenderPal 모기지 어시스턴트 환영 화면과 대출 가이드라인 인터페이스
LenderPal 앱 UI — 도구 디렉토리와 모기지 금리가 포함된 주택 담보 대출 계산기 화면
LenderPal 앱 UI — 도구 디렉토리와 모기지 금리를 포함한 주택담보대출 계산기
LenderPal 보험 견적 인터페이스 — Travelers, Nationwide, Liberty Mutual 옵션과 메인 웹사이트 랜딩 페이지 함께 표시
항목을 찾을 수 없습니다.
이것은 이 사람들이 뛰어났던 대규모 디자인 프로젝트였습니다.
사용자 경험 에이전시로서의 전문성은 전반적으로 잘 드러났으며, 특히 사용자 테스트와 원활한 사용자 흐름 구축의 세부 사항에 주의를 기울였다는 점에서 두드러졌습니다.

향후 작업을 위해 다시 고용할 예정이며 적극 추천합니다!
Infinite Touch client portrait — partner in UX collaboration project
라일리 토마스
제품 담당 디렉터

실제 모습 보기: 무료로 새롭게 디자인된 2개의 UI 화면

아직 확신이 없으신가요?화면 2개를 무료로 새롭게 디자인하세요—그리고 그 차이를 직접 확인해 보세요.

전화 예약

랜딩 페이지

항목을 찾을 수 없습니다.

애니메이션

애니메이션

배송

항목을 찾을 수 없습니다.

개발

다음과 같이 동봉되었습니다.
실제 데모 보기
개발 시간
연간 평균 비용 절감
고객 만족도
항목을 찾을 수 없습니다.
얘기 좀 하자!
연락만 주시면 이메일을 보내드리겠습니다. 10분
힌트 텍스트
힌트 텍스트
힌트 텍스트
힌트 텍스트

데이터를 제출하면 당사의 약관에 동의하는 것으로 간주됩니다. 서비스 약관개인정보 보호 정책.

양식을 작성해 주셔서 감사합니다!
메일함을 확인해 보세요. 방금 답장을 보냈어요.
죄송합니다!양식을 제출하는 중에 문제가 발생했습니다.
힌트 텍스트
힌트 텍스트
힌트 텍스트
힌트 텍스트

데이터를 제출하면 당사의 약관에 동의하는 것으로 간주됩니다. 서비스 약관개인정보 보호 정책.

양식을 작성해 주셔서 감사합니다!
메일함을 확인해 보세요. 방금 답장을 보냈어요.
죄송합니다!양식을 제출하는 중에 문제가 발생했습니다.