Designing A Landing Page To Communicate Company Value
Designing A Landing Page To Communicate Company Value
Designing A Landing Page To Communicate Company Value
Designing A Landing Page To Communicate Company Value
Designing A Landing Page To Communicate Company Value
Client
Company
Client
Client
Client
Rekrutme.id
Rekrutme.id
Rekrutme.id
Rekrutme.id
Project Type
Project Type
Project Type
Project Type
Landing Page
Landing Page
Landing Page
Landing Page
Industry
Industry
Industry
Industry
HR
HR
HR
HR
Year
Year
Year
Year
(
(
(
(
2023
2023
2023
2023
)
)
)
)
Overview
Overview
Overview
Overview
Rekrutme.ID is a website designed to simplify the hiring and job search process for both employers and candidates. This case study explores the design of core user flows that enable seamless job discovery, application, and candidate management. The focus was on creating a user-centered experience that reduces friction and supports efficient decision-making on both sides of the recruitment journey.
Rekrutme.ID is a website designed to simplify the hiring and job search process for both employers and candidates. This case study explores the design of core user flows that enable seamless job discovery, application, and candidate management. The focus was on creating a user-centered experience that reduces friction and supports efficient decision-making on both sides of the recruitment journey.
Rekrutme.ID is a website designed to simplify the hiring and job search process for both employers and candidates. This case study explores the design of core user flows that enable seamless job discovery, application, and candidate management. The focus was on creating a user-centered experience that reduces friction and supports efficient decision-making on both sides of the recruitment journey.
Rekrutme.ID is a website designed to simplify the hiring and job search process for both employers and candidates. This case study explores the design of core user flows that enable seamless job discovery, application, and candidate management. The focus was on creating a user-centered experience that reduces friction and supports efficient decision-making on both sides of the recruitment journey.
Background
Background
Background
About Rekrutme.ID
About Rekrutme.ID
About Rekrutme.ID
About Rekrutme.ID
Rekrutme ID is a project in human resources field which focus on career consulting and CV review to help candidates develop their careers and find the right job on logistic industry. Rekrutme ID also help employers in getting employees based on their demands.
Rekrutme ID is a project in human resources field which focus on career consulting and CV review to help candidates develop their careers and find the right job on logistic industry. Rekrutme ID also help employers in getting employees based on their demands.
Rekrutme ID is a project in human resources field which focus on career consulting and CV review to help candidates develop their careers and find the right job on logistic industry. Rekrutme ID also help employers in getting employees based on their demands.
Project Overview
Project Overview
Project Overview
Project Overview
The website landing page for Rekrutme ID aims to introduce its career consulting and CV review services in logistics industry, build credibility and trust with potential clients, feature testimonials, and prompt clear calls-to-action. The goal is to effectively communicate the value of Rekrutme ID's services.
The website landing page for Rekrutme ID aims to introduce its career consulting and CV review services in logistics industry, build credibility and trust with potential clients, feature testimonials, and prompt clear calls-to-action. The goal is to effectively communicate the value of Rekrutme ID's services.
The website landing page for Rekrutme ID aims to introduce its career consulting and CV review services in logistics industry, build credibility and trust with potential clients, feature testimonials, and prompt clear calls-to-action. The goal is to effectively communicate the value of Rekrutme ID's services.
Project Requirements
Project Requirements
Gathering Client's Issue and Requirements
Gathering Client's Issue and Requirements
Gathering Client's Issue and Requirements
I met with the CEO through Google Meet to understand the problems and needs for a landing page. We decided on what information to be featured for jobseekers and employers on the website. Talking about the scopes and goals.
I met with the CEO through Google Meet to understand the problems and needs for a landing page. We decided on what information to be featured for jobseekers and employers on the website. Talking about the scopes and goals.
Here are the main requirements:
Here are the main requirements:
Showcasing Main Services
They wanted landing page services for career consulting, CV review, and employer information to explain to visitors
They wanted landing page services for career consulting, CV review, and employer information to explain to visitors
Defining First Style Guide and Layout
As there was no established website style guide and tone, we decided to draw inspiration from similar websites and adapt them to align with the vision and mission of Rekrutme ID
As there was no established website style guide and tone, we decided to draw inspiration from similar websites and adapt them to align with the vision and mission of Rekrutme ID
Inviting Visitors to Join Group
Adding visual cue where visitor can enter group without hassle
Adding visual cue where visitor can enter group without hassle
Showcasing Main Services
They wanted landing page services for career consulting, CV review, and employer information to explain to visitors
Defining First Style Guide and Layout
As there was no established website style guide and tone, we decided to draw inspiration from similar websites and adapt them to align with the vision and mission of Rekrutme ID
Inviting Visitors to Join Group
Adding visual cue where visitor can enter group without hassle
Design Process
Design Process
Design Process
Identifying the Challenges
Identifying the Challenges
Identifying the Challenges
“How might I create a landing page for Rekrutme ID that effectively showcases their services to job seekers and employers, while also providing a clear calls-to-action?”
“How might I create a landing page for Rekrutme ID that effectively showcases their services to job seekers and employers, while also providing a clear calls-to-action?”
“How might I create a landing page for Rekrutme ID that effectively showcases their services to job seekers and employers, while also providing a clear calls-to-action?”
Because there was no UX Writer team, the challenge was to design and write information which suit to Rekrutme ID user target. In solving this challenge, I used competitive analysis with similar website to learn more on their tone, UI layout, and services, so I could do the design with ease.
Because there was no UX Writer team, the challenge was to design and write information which suit to Rekrutme ID user target. In solving this challenge, I used competitive analysis with similar website to learn more on their tone, UI layout, and services, so I could do the design with ease.
Comparing with Similar Website
Comparing with Similar Website
Comparing with Similar Website
The business development team compared services from similar HR agencies comprehensively and provided me with four comparable websites. I used these to evaluate the strengths and weaknesses of their UI and product features to enhance the Rekrutme website. To establish a tone for the site, I looked at similar websites for inspiration, including Glints Employer, Epicareer, Wonsulting, and SkillAcademy, since those are similar to Rekrutme ID vision and mission.
The business development team compared services from similar HR agencies comprehensively and provided me with four comparable websites. I used these to evaluate the strengths and weaknesses of their UI and product features to enhance the Rekrutme website. To establish a tone for the site, I looked at similar websites for inspiration, including Glints Employer, Epicareer, Wonsulting, and SkillAcademy, since those are similar to Rekrutme ID vision and mission.
Key Insights
Key Insights
Professional looks that show “career people” characteristic
Semi-formal, concise, and engaging UX writing
Using image with people that shows positive and optimistic vibe
Strong CTA contras
Professional looks that show “career people” characteristic
Semi-formal, concise, and engaging UX writing
Using image with people that shows positive and optimistic vibe
Strong CTA contras
Professional looks that show “career people” characteristic
Semi-formal, concise, and engaging UX writing
Using image with people that shows positive and optimistic vibe
Strong CTA contras
Professional looks that show “career people” characteristic
Semi-formal, concise, and engaging UX writing
Using image with people that shows positive and optimistic vibe
Strong CTA contras
Establishing Style Guide
Establishing Style Guide
Establishing Style Guide
There was existing brand color that represent the company’s color which is light blue. In addition, I also introduced new design elements such as buttons, typography, and cards to maintain visual coherence throughout the website's pages. The style focused on a professional, youthful, and trustworthy aesthetic.
There was existing brand color that represent the company’s color which is light blue. In addition, I also introduced new design elements such as buttons, typography, and cards to maintain visual coherence throughout the website's pages. The style focused on a professional, youthful, and trustworthy aesthetic.
Solution
Solution
Solution
Hi-Fi Design
Hi-Fi Design
Hi-Fi Design
Hi-Fi Design
After deciding the style guide and information architecture, I created the hi-fi design and prototype using Figma where the stakeholders will give feedback later on. I designed using observe-copy-modify method.
After deciding the style guide and information architecture, I created the hi-fi design and prototype using Figma where the stakeholders will give feedback later on. I designed using observe-copy-modify method.
After deciding the style guide and information architecture, I created the hi-fi design and prototype using Figma where the stakeholders will give feedback later on. I designed using observe-copy-modify method.
Design Process
Identifying the Challenges
“How might I create a landing page for Rekrutme ID that effectively showcases their services to job seekers and employers, while also providing a clear calls-to-action?”
Because there was no UX Writer team, the challenge was to design and write information which suit to Rekrutme ID user target. In solving this challenge, I used competitive analysis with similar website to learn more on their tone, UI layout, and services, so I could do the design with ease.
Comparing with Similar Website
The business development team compared services from similar HR agencies comprehensively and provided me with four comparable websites. I used these to evaluate the strengths and weaknesses of their UI and product features to enhance the Rekrutme website. To establish a tone for the site, I looked at similar websites for inspiration, including Glints Employer, Epicareer, Wonsulting, and SkillAcademy, since those are similar to Rekrutme ID vision and mission.
Key Insights
Professional looks that show “career people” characteristic
Semi-formal, concise, and engaging UX writing
Using image with people that shows positive and optimistic vibe
Strong CTA contras
Professional looks that show “career people” characteristic
Semi-formal, concise, and engaging UX writing
Using image with people that shows positive and optimistic vibe
Strong CTA contras
Establishing Style Guide
There was existing brand color that represent the company’s color which is light blue. In addition, I also introduced new design elements such as buttons, typography, and cards to maintain visual coherence throughout the website's pages. The style focused on a professional, youthful, and trustworthy aesthetic.
Outcome
Outcome
Outcome
Planned UX Metrics Measurement
Planned UX Metrics Measurement
Planned UX Metrics Measurement
Planned UX Metrics Measurement
We had initially intended to gather metrics on the number of visitors joining the Rekrutme.ID Telegram group through the provided CTA on the landing page. However, considering budget constraints, the client has chosen to delay for the time being.
We had initially intended to gather metrics on the number of visitors joining the Rekrutme.ID Telegram group through the provided CTA on the landing page. However, considering budget constraints, the client has chosen to delay for the time being.
We had initially intended to gather metrics on the number of visitors joining the Rekrutme.ID Telegram group through the provided CTA on the landing page. However, considering budget constraints, the client has chosen to delay for the time being.
Lessons Learned
Lessons Learned
Lessons Learned
Lessons Learned
By doing competitive analysis, I can understand more broadly about jobseeker and employer perspective
A landing page should be simple, easy to navigate, and visually appealing. It should not overwhelm users with too much information
By doing competitive analysis, I can understand more broadly about jobseeker and employer perspective
A landing page should be simple, easy to navigate, and visually appealing. It should not overwhelm users with too much information
By doing competitive analysis, I can understand more broadly about jobseeker and employer perspective
A landing page should be simple, easy to navigate, and visually appealing. It should not overwhelm users with too much information
By doing competitive analysis, I can understand more broadly about jobseeker and employer perspective
A landing page should be simple, easy to navigate, and visually appealing. It should not overwhelm users with too much information
Project Requirements
Gathering Client's Issue and Requirements
I met with the CEO through Google Meet to understand the problems and needs for a landing page. We decided on what information to be featured for jobseekers and employers on the website. Talking about the scopes and goals.
Here are the main requirements:
Showcasing Main Services
They wanted landing page services for career consulting, CV review, and employer information to explain to visitors
Defining First Style Guide and Layout
As there was no established website style guide and tone, we decided to draw inspiration from similar websites and adapt them to align with the vision and mission of Rekrutme ID
Inviting Visitors to Join Group
Adding visual cue where visitor can enter group without hassle
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
(Contact)
Let’s collaborate.
-
-
-
-
-
2023
2023
2023
2023
2023