e-commerce

WebDesign HowToEnhanceUserEngagement

In this era of digitalization, consumers are moving from brick-and-mortar to search engines and social media to get to know your brands. Therefore, no matter what industry your brands represent, you need to be seen online, and a well designed website is one of the most important tools to connect you and your TA. A website can be a window display to showcase brand image. It can create digital experiences to convey your service. Evenmore, it can be a product itself.

Web design may look like graphic design, but actually it is more like constructing a building. When consumers step into your “store,” you want to make sure that they are learning about your brand, having a good time and eager to explore for more fun. On the contrary, if your website is poorly built, you may lose a bunch of potential customers. In this article, we will reveal designers’ thoughts behind a customized website that effectively engages consumers by delivering brand value, image and experience.

WebDesign HowToEnhanceUserEngagement - Image 1

Case Study 01

Before everything - A fascinating story

Before you sit down and picture your web, you need a good foundation for it, which includes the role and mission of your website and your brand asset analysis. Then you digitalize those data into the common language between you and your TA and showcase contents they are interested in. We will take PILI International Multimedia for example.

PILI has been cultivating puppet art for thirty years by successfully transforming traditional play into modern entertainment on TVs and streaming platforms. But it needs a new design for its website that speaks the same language as its shows. In PILI’s rebranding project, we position the website as a portal to the PILI universe and an important role to attract the younger generation. Hence, both visual and function should be taken into consideration.

On the top of the index page, a box embedded with PILI’s series represents the stage where puppets move flawlessly. Fans can recognize PILI’s iconic characters and classic scenes instantly and be drawn into the memories, while the vivid color palettes and fighting scenes aim at the taste of Gen Z, and project the slogan “ keep on rolling.” The section is followed by the introduction to PILI’s three iconic characters and four ideologies that lead the users to travel in the PILI universe.

PILI International Multimedia : http://www.pili.com.tw

WebDesign HowToEnhanceUserEngagement - Image 2

Case Study 02

Indicating the way - a comfortable virtual space

Once the concept and contents are settled, a web designer has to plan a flawless user flow and experience. Just like the indicator system in a physical world, a proper user flow could significantly increase the conversion rate.

Cola Neko has been a well-known online Japanese learning platform for years. In its rebranding project, the website and the course platform are remarkably optimized. Associating with the position of “ the most authentic Japanese in the most Taiwanese way,” the website is visually friendly and easy-to-browse. We list five brand features and unique selling points, digitalize the purchase process of teaching materials, integrate the learning resources on social media, and construct a course platform for members . Students just need to browse the site, purchase the class and access the platform. All done on the website, anytime, anywhere, without any hassles and pressure. In the time of Covid-19, digitalization of your service can be one of the solutions. With a flawless user flow, you may cease new opportunities and bring more revenues.

Cola Neko: https://colanekojp.com.tw/

Case Study 03

Be my indulgence - a good look

It is crucial that the website follows the tone and manners of the brand, and converts the language from graphic to digital, so that the user experience is coherent from offline to online. An outstanding website included well designed details such as icons, bottoms, transitions, images, colors, fonts and copywriting. You can intensify users’ impression by using your own materials like photos, illustrations, images, videos or sound effects.

A new brand by China Motor Corporation - oloo, is a sharing service for e-scooter and e-motorbikes, first launched on campuses and soon in cities. It is going to be the short-and-mid-distance solution for commuters in this era. To deliver the new brand image, oloo’s website follows the characteristics of fun and humor by skillfully integrating visual identity and digital experience using vehicle pictures, mascot and brand patterns. The UI relies on oloo’s three mascots, 傻大 the T-Rex, 小星 the Triceratops and 嚕當 the eggs, who will show up in various pages to guide the users to get familiar with the brand and service.

Case Study 04

So eye-catching - motion effects

If concepts, user experience and visual identity are all well executed, a website can almost fulfill its mission to deliver brand messages. However, with the growing technologies, many web designers will apply “motion effects” to bring the website to life. A proper use of motion effects can enhance users’ impression and likeness. On the contrary, overuse of motion effects can raise bounce rate and lower loading efficiency. Motion effects can be a double-edged sword and need to be applied carefully.

SMEM’s vision is to be the first electronic music instrument platform in the world. The museum displays the collection of Klemens Niklaus Trenkle in thirty five years, including abundant synthesizers, organs, keyboards, effectors and recording equipment. The fun thing about this site is that it visualizes the sounds and rhythms of electronic instruments from each brand. Even if you didn’t play them before, you can still “see” the differences from the moving texts and background sound effects.

SMEM Online Project : https://www.smemmusic.ch/

Case Study 05

An absorbing immersive experience - a dreamy scene

The internet eliminates the barrier of time and distance. For the past years, more and more brands turned their physical events into an immersive experience online so that people around the world could join the events, too. As a result, their engagement and royalty to the brands grew as well.

VOGUE Italia launches an online exhibition of “ LIFE IN VOGUE.” The website is a pop up book within which you can find a beautiful building. By taking the elevator, you can turn the pages and browse between each floor of Vogue in Milan. The immersive scenes, from director’s office, art director’s summer pavilion to the rooftop garden, are incredibly dreamy. It feels like you walk into a large artwork where interesting information and items can be found in corners. It is an online exhibition with fulfilling visual presentation and profound contents that leaves unforgettable experiences in consumers’ hearts.

LIFE IN VOGUE : https://lifeinvogue.vogue.it/

Conclusion

A good site needs a careful plan for visual and content presentation. The execution of the design is determined based on the needs of the brand and the purpose of the website. By applying the creativity and ideas into the virtual frame, a brand website will create more impression. And this is the key difference between a customized website and a templated website. think brand consultancy has been creating successful websites for the brand clients to meet their branding goals.

Back to insights

More we thought

design

Brand Elevation via Typeface

A brand is more than buying and selling products and involves creating consumer perception; “words” are one of the most important means of building perception. Words are ingrained in our daily lives and affect our views of things. We can communicate concepts through word meanings, and words are more memorable when their appearance is altered by design. Their appearances and meanings can complement each other to maximize communication effectiveness. Let’s use Nike as an example and discuss the images below.