Jermanik

Jermanik

Jermanik

Applying For Jobs is no more boring

Applying For Jobs is no more boring

Project Overview

Re-Design a job portal for a big company in UAE to enhance user experience and satisfaction and to provide Users with more options.

  • Conceptual

  • UI Re-design

  • Responsive Website

Duration:

1 Week

Role:

UI Designer

JERMANIK

The Story Behind This Project

I recently Applied for a job in this big company website and I was really surprised, How a big name in the Market operates with such UI in their website?

Thus, as an eager and passionate Designer, I was triggered to redesign the job portal to enhance the user experience, in this case (Me).

Motivations

A.

To be honest, When I saw the UI of the website for the first time, I was not motivated as a user and job seeker to complete the process, but I did it anyway.

B.

As a junior UX/UI Designer it represent me a Challenge to enhance the UI aspect of the website by putting myself in the shoes of the designer who create it.

C.

Every challenge represents a new experience and as a junior designer, this challenge provides me with new insights in new industry realm, taking into account its restrictions and opportunities.

BEFORE

AFTER

My Notes

Prototypes

Prototypes

Prototypes

Modifications

Modifications

Modifications

Modifications

The modifications aim to improve user accessibility, functionality, and overall aesthetic appeal, directly contributing to a more engaging and user-friendly experience for potential applicants. Below, I outline the changes implemented, the rationale behind each, and the anticipated impact on the user experience.

The modifications aim to improve user accessibility, functionality, and overall aesthetic appeal, directly contributing to a more engaging and user-friendly experience for potential applicants. Below, I outline the changes implemented, the rationale behind each, and the anticipated impact on the user experience.

The modifications aim to improve user accessibility, functionality, and overall aesthetic appeal, directly contributing to a more engaging and user-friendly experience for potential applicants. Below, I outline the changes implemented, the rationale behind each, and the anticipated impact on the user experience.

The modifications aim to improve user accessibility, functionality, and overall aesthetic appeal, directly contributing to a more engaging and user-friendly experience for potential applicants. Below, I outline the changes implemented, the rationale behind each, and the anticipated impact on the user experience.

Enhanced Accessibility and Readability
Enhanced Accessibility and Readability
Changes Made:

Improved font sizes, contrast ratios, and heading structures.

Justification:

To ensure the career page is navigable and readable by users with varying visual impairments, aligning with ADA compliance.

Impact:

These enhancements are expected to widen the applicant pool by making the site accessible to a broader audience.

Enhanced Accessibility and Readability
Changes Made:

Improved font sizes, contrast ratios, and heading structures.

Justification:

To ensure the career page is navigable and readable by users with varying visual impairments, aligning with ADA compliance.

Impact:

These enhancements are expected to widen the applicant pool by making the site accessible to a broader audience.

User Interface Elements
User Interface Elements
Changes Made:

Redesign of buttons, menus, progression bars, error messages, notifications, and input bars.

Justification:

To streamline the application process and reduce user errors by providing clear, intuitive interactions.

Impact:

Improved user satisfaction and reduced abandonment rates during the application process.

User Interface Elements
Changes Made:

Redesign of buttons, menus, progression bars, error messages, notifications, and input bars.

Justification:

To streamline the application process and reduce user errors by providing clear, intuitive interactions.

Impact:

Improved user satisfaction and reduced abandonment rates during the application process.

Spacing and Layout Adjustments
Spacing and Layout Adjustments
Changes Made:

Optimized spacing and layout for better visual hierarchy.

Justification:

To facilitate a more logical flow of information, enhancing the user's ability to find and process information efficiently.

Impact:

Leads to a smoother user journey, potentially increasing the number of completed applications.

Spacing and Layout Adjustments
Changes Made:

Optimized spacing and layout for better visual hierarchy.

Justification:

To facilitate a more logical flow of information, enhancing the user's ability to find and process information efficiently.

Impact:

Leads to a smoother user journey, potentially increasing the number of completed applications.

Summary and Confirmation Enhancements
Summary and Confirmation Enhancements
Changes Made:

Addition of a thanking page and confirmation page upon application submission; options to apply for additional roles and edit information readily available.

Justification:

To confirm successful application submission and encourage further interaction with available positions.

Impact:

Increases user engagement and retention, encouraging applicants to explore multiple job opportunities.

Summary and Confirmation Enhancements
Changes Made:

Addition of a thanking page and confirmation page upon application submission; options to apply for additional roles and edit information readily available.

Justification:

To confirm successful application submission and encourage further interaction with available positions.

Impact:

Increases user engagement and retention, encouraging applicants to explore multiple job opportunities.

New Features and Functions
New Features and Functions
Add Note Section and Preferred Contact Channel Options

Justification: Allows for personalized application submissions and communication preferences, enhancing applicant satisfaction.

Attachment of Video, Website, and Social Media Links

Justification: Enables candidates to showcase a broader range of qualifications and experiences.

Voice Button for Terms and Conditions

Justification: Increases accessibility and compliance, ensuring users understand the terms without needing to read lengthy text.

Download and Print Options

Justification: Provides users with the flexibility to interact with their application offline, increasing convenience.

New Features and Functions
Add Note Section and Preferred Contact Channel Options

Justification: Allows for personalized application submissions and communication preferences, enhancing applicant satisfaction.

Attachment of Video, Website, and Social Media Links

Justification: Enables candidates to showcase a broader range of qualifications and experiences.

Voice Button for Terms and Conditions

Justification: Increases accessibility and compliance, ensuring users understand the terms without needing to read lengthy text.

Download and Print Options

Justification: Provides users with the flexibility to interact with their application offline, increasing convenience.

Lesson Learned

The redesign of the career page provided invaluable insights into the intricate balance between user needs and business objectives. Here are the key takeaways:

Importance of Accessibility

The project underscored the critical need to prioritize accessibility from the outset. Incorporating accessibility features not only broadens the potential user base but also ensures compliance with global standards. This proactive approach helps avoid later modifications which can be costly and time-consuming.

The Impact of Comprehensive Error Handling

Refining error messages and notifications was a lesson in the subtle art of communication within digital interfaces. Well-crafted messages can transform user confusion into clarity and keep users on track during their application process, significantly improving the overall user experience.

Flexibility in Design

The addition of features such as the ability to download, print, and modify applications taught me the value of designing flexible systems that cater to varied user behaviours and needs. This flexibility resulted in a more accommodating platform, encouraging greater interaction and engagement from applicants.

Inextricable Link Between UI and UX

Throughout the project, it became evident that UI and UX are deeply interconnected, with each element influencing the overall user experience. Effective visual design (UI) supported and enhanced the usability and functionality (UX), proving that both disciplines need to work in harmony to create an optimal user interface.

Conclusion

In conclusion, the redesign of the career page into JERMANIK was more than just a facelift; it was a deep dive into understanding and implementing UX and UI principles in a way that serves both users and business needs effectively.

Thank You For Your Time

Thank You For Your Time

Thank You For Your Time

See Also

Dhzein

By Laith Alhmeidi
laith@dhzein.com
Home
Books
Posts
Resume
LinkedIn
Up

All Copyrights Reserved

Dhzein

By Laith Alhmeidi
laith@dhzein.com
Home
Books
Posts
Resume
LinkedIn
Up

All Copyrights Reserved

Dhzein

By Laith Alhmeidi
laith@dhzein.com
Home
Books
Posts
Resume
LinkedIn
Up

All Copyrights Reserved