The project of Nexcel Solutions company
Project
Brand marketing for Nexcel company
platform
Design for the website platform
My work to comeplete
Changing the website interface for the company, improving visual hierarchy, colors, compositions… Not only does it enhance aesthetics, but it also helps users deeply understand the benefits offered by the company, such as competitive compensation, transparent career paths, and attractive rewards, which have contributed to a 16% increase in successful job applicants at Nexcel.
Completion time
4 months
overview
The Nexcel website is the face of the company, a multinational technology corporation. They provide digital services and solutions for businesses. At the same time, the Nexcel website also serves as a platform to attract talented candidates in the market.
Introduce
Problems:
- Currently, the company is aiming for strong growth and development in the future. They need a new platform to showcase the company’s image and require fresh, diverse human resources from various departments to manage some critical projects.
Goals
- Nexcel Web is a crucial project that represents the company’s image, contributing to enhancing its position as a multinational high-tech company. Their mission is to provide the most perfect software solutions, helping partners maximize profits and minimize costs.
- They need a perfect brand marketing website with engaging content and visually dynamic design. The key goal is to attract potential candidates, bringing significant value to the business.
Project Nexcel
style guide & component
- Style guide:
- Text style.
- Color style.
- Text field, button, logo, icon.
Visual design
- Screen desktop.
- Screen mobile.
lesson learned
- Component:
- Component for desktop web
- Component for mobile web
style guide & component
1. style guide:
Text style:
- During organize design system, we combined two types of text styles::
- Open san:
- Applied to body text, H3, H4
- Amiri:
- Applied to H2 tags, it always appears at the top of the banner on all pages.
- Open san:
Color style:
- Text font color for dark and white background
- High.
- Medium.
- Disable.
- Brand color.
- Background footer.
- Background white.
Tex field:
- Text field both for desktop, mobile screen
Tex field:
- Button cho desktop.
- Button cho mobile.
Logo:
- Logo both for desktop, mobile screen
Icon:
- Icon use entire project
2. component
Component for desktop screen
- The entire component for desktop version
Component for mobile screen
- Some components for the header and footer of the mobile version during the product development phase.
- The remaining elements are responsive from the desktop screen.
Visual design
1. Screen desktop
- I would like to introduce and anatomy some screen pages and their internal information architecture to provide everyone with a better overall understanding of the product.
Home page
- Banner introducing an overview of the company’s value compared to competitors.
- Our services briefly introduces some of the main services that Nexcel provides to its partners.
- Our teams provides more information about the teams working together within the organization.
- Join Nexcel & Build with Nexcel:
- Nexcel always strives to find talented individuals in their respective fields to solve technological challenges and deliver their perfect technological solutions.
- Nexcel will not make the application process difficult for candidates and is always ready to offer competitive benefits to retain their talent. They need a high-quality team to support their product systems.
- Our environment (Testimonial): Some shares from potential candidates.
- Our technologies provides an overview of the technologies that Nexcel has been and is currently building.
- About Us: A brief introduction to Nexcel company.
- Contact us: If you are interested in them and want to connect, you can send an email here.
Career page
This is one of the key elements in attracting talented candidates from businesses.
- Banner
- Why Nexcel:
- Introduce some privileges and benefits when you become a member of Nexcel, such as competitive salary, meals & refreshments, facilities, rewards & recognitions, premium healthcare, transparent career path, and team-building activities.
- Career Development:
- Help people understand a clear and systematic career path, enabling them to quickly achieve their goals.
- Our Culture:
- Solve problems from a pioneer’s perspective, from thinking and planning to leading actions.
- Grow together, not compete against each other, to find common benefits.
- Work-life balance is the key to achieving optimal performance.
- Our Happy Members:
- Some feedback from core members of Nexcel.
- Our Teams:
- Includes all teams at Nexcel.
- Life at Nexcel:
- Images of parties and events at Nexcel.
- Career Opportunities:
- Overview of some job titles at Nexcel.
Career detail page
Detailed Job Description Introduction for a Job:
- Banner (Job Title)
- A few taglines that Nexcel expects from candidates.
- Description of some responsibilities when you take on this position.
- Description of some skills and qualifications you need to meet the company’s requirements.
- Provide some elements that candidates will love about the company.
- Workplace location.
- The remaining part includes the email application and footer.
2. Screen mobile
Some responsive screens for the mobile web and some pages that were not displayed on the desktop screen.
lesson learned
Goal for case study
- Improve visual skills, develop products with a lean design process.
- Gain a deep understanding of how to implement composition, spacing, color, and contrast, enhance readability and hierarchy skills, and elevate the aesthetic quality of designs.
- Work closely and collaborate with stakeholders to deploy products, minimize deadline pressure, and accelerate project development in a timely manner.
Previous
