HANYANG
Through the visual narrative strategy, which is the core of digital communication, brand sensitivity has been transplanted and visual identity has been established.

HANYANG

2019.08 - 2020.04
Web/UX

Hanyang's website began by breaking the customary framework in line with the changing paradigm of the construction market. We tried a new approach to reflect the changing social trends that are advanced based on new technologies and prioritized qualitative values.
Through the visual narrative strategy, which is the core of digital communication, brand sensitivity has been transplanted and visual identity has been established.

Hanyang has changed everything, including the new CI, new corporate vision, and new business challenges. We have strategically placed content and introduced novel ways of expression by deriving core values suitable for these changes in Hanyang.

UI Design Strategy
Bold

By maximizing user experience such as mouse over, scrolling, etc., we created a dynamic mood.
The varying interactions created with different mouse responses increase vitality of the website.

Broken Grid

It creates a free and casual mood by breaking the grid frame. The layout of the off-grid format applied throughout the company introduction category partially offsets the design of the business introduction page that is full of energy. However, it complies with the toned-down color scheme so that it doesn't look too light. And although it is specified as off the grid, its format is still controlled within the strict grid pattern.

Consistency

The pages within the business introduction, HYNOW, and company introduction categories are each consistent according to a specific context. General information design follows the flow of information, and specialized pages’ act as guides by operating a graphical motif. Every page demonstrates a safe and broad democratic public power than a certain rule of law that binds and regulates freedom.

Custom made illustrations

We tried to differentiate by applying line drawing illustrations instead of formal key visuals in the header area of the company introduction. We enhanced the modern and minimal moods by harmonizing rhythmic layouts with bold cotton splits.

Full Screen Video Background

Content no longer exists just for reading. Whenever possible, a device that can interest the user should be operated in the form of videos, images, and graphics. Appropriate effects were inserted in the order of the screen design, and boxes and full-screens were used to make the monotonous and boring areas to disappear as much as possible. For solar power and Northeast Asian LNG hub terminal, navigation and direction points were designed to reduce confusion and avoid getting lost.

Next Project