Motif elements for the entire brand
By seamlessly integrating them across the design, we created a unified, recognizable identity that speaks for itself.
Context of the project
Before my joining, efforts were made to identify reasons for the delayed product improvements.
Branding-focused but insufficient
Senior management sought an eye-catching image emphasising a professional brand identity, However, interface enhancements alone could not deliver the same impact.
3D design integration
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
Corporate motif
Consistent brand image
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
Here
Starting a new future from here
Access
Accessible from a single space
Group by Group
Various services and content needed by customers are gathered
One
Completing a unified experience of customers, services, and content
Graphic motif of the 2.0 service
Enhanced circle motif
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
Connection
Connecting dots and lines enhances novelty and innovation.
Expansion
Expanding dots and lines to form a plane, creating diverse values.
Infinity
Harmony of planes leads to new infinite spaces.
➊ Design Sketch
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.
➌ Rendering
Set up environments by adjusted lighting, materials, and angles to create consistent images.
➍ Motion Graphics
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.
➏ Animation Production
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.
The new motif assets offer a more dynamic, modern look.
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.
Promotion design guide
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.
View the next project