Human Resource Management Landing Page UI Design
Human Resource Management Landing Page UI Design
Project Overview
Project Overview
Human Resource Management is a system used in managing aspects related to human resources in an organization or company. The main purpose of the Human Resource Management system is to assist companies in managing employees effectively and efficiently. This Human Resource Management system involves the use of information technology and various tools to automate and integrate processes related to human resource management.
This project is one of the tasks during my internship at an ERP company in Jakarta as a UI/UX Designer. In this project, my two partners and I created a new interface design that is more attractive and modern on three pages, namely the home page, recruitment page, and assessment page. We worked with a team of web developers to implement the User Interface Design that would be made and a team of Content Writers to create copywriting on the website. This project took one month until the new website was launched.
Human Resource Management is a system used in managing aspects related to human resources in an organization or company. The main purpose of the Human Resource Management system is to assist companies in managing employees effectively and efficiently. This Human Resource Management system involves the use of information technology and various tools to automate and integrate processes related to human resource management.
This project is one of the tasks during my internship at an ERP company in Jakarta as a UI/UX Designer. In this project, my two partners and I created a new interface design that is more attractive and modern on three pages, namely the home page, recruitment page, and assessment page. We worked with a team of web developers to implement the User Interface Design that would be made and a team of Content Writers to create copywriting on the website. This project took one month until the new website was launched.
What do I do?
First, I researched several similar websites and looked for references from website design inspiration collections such as Dribbble, Behance, Awwwards, and Landingfolio to find and determine the layout of each section to be created.
Next, I created a wireframe based on the references I received, aligning it with the content and sections to be developed. After establishing the wireframe, I began working on the layout and design elements, keeping in mind the user experience and overall functionality of the website.
The next step involves creating a high-fidelity design by applying pre-made style guides, including fonts and icons. Image assets were created using Adobe Photoshop, Adobe Illustrator, and Figma tools.
After creating the high-fidelity design, we collaborated with the web development team to convert the design into code.The development team ensured that the code was responsive and optimized for various devices and browsers.
The last step of this project, we conducted thorough testing to identify and fix any bugs or issues, and made necessary adjustments to ensure the final product met our design specifications. Overall, the collaboration between design and development teams resulted in a successful implementation of the high-fidelity design.
What do I do?
First, I researched several similar websites and looked for references from website design inspiration collections such as Dribbble, Behance, Awwwards, and Landingfolio to find and determine the layout of each section to be created.
Next, I created a wireframe based on the references I received, aligning it with the content and sections to be developed. After establishing the wireframe, I began working on the layout and design elements, keeping in mind the user experience and overall functionality of the website.
The next step involves creating a high-fidelity design by applying pre-made style guides, including fonts and icons. Image assets were created using Adobe Photoshop, Adobe Illustrator, and Figma tools.
After creating the high-fidelity design, we collaborated with the web development team to convert the design into code.The development team ensured that the code was responsive and optimized for various devices and browsers.
The last step of this project, we conducted thorough testing to identify and fix any bugs or issues, and made necessary adjustments to ensure the final product met our design specifications. Overall, the collaboration between design and development teams resulted in a successful implementation of the high-fidelity design.
My Role
UI/UX Designer
My Role
UI/UX Designer
My Tools
Figma
Figjam
Adobe Photoshop
Adobe Illustrator
My Tools
Figma
Figjam
Adobe Photoshop
Adobe Illustrator
Ready to Build
Awesome Project?
Start a project with research and validate ideas with usability-testing for maximum impact.
amaariz.project@gmail.com
Ready to Build
Awesome Project?
Start a project with research and validate ideas with usability-testing for maximum impact.
amaariz.project@gmail.com
Mobile App UI Design
Website UI Design
UX Reasearch
Figma Prototyping
Logo Design
Graphic Design
Usability Testing
Copyright © 2023. Akhmad Maariz. All rights reserved.