Challenge and Client

To broaden its ways of reaching the audience and set an effective sales channel using mobile technology, Heineken Mexico strived to launch a mobile application that would allow users to buy beer and associated stuff like snacks, cups, and the like and get the orders delivered quickly. This is how the Glup application started.

The clients approached the tubik team with a range of design tasks: we worked on logo audit and tweaks, extended brand identity development, delivery application UI/UX design from scratch, website design, and creating custom 3D icons and 3D illustrations for marketing and user experience objectives.

Process

The creative process included two major directions: developing a flexible identity and creating a consistent functional UX design for the application.

Brand Identity Design

Firstly, it was essential to work on powerful branding that would be effectively applied to both marketing goals and mobile interactions, providing the integrity of the customer experience.

The brand already had a logo, but it had to be enhanced to get a more attractive and trendy look appealing to the target audience and become more pliable for a variety of brand advertising and marketing objectives.

Original logo color variations

Glup logo redesign

Certainly, the team took advantage of color power and its remarkable ability to set the needed mood in split seconds. The primary brand colors were yellow, setting the cheerful spirit and giving instant association to the beer theme, and deep purple, setting the effective contrast and playfulness and supporting the flexibility of the palette for the defined objectives. Also, an extended palette for different ways of product presentation was developed.

Another element of visual branding was the set of abstract geometric shapes to be consistently used across various branded items, advertising materials, delivery bags, social networking, and mobile application screens. What’s more, these shapes reflected the parts of the clock face setting a solid association with the speed of delivery as one of the key features. Take a look at the variety of branded items and advertising design.

Outdoor advertising

Social network posting templates

Billboard design

Delivery backpack design

Range of variants for delivery motorbike branding

Branded T-shirts design

Branded cap design

User Experience Design

The second direction of work was to think about the flawless and intuitive user experience for the mobile application. The interaction design was thoroughly thought-out to make the sales funnel work successfully and let the users move through the whole purchase flow smoothly.

The onboarding screens and categories use trendy and balanced 3D graphics presenting the products and setting friendly communication. Having a different visual style, these original graphics don’t distract users’ attention from the offered items.

The icons working as visual, illustrative markers for the different categories of items in the application also moved through several iterations and evolved from 2D graphics consistent with the general concept of visual branding and echoing its graphic elements to the big set of 3D icons following the style of 3D illustrations used across the app and in the onboarding process. Here’s a quick glance at the stages of the process.

Airy light screens of the application effectively show the products, while branded colors, graphics, and eye-pleasing gradients help to set attractive color accents for interactive elements, making navigation clear and intuitive. Custom icons in the interface also echo the brand palette, supporting both usability and consistency of brand performance. The customers are offered several ways to surf the range of provided items, including browsing the entire catalog, using filters to customize it, or using the internal search to find the needed item quickly. Plus, the button on each card on the catalog screens sets the shortcut to add the items directly to the basket without opening a card, which saves time and effort in cases when users have some faves and order the same items multiple times.

Here’s a quick look at the category screen. All categories are illustrated with stylish theme 3D graphics that instantly set the theme but do not overload the screen with too much detailing.

The shopping cart screen is informative and functional, based on the principles of external consistency and well-recognized mental models so that users can finalize their orders easily and effortlessly. A special progress bar with a text hint is used to visualize the ability to get free shipping for the order.

The home screen and promotions screen also feature sliders with banners for special offers or hot sales to attract more attention to them immediately.

One of the essential elements of building a solid mobile app brand and enhancing its online presence is supporting it on the web with a concise and informative landing page that uncovers the benefits and engages new users to try it. The landing page for the Glup application echoes the design approach of visual identity for the brand. It’s based on a bright background in primary brand colors separating different content sections, a solid visual hierarchy of text blocks, clear and visible call-to-action elements, and prominent visuals that present the balanced mixture of app screens and thematic 3D graphics to instantly set the connection with the essence of the offered service. Smooth web animation makes the user experience even more lively and dynamic.

So, as a result of the project, the Glup brand obtained a solid and effective sales channel via the easy-to-use mobile application, consistently reflecting brand identity and making the customer experience integral, engaging, and smooth.

More Design Case Studies

Here’s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.

HP23. Website and 3D Animation for Prostheses Producer

Nova Post. Interactive Christmas Advent Calendar UI Design

FluxWear. Web Design and Development for Health Tech Product

Magma Math. Web Design for Educational Platform

HotelCard. Brand Identity for Hotel Offers Service

Nibble Health. Identity and UX Design for Healthcare Fintech Service

Physica Magazine. Web Design and Graphics for Scientific Blog

CSConnect. Website Design for Immersive Experience Marketing Platform

ProAgenda. Identity and Website Design for Golf Management Service

Kaiten. Identity and Product Design for Food Marketplace

THT. Website Design for Electrical Engineering Service

Crezco. Brand Identity and UI/UX Design for Fintech Service

