어느 곳 에서든 고용

특징

Gmail형 반응형 디자인, 모바일 바닥 내비게이션, 자동 붕괴 패널, 골격 로더 및 토스트 알림 전화에서 후보자를 검토해봐

첫 번째 인상을

Gmail 스타일 로딩

앱이 초기화되면 아래에는 부드러운 진행 표시줄이 있는 Curriculo 로고를 볼 수 있습니다. 흰색 화면이 없고 영원히 회전하는 스핀러가 없습니다. 로딩 상태는 맑고 의도적으로 느껴집니다.

로고 + 진행 바

로딩 화면은 Curriculo 로고를 깔끔한 배경에 중심으로 아래쪽에 얇고 애니메이션화된 진행 바를 표시합니다. 앱이 로드되고 있다는 것을 알리고, 진행에 대한 시각적 감각을 제공합니다. 앱이 준비되면, 로딩 화면이 부드럽게 사라집니다.

이 패턴은 Gmail, Notion, Linear에서 빌려온 앱입니다. 사용자가 래시보드를 보기 전에 품질 기대를 설정합니다.

적응형 레이아웃

패널 교체

좁은 화면 (모바일 및 소형 태블릿) 에서, 후보 세부 표시를 열면 목록 표시가 옆에 나타나지 않고 대체됩니다. 이것은 모든 콘텐츠에 전체 화면 너비를 제공합니다. 한 번의 누르기로 리스트로 돌아갑니다.

자동 붕괴 사이드바

중간 화면에서 디테일 패널이 열리면 사이드바는 자동으로 붕괴되어 공간을 만들어냅니다. 모바일에서 사이드바는 전체적으로 아래쪽 탐색 바가 됩니다. 모든 픽셀은 당신이 작업하는 콘텐츠에 사용됩니다.

모바일 바닥 내비게이션

모바일에서 데스크톱 사이드바는 항상 1 번의 클릭으로 볼 수 있는 5 탭 아래 나비게이션 바로 대체됩니다.

더 탭

다섯 번째 탭은 설정, 분석, 팀 관리, 청구 및 덜 자주 사용되는 다른 기능에 액세스 할 수있는 더 메뉴를 열습니다. 이것은 모든 것이 접근성이 유지되는 동시에 하위 바를 깨끗하게 유지합니다.

모바일 시간표

신청자 라인에서 컴팩트 날짜 표시

데스크톱에서, 신청자 줄은 전체 시간표 (2026년 3월 15일, 2:34 PM) 를 표시합니다. 모바일에서, 시간표는 상대적인 형식으로 압축됩니다 (2h ago,Yesterday,Mar 15) 정보를 유용하게 유지하면서 수평 공간을 절약하기 위해.

스켈레톤 로더 & 토스트 통지

스켈레톤 로더

앱의 모든 페이지에는 골격 로딩 상태가 있습니다. 로딩되는 콘텐츠의 레이아웃과 일치하는 회색 위치지 모양입니다. 후보자 목록은 줄 모양의 골격들을 보여줍니다. 분석 페이지에는 차트 모양의 골격이 있습니다. 이것은 레이아웃의 변화를 제거하고 속도라는 인상을 준다.

토스트 통지

각 사용자 동작은 토스트 알림을 생성합니다: 후보가 인터뷰로 이동합니다 (성공, 녹색), 메모를 저장하지 못했습니다 (실동, 빨간색), 인터뷰 예정입니다 (정보, 파란색). 토스트는 데스크톱 오른쪽 상위, 모바일 아래 중앙에 나타납니다. 4초 후에 자동으로 삭제됩니다.

곧 도착

암흑 모드 지원

CSS 변수 준비

UI 전체는 색상, 배경, 경계 및 그림자를 위한 CSS 사용자 지정 속성 (변수) 로 제작되었습니다. 어두운 모드로 전환하는 것은 변수 값을 교환하는 문제입니다. 인프라가 이미 설치되어 있습니다.

부분 실시

핵심 구성 요소 (사이드바, 헤더, 카드, 버튼) 는 이미 암흑 모드 변종을 정의하고 있습니다. 다크 모드 전체 커버리는 진행 중이며 향후 업데이트에서 사용자로 연결 가능한 설정으로 출시될 것입니다.

시스템 선호도 탐지

어두운 모드가 시작되면 기본적으로 사용자의 운영 체제 선호도를 존중합니다.