2024

Feb

Rocscience Official Website

Web

In-house UI/UX Designer

Our primary objective was to enhance the existing website design and ensure alignment with Rocscience's esteemed brand identity. Through meticulous attention to detail, we transformed every page of the website to reflect a cohesive and modernized look and feel. By integrating a new design system and incorporating fresh visual elements, we aimed to elevate the user experience and reinforce Rocscience's position as a leader in its industry.

Our primary objective was to enhance the existing website design and ensure alignment with Rocscience's esteemed brand identity. Through meticulous attention to detail, we transformed every page of the website to reflect a cohesive and modernized look and feel. By integrating a new design system and incorporating fresh visual elements, we aimed to elevate the user experience and reinforce Rocscience's position as a leader in its industry.

Our primary objective was to enhance the existing website design and ensure alignment with Rocscience's esteemed brand identity. Through meticulous attention to detail, we transformed every page of the website to reflect a cohesive and modernized look and feel. By integrating a new design system and incorporating fresh visual elements, we aimed to elevate the user experience and reinforce Rocscience's position as a leader in its industry.

Go to Website

29 Pages, Responsive design, Design System

29 Pages, Responsive design, Design System

29 Pages, Responsive design, Design System

I played a central role in its development. I managed the entire page setup, and involved in design systems setup including typography, components such as buttons and tabs, interactions, and color schemes. Additionally, I initially proposed concept of product model and created graphics. I also created AI-based graphic images for banners of career and brand pages.

I played a central role in its development. I managed the entire page setup, and involved in design systems setup including typography, components such as buttons and tabs, interactions, and color schemes. Additionally, I initially proposed concept of product model and created graphics. I also created AI-based graphic images for banners of career and brand pages.

I played a central role in its development. I managed the entire page setup, and involved in design systems setup including typography, components such as buttons and tabs, interactions, and color schemes. Additionally, I initially proposed concept of product model and created graphics. I also created AI-based graphic images for banners of career and brand pages.

New Design

Old Design

Old Design

New Design

New Design

Old Design

Old Design

New Design

New Design

Old Design

Old Design

New Design

In revamping Rocscience's responsive design, I concentrated on enhancing website usability by prioritizing navigation improvements. This entailed a comprehensive redesign of both main and sub navigation elements, as well as adjustments to the sidebar layout. The primary objective was to ensure a seamless user experience across various screen sizes, maintaining design consistency from desktop to mobile platforms. By streamlining navigation pathways and optimizing layout structures, the redesigned interface aimed to elevate user satisfaction and facilitate intuitive interaction with Rocscience's online platform.

In revamping Rocscience's responsive design, I concentrated on enhancing website usability by prioritizing navigation improvements. This entailed a comprehensive redesign of both main and sub navigation elements, as well as adjustments to the sidebar layout. The primary objective was to ensure a seamless user experience across various screen sizes, maintaining design consistency from desktop to mobile platforms. By streamlining navigation pathways and optimizing layout structures, the redesigned interface aimed to elevate user satisfaction and facilitate intuitive interaction with Rocscience's online platform.

In revamping Rocscience's responsive design, I concentrated on enhancing website usability by prioritizing navigation improvements. This entailed a comprehensive redesign of both main and sub navigation elements, as well as adjustments to the sidebar layout. The primary objective was to ensure a seamless user experience across various screen sizes, maintaining design consistency from desktop to mobile platforms. By streamlining navigation pathways and optimizing layout structures, the redesigned interface aimed to elevate user satisfaction and facilitate intuitive interaction with Rocscience's online platform.

At Rocscience, I introduced AI-generated images into our real-world projects, including product models and website visuals. This innovative approach enhanced our visual content with cutting-edge technology, emphasizing Rocscience's commitment to utilizing advanced solutions for maximum impact and engagement.

At Rocscience, I introduced AI-generated images into our real-world projects, including product models and website visuals. This innovative approach enhanced our visual content with cutting-edge technology, emphasizing Rocscience's commitment to utilizing advanced solutions for maximum impact and engagement.

At Rocscience, I introduced AI-generated images into our real-world projects, including product models and website visuals. This innovative approach enhanced our visual content with cutting-edge technology, emphasizing Rocscience's commitment to utilizing advanced solutions for maximum impact and engagement.

New Design

Old Design

Visit Website

Other works

Other works

Other works

ⓒ copyright Jake Yang 2024