Internship project (moonraft)

Herometric Concept

Herometric Concept

Herometric Concept

Of three website redesign concepts Moonraft presented to Hero MotoCorp, this one offered a bold, radical approach to rebranding their design language.

CLIENT

Hero MotoCorp

Hero MotoCorp

Hero MotoCorp

INDUSTRY

Automotive

Automotive

Automotive

EXPERTISE

UI/UX Design

UI/UX Design

UI/UX Design

DURATION

2 months

2 months

2 months

The Ask

The Ask

As part of their 2023 rebranding strategy, Hero MotoCorp sought a website redesign with three concepts: a basic update, a bold radical approach, and a balanced blend of both. Herometric was later presented as the radical, fresh take on their design language.

As part of their 2023 rebranding strategy, Hero MotoCorp sought a website redesign with three concepts: a basic update, a bold radical approach, and a balanced blend of both. Herometric was later presented as the radical, fresh take on their design language.

Ideation/ Wireframing

UI/UX Design

Illustration

3D Modelling

Responsive Prototyping

Micro-interaction Design

Ideation & Wireframing

Ideation & Wireframing

Ideating on a core concept for the redesign of the 'About Us' page on the Hero website.


Enhancing the user flow by reorganising tabs and sections to make it seamless. Conveying and illustrating the concept through wireframes.

Ideating on a core concept for the redesign of the 'About Us' page on the Hero website.


Enhancing the user flow by reorganising tabs and sections to make it seamless. Conveying and illustrating the concept through wireframes.

Illustration and Graphics

Illustration and Graphics

Illustration and Graphics

Creating initial sketches for the visual graphics of the website and converting them into visual design illustrations in alignment with the established isometric style guide.

Creating initial sketches for the visual graphics of the website and converting them into visual design illustrations in alignment with the established isometric style guide.

Creating initial sketches for the visual graphics of the website and converting them into visual design illustrations in alignment with the established isometric style guide.

Isometric Design

Isometric Design

Isometry in the Hero MotoCorp design language creates a structured, visually cohesive experience that enhances clarity and depth. It reflects the brand’s legacy by symbolizing precision, innovation, and the interconnected elements that have built Hero’s reputation over time.

Isometry in the Hero MotoCorp design language creates a structured, visually cohesive experience that enhances clarity and depth. It reflects the brand’s legacy by symbolizing precision, innovation, and the interconnected elements that have built Hero’s reputation over time.

Hero Map Interface

Hero Map Interface

The home page features an isometric map of the website tabs that visualises Hero’s vast ecosystem. It improves user engagement through interactive navigation.

The home page features an isometric map of the website tabs that visualises Hero’s vast ecosystem. It improves user engagement through interactive navigation.

About Hero

About Hero

This tab of the website provides an overview of Hero, showcasing its offerings, leadership, and facilities.

This tab of the website provides an overview of Hero, showcasing its offerings, leadership, and facilities.

Journey

The overview section covers Hero’s history, milestones, products, offerings, and recent ventures.

Journey

The overview section covers Hero’s history, milestones, products, offerings, and recent ventures.

Journey

The overview section covers Hero’s history, milestones, products, offerings, and recent ventures.