Feb 2025
Monjin
Monjin
A Structured Website
for Smarter Hiring
A Structured Website
for Smarter Hiring
A Structured Website
for Smarter Hiring
A Structured Website
for Smarter Hiring
Monjin is an AI-driven video interview platform helping companies streamline hiring.
This project focused on elevating its website experience through structured layouts and clear, intuitive design.
Monjin is an AI-driven video interview platform helping companies
streamline hiring.
This project focused on elevating its website experience through structured layouts and clear, intuitive design.
// A Clearer, More Modern Web Experience
// A Clearer, More Modern Web Experience
The goal was to rebuild the website layouts to better communicate Monjin’s offering while improving clarity, flow, and usability.
The redesign focused on creating a modular system that feels modern, easy to navigate, and aligned with the brand’s evolving digital presence.
The goal was to rebuild the website layouts to better communicate Monjin’s offering while improving clarity, flow, and usability.
The redesign focused on creating a modular system that feels modern, easy to navigate, and aligned with the brand’s evolving digital presence.
Role
UI/UX Designer
Team Project
UI/UX Designer
Team Project
Scope
Website Layout Design Responsive UI
Structure & Hierarchy
Website Layout Design Responsive UI
Structure & Hierarchy
Duration
2.5 Months
2.5 Months
// Reframing the Experience
The redesign reshaped Monjin’s narrative into a clearer, more intuitive flow guiding hiring teams, candidates, and partners toward the information that supports faster decision-making. Content was reorganized into modular templates that improve scanability and reduce friction across the site.
To support this, a refined UI system introduced consistent typography, a controlled color palette, and reusable components, creating a cohesive, credible experience that elevates trust and strengthens the brand’s enterprise presence.
The redesign reshaped Monjin’s narrative into a clearer, more intuitive flow guiding hiring teams, candidates, and partners toward the information that supports faster decision-making. Content was reorganized into modular templates that improve scanability and reduce friction across the site.
To support this, a refined UI system introduced consistent typography, a controlled color palette, and reusable components, creating a cohesive, credible experience that elevates trust and strengthens the brand’s enterprise presence.
// Reframing the Experience
The redesign reshaped Monjin’s narrative into a clearer, more intuitive flow guiding hiring teams, candidates, and partners toward the information that supports faster decision-making. Content was reorganized into modular templates that improve scanability and reduce friction
across the site.
To support this, a refined UI system introduced consistent typography, a controlled color palette, and reusable components, creating a cohesive, credible experience that elevates trust and strengthens the brand’s enterprise presence.
// Designing the Modern Monjin
// Designing the Modern Monjin
// Designing the Modern Monjin
The redesigned experience focuses on clarity and persuasion. A sharper hero story, structured product explanations, and proof-led layouts guide users naturally through the value Monjin delivers. Each page is built for readability and flow, supported by crisp visuals and performance-minded assets that elevate the brand without overwhelming it.
The redesigned experience focuses on clarity and persuasion. A sharper hero story, structured product explanations, and proof-led layouts guide users naturally through the value Monjin delivers. Each page is built for readability and flow, supported by crisp visuals and performance-minded assets that elevate the brand without overwhelming it.
// Proof in the Response
// Proof in the Response
// Proof in the Response
The refreshed presence generated stronger client confidence, more qualified leads, and a noticeable lift in interviews and hiring activity. Enterprise teams responded positively to the clearer value story, and the modular system now enables the brand to scale pages and campaigns with far less effort.
The refreshed presence generated stronger client confidence, more qualified leads, and a noticeable lift in interviews and hiring activity. Enterprise teams responded positively to the clearer value story, and the modular system now enables the brand to scale pages and campaigns with far less effort.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M 7.841 1.014 C 6.671 1.014 6.359 1.209 6.359 2.965 L 6.359 21.182 C 6.359 24.147 7.451 27.268 9.401 27.268 L 9.401 27.931 L 0 27.931 L 0 27.541 C 1.17 27.541 1.482 27.346 1.482 25.59 L 1.482 2.965 C 1.482 1.209 1.17 1.014 0 1.014 L 0 0.624 L 7.841 0.624 Z M 7.022 13.965 C 7.022 10.26 17.125 10.455 17.125 4.603 C 17.125 3.043 16.423 1.404 14.316 0.468 L 14.473 0 C 16.774 0 21.494 0.78 21.494 4.291 C 21.494 10.728 9.05 10.494 9.05 12.717 C 9.05 16.462 22.626 25.98 25.044 27.541 L 25.044 27.931 L 16.969 27.931 C 14.043 25.473 7.022 17.71 7.022 13.965 Z" fill="rgb(255, 195, 11)" height="27.930819148222607px" id="biIEmEXkG" transform="translate(2.438 3.048)" width="25.044114568138113px"/><path d="M 11.079 8.075 C 11.079 6.281 3.043 9.713 3.043 4.72 C 3.043 2.185 5.968 0 10.377 0 C 16.384 0 20.753 4.369 20.753 10.377 C 20.753 16.384 16.384 20.753 10.377 20.753 C 4.369 20.753 0 16.384 0 10.377 C 0 9.245 0.468 7.685 2.926 7.607 C 5.266 7.529 6.827 8.894 9.284 8.894 C 10.103 8.894 11.079 8.621 11.079 8.075 Z M 4.876 10.377 C 4.876 16.033 7.178 20.168 10.377 20.168 C 13.575 20.168 15.877 16.033 15.877 10.377 C 15.877 4.72 13.614 0.585 10.064 0.585 C 8.231 0.585 6.905 1.755 6.905 3.394 C 6.905 7.295 12.873 4.408 12.873 6.944 C 12.873 8.426 11.001 9.479 9.089 9.479 C 7.919 9.479 6.866 9.167 5.851 9.167 C 5.266 9.167 4.876 9.479 4.876 10.377 Z" fill="rgb(255, 195, 11)" height="20.75306666666667px" id="CzSskYKKY" transform="translate(24.389 10.85)" width="20.753066666666673px"/><path d="M 6.476 0.624 C 6.164 4.954 5.5 9.323 5.5 13.653 L 5.695 13.653 C 5.695 5.383 9.011 0 13.38 0 C 16.306 0 17.515 1.287 17.515 3.901 C 17.515 5.812 16.579 9.323 16.579 13.653 L 16.774 13.653 C 16.774 5.383 20.09 0 24.459 0 C 27.385 0 28.984 1.677 28.984 4.291 C 28.984 6.437 28.399 10.572 28.399 13.146 C 28.399 16.618 29.53 19.739 31.481 19.739 L 31.481 20.129 L 26.097 20.129 C 24.381 18.53 23.601 16.696 23.601 14.16 C 23.601 11.157 24.303 7.022 24.303 4.525 C 24.303 3.355 24.03 1.989 22.352 1.989 C 19.934 1.989 17.359 6.359 17.359 13.653 C 17.359 16.618 18.452 19.739 20.402 19.739 L 20.402 20.129 L 15.019 20.129 C 13.302 18.53 12.522 16.696 12.522 14.16 C 12.522 11.157 13.224 7.022 13.224 4.525 C 13.224 3.355 12.951 1.989 11.274 1.989 C 8.855 1.989 6.281 6.359 6.281 13.653 C 6.281 16.618 7.373 19.739 9.323 19.739 L 9.323 20.129 L 0 20.129 L 0 19.739 C 1.17 19.739 1.482 19.544 1.482 17.788 L 1.482 2.965 C 1.482 1.209 1.17 1.014 0 1.014 L 0 0.624 Z" fill="rgb(255, 195, 11)" height="20.128914285714288px" id="QXUPAOXY5" transform="translate(2.438 40.107)" width="31.480685714285734px"/><path d="M 14.16 20.129 C 14.473 15.799 15.136 11.43 15.136 7.1 L 14.941 7.1 C 14.941 15.76 10.572 20.753 4.915 20.753 C 1.989 20.753 0 19.076 0 16.462 C 0 10.181 11.625 11.976 11.625 9.245 C 11.625 7.451 3.979 9.674 3.979 4.681 C 3.979 2.146 6.905 0 10.923 0 C 16.579 0 19.154 3.472 19.154 6.905 L 19.154 17.788 C 19.154 19.544 19.466 19.739 20.636 19.739 L 20.636 20.129 Z M 4.876 16.228 C 4.876 17.398 5.539 18.764 7.412 18.764 C 11.157 18.764 14.356 14.395 14.356 7.1 C 14.356 2.965 12.951 0.585 10.611 0.585 C 8.894 0.585 7.841 1.521 7.841 3.004 C 7.841 6.944 13.419 5.578 13.419 8.114 C 13.419 11.625 4.876 11.43 4.876 16.228 Z" fill="rgb(255, 195, 11)" height="20.75306666666667px" id="qLhLniaih" transform="translate(32.35 40.107)" width="20.636038095238092px"/><path d="M 6.281 24.966 C 6.281 26.722 6.593 26.917 7.763 26.917 L 7.763 27.307 L 0 27.307 L 0 26.917 C 1.17 26.917 1.482 26.722 1.482 24.966 L 1.482 2.341 C 1.482 0.585 1.17 0.39 0 0.39 L 0 0 L 6.281 0 Z" fill="rgb(255, 195, 11)" height="27.306666666666665px" id="T5dzxRrDQ" transform="translate(53.376 32.929)" width="7.762895238095233px"/></svg>)