Originally written for Tubik Blog, graphic and video content by tubik

Сообщение Case Study: Glup. Branding and UX Design for Delivery Application появились сначала на Design4Users.

Pep and Perk

Prodigy Character Illustration

Site Minder

3D Character Illustration

Check more digital artworks by Jungmin Ryu on Behance.

New D4U Gallery issues are coming soon; keep up with new posts.

For more inspiration, check the sets of other posts from our D4U Gallery, where we gather impressive creatives to share their art with you, for example:

• vibrant people illustrations gallery
• food illustrations
• funny 3D characters
• wine packaging design
• captivating 3D animation concepts
• Procreate illustration tutorials
• realistic 3D portraits
• impressive packaging designs 
• artistic portrait collages
• childhood illustrations
• 3D illustrations
• book cover designs

Сообщение 3D Character Art in Playful Design Projects by Jungmin Ryu появились сначала на Design4Users.

Check more design projects by Arcade Studio on Behance.

New D4U Gallery issues are coming soon; keep up with new posts.

For more inspiration, check the sets of other posts from our D4U Gallery, where we gather impressive creatives to share their art with you, for example:

• people illustration gallery
• wine packaging design
• captivating 3D animation concepts
• Procreate illustration tutorials
• realistic 3D portraits
• impressive packaging designs 
• artistic portrait collages
• childhood illustrations
• 3D illustrations
• book cover designs
• sunny digital artworks

Сообщение Illustration Art: Funny 3D Characters by Arcade Studio появились сначала на Design4Users.

Let’s Eat

Umbrella

Present

The Wishgranter

WindUp

Coin Operated

The Little Shoemaker

Mind Games

Napo

Spring

Bonus: Believe in Love Advertising Short Video

Title image by Yibing Jiang

For more inspiration, examples of awesome packaging designs, impressive food photography and food styling, 3D illustrations, realistic 3D portraits, logo designs activating negative space, and other D4U Inspiration posts.

Сообщение 10 Touching Award-Winning Short Films Packed in Stunning CG Art появились сначала на Design4Users.

Check more artworks by Webshocker on Dribbble.

New D4U Gallery issues are coming soon; keep up with new posts.

For more inspiration, check the sets of other posts from our D4U Gallery, where we gather impressive creatives to share their art with you, for example:

• people illustration gallery,
• Procreate illustration tutorials, 
• logo animation examples, 
• realistic 3D portraits,
• impressive packaging designs, 
• artistic portrait collages
• childhood illustrations, 
• 3D illustrations, 
• book cover designs, 
• sunny digital artworks

Сообщение 24 Hypnotic 3D Animation Concepts by Webshocker появились сначала на Design4Users.

By Peter Tarka

By tubik

By Wolfe

By UI8

By Mike Creative Mints

By Peter Tarka

By tubik

By Mike Creative Mints

By UI8

By Voila

By Plainthing Studio

By tubik

By Peter Tarka

By Tran Mau Tri Tam

By Orizon

By Sebo

By Leo Natsume

By Upnow Studio

By Alzea Arafat

By Seahawk

By tubik

By Herve Studio

By Ramotion

By Halo Lab

By Devignedge

By Mike Creative Mints

By Plainthing Studio

By Sebo

By Mike Creative Mints

By tubik

More thematic design collections are coming soon, don’t miss.

You may also like the big collections of e-commerce web design examples and ecommerce app designs, examples of awesome 3D illustrations, neumorphic UI designs, web designs for events, user interfaces for finance management, creative logo designs, UI concepts for education, and other D4U Inspiration posts

Сообщение 30 Inspiring Web Design Concepts with 3D Graphics появились сначала на Design4Users.

So, if you are the one to master 3D art in Blender software, this post will be obviously handy. Here you will find 20+ from Roman Klco’s numerous tutorials showing the process of 3D modeling. This set features 3D artworks inspired by famous movies and cartoons. Here you will find places, buildings, characters, vehicles, objects, and details that will instantly remind you of known stories. Enjoy!

Jurassic Park

The Sopranos

Iron Man’s Garage

Harry Potter’s Patronus

Hogwarts

Hogwarts Express

Simpson’s House

Bumblebee Beetle

Star Wars Stormtroopers

Star Wars Millenium Falcon

Star Wars AT-AT

Star Wars X-Wing

Knight Rider

Friend’s Central Perk

Witcher

Witcher Castle

Avengers HQ

Futurama Ship

Futurama

Rick and Morty’s Garage

Kill Bill Character

Thor Character

Check more projects by Roman Klco on Dribbble

For more inspiration, check the video tutorials on Procreate illustrations, examples of awesome 3D illustrations, black and white illustrations, 3D portraits of famous people, dog illustrations, love illustrations, and other posts from our D4U Gallery in which we gather impressive creatives to share their art with you.

Сообщение 3D Art: Blender Tutorials by Roman Klco Inspired by Movies появились сначала на Design4Users.

