UI/UX Review + Compliance Check

Youth Job Canada 레퍼런스 분석

이 문서는 `youthjob.ca`를 단순한 디자인 레퍼런스로 보는 대신, TFWP 저임금 채용 광고 기준을 참고해 `청년 타기팅 채널`로서의 설명력, 구직자 흐름, 고용주 흐름, 상거래 게이팅, 증빙 가능성을 우리 새 구직사이트 설계 관점에서 정리한다.

분석 대상youthjob.ca
분석일2026-03-15
범위공개 핵심 페이지 + 로그인 후 employer area + package/checkout + 모바일 확인

이 문서를 보는 방식

이 문서는 aesthetic 평보다 `채널 근거`, `candidate flow`, `employer flow`, `commerce 우선순위`, `증빙 표면`을 중심으로 읽는 편이 맞다.

  • 가져올 것: 명확한 youth 포지셔닝, 공고 상세의 `Job ID/Date Posted/Expiry Date`, 공개 Apply flow의 낮은 마찰, 고용주 계정의 기본 관리 표 구조
  • 복제하지 말 것: 모든 방문자에게 보이는 employer 운영 배너, 중복과 잡음이 많은 taxonomy, youth 브랜딩과 generic listing의 간극, 공고 작성 전 package 구매, PayPal/Stripe 메시지 불일치
  • 우리 사이트 목표: audience 설명력을 채널 수준과 공고 수준 양쪽에서 만들고, structured posting schema와 proof/export를 결제보다 먼저 검증 가능하게 하는 것

새 사이트에 바로 가져갈 결론

이 사이트는 `청년 대상 채용 채널`이라는 설명은 잘하지만, 실제 제품 흐름에서는 generic listings와 상거래 게이팅이 더 강하게 드러난다.

채널 포지셔닝 참고 가치높음
구직자 UX 참고 가치중간~높음
고용주 UX 참고 가치낮음~중간
규정 대응 참고 가치중간

핵심 결론

  • 홈과 About는 `vulnerable youth recruitment in Canada`를 명시해 channel-level audience 설명력은 좋다.
  • 실제 최신 공고는 caregiver, restaurant, accommodation manager 등 generic low-wage postings가 많고 audience tag가 보이지 않는다.
  • 구직자 flow는 `홈 검색 -> Search Jobs -> Job Detail -> Apply Now`로 매우 단순하다.
  • 공고 상세는 `Job ID`, `Date Posted`, `Expiry Date`, `Type Of Job`, `Salary`, `Min. Experience`, `Min. Education`을 공개적으로 보여준다.
  • 고용주 계정은 크레딧이 없으면 로그인 직후 `Packages`로 들어가고 `Post Job`도 pricing으로 튕겨 compliance보다 commerce가 앞선다.
  • `Proceed to Pay`는 `/stripe`로 연결되는데 package 페이지 설명문은 PayPal만 말해 신뢰 신호가 일관되지 않다.
  • 검색 taxonomy와 account microcopy 정제 수준이 낮아 채널 포지셔닝 대비 운영 품질 신호는 약하다.

요구사항 매핑

기준 문서 TFWP 저임금 채용 광고 규정 기준 구직사이트 요구사항 에 맞춰 이 레퍼런스 사이트의 참고 가능 범위를 평가했다.

항목판정근거메모
1. 관련성 있는 구직자 집단 타기팅충족About Us가 `vulnerable youth recruitment in Canada`를 직접 표방한다.channel-level 정체성은 분명하다.
2. 다른 온라인 채널과의 구별성충족`Youth Jobs Canada`라는 niche를 브랜드와 카피 전반에서 반복한다.공고 단위 구별성은 약하다.
3. underrepresented group 타기팅 설명 가능성충족홈, About, 블로그가 youth employment narrative를 유지한다.posting-level evidence는 약하다.
4. 필수 공고 정보 제공 능력부분 충족공개 공고에서 location, salary, type, min experience, min education, posting date, expiry date를 확인했다.business address, language, benefits는 구조화돼 있지 않고 posting form은 직접 검증하지 못했다.
5. 요구 게시 기간 지원충족package가 `Job Post Expiry - 180 Days`를 명시하고 공고 상세도 posted/expiry date를 공개한다.최소 4주 게시 지원은 충분해 보인다.
6. 광고 증빙 제공 가능성부분 충족stable URL, job ID, posted/expiry date, employer dashboard의 manage jobs/order history 표면이 있다.HTML/PDF export, immutable snapshot, archive proof는 보이지 않았다.
7. 오디언스 근거의 외부 가시성충족홈, About, 블로그, 브랜딩 카피가 youth audience를 외부에 드러낸다.reach metrics와 사례가 더 있으면 더 강해진다.
8. 감사 대응용 기록 보존 신호부분 충족company detail, manage jobs, jobs applied, order history, checkout 화면이 존재한다.다운로드 가능한 listing proof나 archived record는 확인되지 않았다.
9. 어떤 오디언스를 타기팅했는지 보여주는 기능부분 충족site-wide branding은 youth audience를 드러내지만 job card와 job detail에는 audience tag가 없다.channel-level 설명은 충분하지만 posting-level 설명력은 약하다.

