UA
RU'%3e%3cpath%20d='M0%200v30h60V0z'%20fill='%23012169'/%3e%3cpath%20d='M0%200l60%2030m0-30L0%2030'%20stroke='%23fff'%20stroke-width='6'/%3e%3cpath%20d='M0%200l60%2030m0-30L0%2030'%20clip-path='url(%23t)'%20stroke='%23C8102E'%20stroke-width='4'/%3e%3cpath%20d='M30%200v30M0%2015h60'%20stroke='%23fff'%20stroke-width='10'/%3e%3cpath%20d='M30%200v30M0%2015h60'%20stroke='%23C8102E'%20stroke-width='6'/%3e%3c/g%3e%3c/svg%3e){kind=small}
EN
UI/UX design for the DJob job search website
Home page design for a job search service: search by keyword and location, job categories, recommendations and CV upload. Desktop and mobile versions in Figma.
Project at a glance
- Client
- DJob
- job search service
- Task
- UI/UX design
- the service home page
- Versions
- Desktop and mobile
- Figma mockups
- Structure
- 8 sections
- from search to footer
- Main scenario
- Job search
- keyword + location
- Conversion points
- 4
- Search, Apply Now, Upload CV, newsletter
What the client got
Figma design- 8
- home page sections
- 4
- conversion points
- 2
- mockup versions
The mockups are ready for development handoff: desktop and mobile versions in one Figma file.
Context and task
DJob is a service for finding remote jobs or jobs abroad. The task was to design a home page that lets a person start searching within seconds: enter a job title and location, pick a category or apply straight to a recommended vacancy. Separately, it had to let employers find candidates through uploaded CVs.
How we designed it
On a job search site, what matters most is getting to vacancies fast. So the search bar sits right on the hero, and directly below it are 8 categories with open-vacancy counts. Trust is reinforced by floating cards with numbers (100K+ vacancies, 12K+ users) and a “You are accepted” notification. The style is a light lavender palette with a blue-violet accent, large headings and plenty of white space.
Campaign architecture
- “Discover Your Dream Job” hero: search by job title and location, Sign Up / Sign In buttons and trust cards with numbers.
- “Find Your Jobs By Category”: 8 categories — from Business Development to IT & Software — with vacancy counts.
- “Discover Job Around The World”: a block about working abroad with a Get Started button.
- “Recommended Job For You”: Part Time / Full Time / Remote tabs and job cards with salary and an Apply Now button.
- “Let The Company Found You”: CV upload (Upload Your CV) and a visual with notifications from employers.
- User testimonials in a carousel, a newsletter signup and a footer with navigation and contacts.
What drives action
The page has 4 conversion points: search on the hero, Apply Now on job cards, Upload Your CV for those who want employers to find them, and a newsletter signup. All buttons share one accent color, so they are easy to spot.
Responsive design and dev handoff
Besides desktop, we built a mobile version: blocks are rearranged into one column, with search and categories kept up front. The Figma mockups are organized so a developer can take sizes, colors and components right away.
Summary
The client got a finished home page design for a job search service: a clear path from search to applying, a separate CV scenario and a mobile version ready for development.
The full site — from header to footer
Scroll inside the window to see the whole home page.
Need a design that drives action?
We’ll design your website or service: structure, prototype, Figma design and dev handoff in one team.