UX UI Designer
Role
3 months
Timeframe
Contents
01 Design Goal
Clear and Intuitive Design
Strengthen brand identity and provide
Intuitive UI design to build a trustworthy user experience rooted in clear branding.
02 Current Design Analysis
Difficult and complex design
When reviewing the existing JEIL M&S homepage,
it was found to be designed with complex information, an unclear identity, and a non-intuitive UI structure.
03 Competitive Analysis
Interactive design
Design inconsistency stems from the use of complex icons and excessive colors, despite the dynamic layout.
03 Competitive Analysis
Refined images
Uses field-focused videos and refined imagery to project professionalism and sophistication.
However, excessive decorative elements and unfriendly UX writing hinder content focus.
03 Competitive Analysis
Consistent design through logotype colours
The design achieves consistency by balancing image-to-content ratios and integrating logotype colors.
03 Competitive Analysis
Balanced images and contents
The design achieves a stable layout through balanced content arrangement and brand-aligned visuals and color schemes
03 Competitive Analysis
Mix of illustration and various heights
The design enhances visual interest and sophistication through a mix of fixed and variable-height content, complemented by abstract illustrations.
03 Competitive Analysis
Immersive Design
Designed a refined, immersive experience using dark mode, polished visuals, and dynamic parallax interactions.
04 Design Insights
Key Design Improvements
05 Design Concept
Core Value
06 The Redesign
Home
As the first touchpoint, the home screen was designed to be intuitive and immersive with engaging interactive elements.
By utilizing consistent components and a well-balanced dark mode, we have enhanced the overall sense of realism and dynamism.
06 The Redesign
Business
Our design approach for the business section focuses on an innovative and clean look. We used immersive imagery to bring a sense of vibrancy, presenting the brand as sophisticated, polished, and truly innovative
06 The Redesign
ESG
The ESG section features an eco-friendly, symmetrical layout designed to evoke a sense of balance and stability. To achieve a clean look, we adopted a light mode combined with neat and intuitive imagery.
Overall, the design conveys the ethos of an enterprise committed to sustainable and environmental management
06 The Redesign
Company
We emphasized professionalism in the company section by using large-scale layouts and fitting background imagery for each area. Additionally, we used a clean list format for office locations and maintained visual harmony by utilizing consistent button components inspired by our logotype.
06 The Redesign
IR
For the IR section, we focused on a clean, intuitive layout to enhance data readability. We organized financial figures and disclosure announcements using structured lists and tables. Additionally, we used relevant chart-themed imagery for the header to maintain visual consistency and convey a sense of clarity throughout the section.
06 The Redesign
Career
In the 'Career' section, we focused on highlighting the recruitment process and details for each position. To ensure clarity and conciseness, we utilized circular motifs.
We also incorporated an interactive element: upon hover, the elements transition to our primary brand red, matching the logotype's colour.
06 The Redesign
Contact
For the Contact section, we implemented an intuitive inquiry form that sends user submissions directly via email upon completion. The layout is structured to be clean and clear, while business unit contact numbers and addresses are listed below, accompanied by relevant imagery.
Addition
Reflection
"I assisted in the website redesign project, working closely with a Project Lead. This experience allowed me to build a strong foundation in UI/UX design, from structural planning to the selection of images that align with the brand's tone and manner. Collaborating with the development and planning teams significantly improved my teamwork and communication skills.
Furthermore, I learned the importance of benchmarking top-tier competitors to identify and resolve design issues. Analysing various corporate websites helped me establish a clear design direction. This project was a meaningful experience that helped me master design fundamentals and develop a sharp visual insight for selecting appropriate imagery.”