Historical Personalities

Franz Schubert

Frédéric Chopin

Friedrich Nietzsche

Rock Stars

Freddie Mercury

Michael Jackson (Thriller)

David Gilmour

David Bowie

Eric Clapton

Film Stars

Audrey Hepburn

Will Smith

Grace Kelly

Check more impressive portraits by Hadi Karimi on ArtStation.

For more inspiration, check the examples of awesome 3D illustrations, black and white illustrations, dog illustrations, childhood illustrations, and other posts from our D4U Gallery in which we gather impressive creatives to share their art with you.

Сообщение Strikingly Realistic Portraits by 3D Sculptor Hadi Karimi появились сначала на Design4Users.

3D illustration of a workspace by Peter Tarka

3D animation by Tubik for the onboarding of Status App

The consistent collection of monochrome 3D illustrations by Ben Fearnley

3D graphics for the project Otter Planet by Mohamed Chahin

Original 3D illustrations in the monochrome palettes by Nermin Muminovic

Stunning low poly worlds by Pavel Novak

Fan character in 3D designed by Pitch

3D art exploration by Chris Phillips

Another lovely work setup in the 3D illustration by Peter Tarka

Awesome low-poly animals in 3D art by Pavel Novak

Cartoonish 3D character animated by Tubik Arts for a design-themed website

3D animation of a beautiful bathroom interior illustration by Guillaume Kurkdjian

Funny 3D dog character by Pitch

Geometric 3D animation on driving lessons theme by Guillaume Kurkdjian

A piece of 3D art with music vibes by Ben Fearnley

Catchy and cute 3D graphics and animation for app onboarding by Tubik

A pack of attractive and trendy 3D arts by Leo Natsume for Google Partners project

Hellboy’s morning coffee in the 3D illustration by Mohamed Chahin

Funny 3D character designed and animated by Yum Yum

For more digital art, check our earlier collections of 3D art by Alexandr Kuskov, winter illustrations, impressive packaging designs, and other D4U Inspiration posts

Сообщение Art of Volume: Inspiring Examples of 3D Illustrations and Animation появились сначала на Design4Users.

Shell Fuel Save

Campaign Craft Certificate in Loeries 2018 award in the category Print Crafts – Illustration

Forcam

Design for FORCAM global brand relaunch. The main idea was to show Human-Machine Interaction through organic living lines in harmony with the metal parts of the robotized structure.

Penguin Audiobooks

The collection of sophisticated artworks based around the same composition but reflecting different themes and times.

The Greek Classics

From the author’s description: We wanted to convince people that can bring alive the world book, making for deeply immersive literary experiences. And we chose ‘The Illiad’ from our range of Greek Classics to illustrate this point. We put The Illiad’s ‘Trojan Horse’ episode center-stage in an ear-shaped arena in Ancient Greece; which was brought alive with careful attention to the crafts and architectural patterns of the time’ the city planning, the daily costumes of the people, the class divisions in society visible in the arena’s seating arrangements, right down to local rituals like the burning of incense to appease the Gods. 

World War II History

From the author’s description: …We chose ‘The Third Reich Trilogy’ from our range of World War II History titles to illustrate this point. We put Hitler center-stage giving a rousing speech to the Nazis in an ear-shaped arena in the center of Berlin. This was brought alive with careful attention to the architecture, costumes, and the mileu of the city at war. From the Nazi motifs to the city-center cleared for Der Fuhrer, to the crisscrossing tram-, telegraph- and electric lines to the dark and foreboding atmosphere of a world at war.

Indian Mythology

From the author’s description: we wanted to convince people that Penguin Audiobooks transforms titles based on Indian mythology, into deeply immersive literary experiences as well. The title in question: JAYA by Devdutt Patnaik. Inspired by the mythos of the Indian epic, Mahabharata, depicted here is an episode from it – Draupadi’s Marriage. To win princess Draupadi’s hand in marriage, suitors have to shoot an arrow through the eye of a golden fish attached to a revolving chariot-wheel. Just by looking at its reflection in the water. Taking center-stage in the ‘ear arena’ is Arjuna, who succeeds. The arena is faithfully recreated in a mix of the Hindu and Buddhist architecture styles of India and South Asia. Including the profiles, recesses, design motifs on stone and other details. The costumes, tropical vegetation, and the ceremonial elephants are based on medieval Indian paintings, and they enhance the overall drama. 

Coca Cola Olympics

Visualization of Coca Cola in the Olympic Games theme.

Time Machine Project

Harmony of Hardcode

Aren’t all those artworks stunning? Keep up with the new inspiring design collections coming soon.

Check Alexander’s portfolios on Behance and ArtStation

Don’t miss the collections of digital illustrations about childhood by Pascal Campion, awesome animal illustrations by Therese Larsson and other D4U Inspiration posts.

Сообщение 3D Inspiration: Breathtaking CG Art by Aleksandr Kuskov появились сначала на Design4Users.