Motif elements for the entire brand
Motif elements for the entire brand
Motif elements for the entire brand
Motif elements for the entire brand
Apply the overall brand assets.
Apply the overall brand assets.
Context of the Project
Context of the Project
Before my joining, efforts were made to identify reasons for the delayed product improvements. Senior management sought an eye-catching image emphasising a professional brand identity, However, interface enhancements alone could not deliver the same impact.
Before my joining, efforts were made to identify reasons for the delayed product improvements. Senior management sought an eye-catching image emphasising a professional brand identity, However, interface enhancements alone could not deliver the same impact.
Using my innovative design approach, specifically incorporating 3D elements, I successfully addressed the delays in product launch approval and reinforced the professional image we aimed to show.
Using my innovative design approach, specifically incorporating 3D elements, I successfully addressed the delays in product launch approval and reinforced the professional image we aimed to show.
Introduction
Context of the Project
Introduction
Context of the Project
Introduction
Context of the Project
Introduction
Context of the Project
Corporate motif
Corporate motif
The graphic motif of the 1.0 service is based on the corporate motif of a circle. Using circles to establish a consistent brand image and strengthen brand identity.
The graphic motif of the 1.0 service is based on the corporate motif of a circle. Using circles to establish a consistent brand image and strengthen brand identity.
Graphic motif of the 1.0 service
Graphic motif of the 1.0 service
Here Starting a new future from here
Here Starting a new future from here
Access Accessible from a single space
Access Accessible from a single space
Group by Group Various services and content needed by customers are gathered
Group by Group Various services and content needed by customers are gathered
One Completing a unified experience of customers, services, and content
One Completing a unified experience of customers, services, and content
Graphic motif of the 2.0 service
To define the graphic elements of the new 2.0 service, I applied 3D design to symbolise the connection, infinity, and expansion associated with the three-dimensional representation of the graphic motif and the circle.
To define the graphic elements of the new 2.0 service, I applied 3D design to symbolise the connection, infinity, and expansion associated with the three-dimensional representation of the graphic motif and the circle.
To define the graphic elements of the new 2.0 service, I applied 3D design to symbolise the connection, infinity, and expansion associated with the three-dimensional representation of the graphic motif and the circle.
Process
➊ Design Sketch
‣
Conducted a guided sketch symbolising connection, infinity,
and expansion with the circle motif.
Conducted a guided sketch symbolising connection, infinity,
and expansion with the circle motif.
➋ Modelling
‣
Utilised Cinema 4D and Blender to model the design motif, which was based on the initial sketch.
Utilised Cinema 4D and Blender to model the design motif, which was based on the initial sketch.
➌ Rendering
‣
Set up environments by adjusted lighting, materials, and angles to create consistent images.
Set up environments by adjusted lighting, materials, and angles to create consistent images.
Connection Connecting dots and lines enhances novelty and innovation.
Connection Connecting dots and lines enhances novelty and innovation.
Expansion Expanding dots and lines to form a plane, creating diverse values.
Expansion Expanding dots and lines to form a plane, creating diverse values.
Infinity Harmony of planes leads to new infinite spaces.
Infinity Harmony of planes leads to new infinite spaces.
➍ Motion Graphics
‣
Applied motion graphics to key visuals to convey a modern and advanced image of the brand.
Applied motion graphics to key visuals to convey a modern and advanced image of the brand.
➎ Design and Storyboard
‣
Positioned motif elements and created a simple animation storyboard using motion graphics.
Positioned motif elements and created a simple animation storyboard using motion graphics.
➏ Animation Production
‣
Created concept images iteratively to find suitable images for the hero area and applied animations.
Created concept images iteratively to find suitable images for the hero area and applied animations.
➐ Testing and Adjustments
‣
Tested at 4K resolution to improve image quality, resolve resizing distortion issues, optimised the first image for loading, and adjusted sizes and placements. Conducted capacity tests for mp4, apng, Webm extensions to provide feedback for the optimal main image.
Tested at 4K resolution to improve image quality, resolve resizing distortion issues, optimised the first image for loading, and adjusted sizes and placements. Conducted capacity tests for mp4, apng, Webm extensions to provide feedback for the optimal main image.
The new motif assets provide a more dynamic and modern impression compared to the existing images.
The new motif assets provide a more dynamic and modern impression compared to the existing images.
The new motif assets provide a more dynamic and modern impression compared to the existing images.
The animations captured users' attention and improved the user engagement.
The animations captured users' attention and improved the user engagement.
The animations captured users' attention and improved the user engagement.
The enhanced visual credibility of the brand was presented to the executive and it played as a decisive factor in confirming the launch.
The enhanced visual credibility of the brand was presented to the executive and it played as a decisive factor in confirming the launch.
The enhanced visual credibility of the brand was presented to the executive and it played as a decisive factor in confirming the launch.
Additionally, based on these processes, I proposed the development of the most used icons to use them as visual identity for promotion.
Additionally, based on these processes, I proposed the development of the most used icons to use them as visual identity for promotion.
Additionally, based on these processes, I proposed the development of the most used icons to use them as visual identity for promotion.
This achievement progressed to saving over £124,000 by replacing celebrity modelling fees.
This achievement progressed to saving over £124,000 by replacing celebrity modelling fees.
This achievement progressed to saving over £124,000 by replacing celebrity modelling fees.
View the next project
View the next project
View the next project
View the next project