레퍼런스 플로우 분석

실제 확인한 플로우는 구직자 `홈 -> Search Jobs -> Job Detail -> Apply Now`, 고용주 `로그인 -> Packages(자동 진입) -> Company Detail -> Manage Jobs -> Package -> Checkout`이다.

YouthJob 홈 상단 스크린샷

구직자 flow 1: 홈

https://www.youthjob.ca/

참고할 점
  • `FOR YOUTH CANADA!`로 타깃 오디언스를 첫 화면에서 이해시킨다.
  • 검색 입력과 location 선택이 hero 안에 있어 곧바로 discovery를 시작할 수 있다.
  • Latest Jobs 카드가 이어져 홈이 discovery page 역할도 한다.
복제하지 말 것
  • 모든 방문자에게 employer 운영 배너가 보여 candidate 첫인상을 흐린다.
  • 최근 공고 카드에는 salary, posted date, audience tag가 없다.
  • 브랜딩은 청년 특화지만 대표 공고는 generic해서 promise와 inventory 연결이 약하다.
YouthJob About Us 상단 스크린샷

공통 근거 페이지: About Us

https://www.youthjob.ca/about-us

참고할 점
  • `vulnerable youth recruitment in Canada`를 직접 써서 audience를 공개적으로 설명한다.
  • candidate와 employer 양쪽 가치 제안을 모두 담고 있다.
복제하지 말 것
  • 본문 영어가 부자연스럽고 번역투가 강해 신뢰도를 떨어뜨린다.
  • 파트너, reach 수치, 사용자 규모 같은 객관적 근거가 없다.
YouthJob 공고 상세 상단 스크린샷

구직자 flow 3: 공고 상세

https://www.youthjob.ca/jobs/8879

참고할 점
  • `Job ID`, `Date Posted`, `Expiry Date`, `Type Of Job`, `Salary`, `Min. Experience`, `Min. Education`을 공개적으로 노출한다.
  • stable URL이 있고 상세 본문에 apply instructions와 job description이 이어져 있다.
복제하지 말 것
  • salary 표시는 `CAD $$21.25...`처럼 포맷이 깨지고 줄바꿈이 어색하다.
  • 상단 요약의 `How To Apply`는 비어 있고 실제 apply 안내는 하단에 다시 나온다.
  • business address, language, benefits는 structured field가 아니다.
YouthJob Apply Now 상단 스크린샷

구직자 flow 4: Apply Now

https://www.youthjob.ca/apply-now/8879

참고할 점
  • 계정 생성 없이도 이름, 이메일, 이력서 업로드만으로 지원할 수 있어 friction이 매우 낮다.
  • resume upload와 reCAPTCHA가 같이 있어 최소한의 anti-spam 방어는 있다.
복제하지 말 것
  • 개인정보, 기대 응답 시간, confirmation 같은 기대치 설정이 없다.
  • eligibility 질문, consent, structured screening이 없어 기록 보존이 약하다.
YouthJob Company Detail 상단 스크린샷

고용주 flow 1: Company Detail

https://www.youthjob.ca/employer/company-detail

참고할 점
  • 회사 주소, 이메일, 남은 credits, quick links가 한 화면에 보인다.
  • `Manage Jobs`, `Jobs Applied`, `Order History`, `Change Password`로 이어지는 기본 운영 IA가 있다.
복제하지 말 것
  • 로그인 직후 dashboard가 아니라 `Packages`가 보이는 구조다.
  • `0 Job Post are left from 0` 같은 문구는 account 신뢰감을 떨어뜨린다.
YouthJob Manage Jobs 상단 스크린샷

고용주 flow 2: Manage Jobs

https://www.youthjob.ca/employer/jobs

참고할 점
  • `Job ID`, `Location Name`, `Date Posted`, `Expiry Date`, `Number of Views`를 포함해 기본 운영 기록 모델을 암시한다.
복제하지 말 것
  • empty state가 `Result not found !!` 한 줄뿐이라 다음 행동을 안내하지 못한다.
  • draft/live/expired, export, renew, archive, proof download가 없다.
YouthJob Packages 상단 스크린샷

고용주 flow 3: Packages

https://www.youthjob.ca/membership-pricing

참고할 점
  • 1/5/10/unlimited 패키지와 가격, 180일 만료 규칙이 명확하다.
복제하지 말 것
  • `Post Job` 진입이 사실상 package 구매 선행 단계가 된다.
  • 패키지 설명문은 PayPal만 언급하지만 실제 checkout은 `/stripe`로 이어진다.
  • listing proof, preview sample, required field coverage 같은 compliance confidence는 보이지 않는다.
YouthJob Checkout 상단 스크린샷

고용주 flow 4: Checkout

테스트로 `Pack 1` 선택 후 확인한 checkout 화면

