The UI/UX case study summarizes a redesign project for the WorldSkills India website. Over 4 weeks, the designer conducted user research including a client interview, created 2 mockups, and used tools like Photoshop, Adobe XD, and Illustrator. The old website had a cluttered and outdated homepage using boxes, was not fully responsive, and had an unsuitable font. The redesign solution made the homepage more effective and engaging through infographics and sliders to present information sequentially across devices.

1. UI UX Case Study
UI and UX Case Study

2. About
Founded in 1950, WorldSkills India provides a platform to young people and
professionals to showcase their talent at national and international levels.

3. Problem Statement
• The present website home page was cluttered, outdated mostly using box pattern to represent
content. Overall the User Interface was not good.
• Not completely device friendly
• Font was not suitable

4. Project Duration
• Using infographics as and when required to make homepage more effective and engaging
• Instead of providing everything in the same place , sliders are used to present
information one by one.
Solution
4
Weeks
2
Mockups
Tools Used
Photoshop Adobe XD Adobe Illustrator

5. Design Process
Discover Define Ideate Design
Client Interview
Client Preference
Define target user
Present site analysis
Brainstorming
User flow
Information Architecture
Visual Design
Mockup
Testing
Pending

6. Client Interview
• What is the website about ?
• Who are the target audience?
• Color theme
• Competitor website Target Audience
Gender : Male , Female
Age Group: 12+
Color Theme
As used in the present
website
Competitor website
Worldskills.org

7. Colors
#B602FF #0098DA #A4CF37
Font Family
Poppins Bold