참고할 점
  • subtotal, tax, total이 단순하게 정리돼 결제 금액 자체는 이해하기 쉽다.
복제하지 말 것
  • order summary에는 package만 있고 실제 공고 정보는 없다.
  • `Proceed to Pay`는 `/stripe`로 POST되는데 앞단 copy는 PayPal만 말한다.
  • invoice preview, listing proof, posting certificate, posting schedule 요약이 없다.
YouthJob 모바일 홈 상단 스크린샷

구직자 flow 보조: 모바일 홈

390px 뷰포트 기준 홈 캡처

참고할 점
  • 햄버거 메뉴와 Sign In / Sign Up이 상단에 정리돼 있다.
  • 모바일에서도 검색 입력과 location 필드가 곧바로 보인다.
복제하지 말 것
  • employer 운영 배너가 첫 화면 상당 부분을 차지한다.
  • hero 이미지를 먼저 크게 소비하고 난 뒤에야 핵심 탐색이 이어진다.

회원가입 흐름 분석

`Youth Job Canada`의 회원가입은 `Employer`와 `Employee`를 초기에 분리하지만, 특히 employer 쪽은 가입 단계에서 조직 연락처와 위치 정보를 상당수 요구한다. 레퍼런스 중 가장 `사전 수집형 onboarding`에 가깝다.

항목 관찰 결과 해석
진입 구조 전용 `/register/` 페이지가 있고, 상단 네비게이션에서 `Sign In / Sign Up`으로 진입한다. 발견성은 좋지만, 첫 화면부터 account action이 강조된다.
역할 분기 `Employer`와 `Employee`를 라디오로 나누고, 입력 라벨도 역할에 따라 달라진다. 역할 의도가 명확해 초행자 이해는 쉽다.
요구 정보 공통으로 이름, 이메일, 비밀번호를 받고, employer를 선택하면 `address`, `city`, `province`, `country`, `postal code`가 즉시 열린다. 나중에 필요한 조직 정보를 앞당겨 받는 구조라 데이터 품질은 좋지만, 가입 완료율에는 부담이 크다.
검증 장치 `Google reCAPTCHA`가 있고, 소셜 로그인은 보이지 않았다. 보안은 무난하지만, 입력량이 많은 상황에서 captcha까지 더해져 employer 가입 마찰이 커진다.

평가

  • 좋은 점은 `role-aware form`이다. employer와 employee의 카피와 입력 라벨이 즉시 달라져 혼선이 적다.
  • 문제는 `조직 정보 수집 시점`이다. 아직 로그인조차 끝나지 않은 단계에서 주소와 지역 정보를 한꺼번에 요구해, 신규 고용주에게는 진입 장벽이 높다.
  • 우리 사이트는 이 사례에서 `역할별 카피 분기`만 참고하고, 실제 조직 정보 수집은 `Google 로그인 후 onboarding`으로 미루는 편이 낫다.

우리 사이트 설계 원칙

채널 전략

  • 홈과 About는 `청년 대상 채널` 설명을 유지하되 live jobs에도 audience tag와 entry-level 신호를 보여줘야 한다.
  • brand copy만으로 끝내지 말고 partner, audience size, reach, 사례를 공개해야 한다.

구직자 UX

  • 홈 검색과 direct apply의 단순함은 가져가되 카드와 상세에서 wage/province/date/audience fit를 더 앞에 보여줘야 한다.
  • apply form은 공개 진입을 허용하더라도 consent, confirmation, screening, receipt를 구조화해야 한다.

고용주 UX

  • dashboard는 package upsell보다 먼저 listing 상태, required field completeness, public proof, candidate pipeline을 보여줘야 한다.
  • 공고 작성 폼과 preview는 구매 전에도 충분히 검증 가능해야 한다.

규정 대응 기능

  • business address, language, benefits, education, experience, work location type은 dedicated field로 수집해야 한다.
  • public listing, preview, checkout summary, HTML/PDF export, order receipt가 모두 같은 posting schema를 사용해야 한다.

검증 한계

  • 공개 주요 페이지와 대표 live job(`8879`), 제공된 employer 계정의 account area를 직접 확인했다.
  • `Apply Now`와 `Post Resume` 흐름을 비교해 direct apply는 공개이고 resume creation은 로그인 필요하다는 점까지 확인했다.
  • 고용주 계정은 `0` posting credits 상태였기 때문에 `employer/jobs/create`는 직접 폼으로 가지 못하고 `membership-pricing`으로 리다이렉트됐다.
  • `Jobs Applied`와 `Order History`도 실제로 열어 봤지만 둘 다 빈 상태였고 listing proof/export는 보이지 않았다.
  • `Pack 1` 선택 후 checkout까지는 진행했지만 실제 `/stripe` 결제 제출은 수행하지 않았다.

이번 분석의 주된 미검증 범위는 유료 결제 이후의 posting builder, 실제 invoice/receipt, 유료 구매 후 listing proof/export, 지원 제출 후 employer-side applicant handling이다.