Tag Archives: lettering

ted talks graphic design typography books

TED-talks: Typography, Books, Graphic Design.

It’s not a secret how diverse and influential is graphic design nowadays. It covers multiple purposes and serves great deal of diverse spheres of human life and activity. Today it is enhanced and strengthened by broad opportunities of modern technologies, but new generations of the best designers keep following the roots and getting inspired from the experts.


One of the ways to inspiration we find productive and highly professional here in Tubik Studio is TED videos. Perhaps you remember the collections we have already suggested watching: 20 TED talks for designers about diverse design issues and 10 TED-talks for creatives from different spheres. Today we’re going to recommend you a new set of professional and informative TED and TEDx-talks that we find interesting, useful and helpful. 


Here is the collection of 10 TED-talks all with the descriptions given on the TED website or YouTube presentations. This time they are focused on the issues of graphic design. Most of them are already classic, sometimes even could be called legendary, and that makes them even more precious as they have been successfully checked with the time and practice. The ability to analyze take the best from the past usually broadens the creative horizons and becomes a solid foundation from innovative thinking. So, enjoy watching and feel the energy of great masters!


My life in typefaces — Matthew Carter


Pick up a book, magazine or screen, and more than likely you’ll come across some typography designed by Matthew Carter. In this charming talk, the man behind typefaces such as Verdana, Georgia and Bell Centennial (designed just for phone books — remember them?), takes us on a spin through a career focused on the very last pixel of each letter of a font.



Intricate beauty by design — Marian Bantjes


In graphic design, Marian Bantjes says, throwing your individuality into a project is heresy. She explains how she built her career doing just that, bringing her signature delicate illustrations to storefronts, valentines and even genetic diagrams.



The art of first impressions — in design and life — Chip Kidd


Book designer Chip Kidd knows all too well how often we judge things by first appearances. In this hilarious, fast-paced talk, he explains the two techniques designers use to communicate instantly — clarity and mystery — and when, why and how they work. He celebrates beautiful, useful pieces of design, skewers less successful work, and shares the thinking behind some of his own iconic book covers.



Designing books is no laughing matter. OK, it is. — Chip Kidd


Chip Kidd doesn’t judge books by their cover, he creates covers that embody the book — and he does it with a wicked sense of humor. In one of the funniest talks from TED2012, he shows the art and deep thought of his cover designs. This talk is from The Design Studio session at TED2012, guest-curated by Chee Pearlman and David Rockwell.



Can design save newspapers? — Jacek Utko


Jacek Utko is an extraordinary Polish newspaper designer whose redesigns for papers in Eastern Europe not only win awards, but increase circulation by up to 100%. Can good design save the newspaper? It just might.



Why write? Penmanship for the 21st Century — Jake Weidmann


What is the future of writing in the digital age, and why does it matter? In this surprising talk, Master Penman Jake Weidmann explores the connections between the pen and how we learn, think, and carry our cultural heritage at a time when the very act of writing is being dropped from school curricula across the country.


Jake Weidmann became the youngest person to receive his Master Penman certificate in July 2011. He works across several mediums including drawing in pencil and charcoal; pen and ink; painting in acrylic, airbrush, oil and gouache; sculpting in wood, bone, antler and clay; and is versed in numerous forms of calligraphy. He is best known for the integration of flourishing and hand- lettering in his art. Jake also designs his own hand-made pens. He, like his pens, travels the globe, reintroducing this Old World art form and cultivating its relevance in the world of today, of tomorrow, and forevermore.



The beauty of data visualization — David McCandless


David McCandless turns complex data sets (like worldwide military spending, media buzz, Facebook status updates) into beautiful, simple diagrams that tease out unseen patterns and connections. Good design, he suggests, is the best way to navigate information glut — and it may just change the way we see the world.



Wake up & smell the fonts — Sarah Hyndman


Sarah shares with us a story of type and invites us to consider our emotional response to the printed word. Each font/typeface has a personality that influences our interpretation of the words we read by evoking our emotions and setting the scene. We all understand this instinctively but it happens on a subconscious level. Sarah shows us that conscious awareness of the emotional life of fonts can be entertaining and ultimately give us more control over the decisions we make.


Designer Sarah Hyndman explores typography as we experience it in our every day lives under the banner of Type Tasting. Since the launch in 2013 she’s curated an exhibition at the V&A for the London Design Festival, been interviewed on Radio 4’s Today, taken Type Tasting to South by Southwest in Austin, Texas and has been commissioned to write a book.


Sarah has been a graphic designer for over 15 years, working in agencies before setting up design company With Relish. After studying an MA in Typo/Graphics at the London College of Communication she was invited back as a guest tutor.



Typography — now you see it — Shelley Gruendler


Dr Shelley Gruendler is a typographer, designer, and educator who teaches, lectures, and publishes internationally on typography and design. When she is not traveling the world as the founding director of Type Camp International, she is proud to live in the Canadian Typographic Archipelago.



The art of kinetic typography — Dan Boyarski


Dan Boyarski is professor and former head of the School of Design at Carnegie Mellon University, where he has been for thirty-two years. His interests lie in visualizing complex information, interface and interaction design, and how word, image, sound, and movement may be combined for effective communication. In the spring of 1999, the Design Management Institute awarded Dan the Muriel Cooper Prize for «outstanding achievement in advancing design, technology, and communications in the digital environment.»



Check out the updates here, new collections of wise creative thoughts are already around the corner!

andre landscape tubik studio logo design

Case Study: Andre. Rebranding Logo.

Branding is never about just visual perception or verbal message. Branding is about the whole image people get hearing the name of a company or seeing its brand identity signs. So, designing the signs and symbols which make a brand recognizable and transferring the appropriate message is a job with great responsibility. Still, there is one more stage of the process when this sort of responsibility get another shade. It happens at the point of branding redesign.


We have already published case studies with the stories of creating logos and brand identity concepts at the early stages of their business path. However, this time the story will have another flavor as we are presenting you the case of logo redesign for a company that is already recognized and actively operating on the market. The task was to create new brand identity not breaking already gained links and associations. The designer assigned for this task was Arthur Avakyan whom you probably remember from cases of Ribbet, Passfold, Tubik, Saily and SwiftyBeaver logos.


andre logo design by tubik



Redesign of a logo for a commercial and holistic landscape firm Andre operating in landscape maintenance, tree care and design.



Pencil sketching, Wacom Intuous pen tablet, Adobe Illustrator, Adobe Photoshop




First of all it was important for the designer to study the conditions and philosophy of existing logo functionality, details about company activities and business goals and customer’s wishes about the redesign process. It should be mentioned that redesign for existing companies and products can have different levels of breakaway from the existing versions: some companies decide upon fully new design which has nothing in common with the current branding, while others keep the track of changes carefully and gradually, with minor alterations eliminating the risk of losing recognizability on the market.


The second approach was taken as a basis in this particular story, because Andre is a company that has already won its audience on the market. That means any design change should be done with respect to the company’s history and philosophy as well as brand image grown through the years. Therefore, new design had to take its roots from the existing branding, but offer some refreshment and add some trend.


andre logo design case study


Certainly, to find the sign representing the brand, the designer needs to know as much as possible about the brand, its business goals and statement. Andre is a medium-size company based in the USA and providing all sorts of services linked to landscape care and design of any complexity. The company is family-owned so its name origins from the last name of the family. The customers wanted a new logo to be quite classic, memorable, enduring and setting the strong association with land care.  So, it was important initially to provide the visual sign that will instantly inform observers about the nature of the business and create positive vibes via harmonic combination of shapes and colors.


After the market research and getting deep into the requirements and background of the company, the designer worked over the first series of sketches and offered the first version for redesign. It was based on the round shape and featured green leaves as the central element of composition. The designer also selected the corresponding version for the name lettering so that it looked readable and harmonic in combination with the image, supporting it but not overloading general visual presentation. Combination of several shades of green with light blue set the image connected to key concepts of business activities: nature, landscape, plants, trees, sky. The designer applied smooth and rounded lines of different stroke weight and provided the variants filled with color as well as glyph one.


andre logo design Tubik


Another concept offered more linear and geometric variant also featuring the leaf motif and using a shape inside reflecting the form of capital A letter.


Andre logo design Tubik


Although the offered style was appropriate, the customers insisted on applying the mascot in the logo image. The choice was made in favor of a bird and the designer offered the graphic option featuring the bird as a logo image. It also was applying the form of the leaf in the image used separately, but in combination with lettering the leaf was placed closer to the letters.


Andre logo design Tubik


One variant of a logo featuring the bird mascot used the image with the shorter beak and an eye featuring the mimic expression of smile.


andre logo design Tubik


The idea of “smiling” positive expression was also tried in the variant in which the bird was inscribed into the circle. The beak directed upwards moved out of the circle setting the feeling of progressive flight, while the wing featured the form and visual marks of the leaf.


Andre logo design Tubik


The general concept of applying the bird in the logo was set and agreed upon, but the customer and the designer decided on trying another iteration experimenting on simplification of the bird’s silhouette to make the logo not only attractive and meaningful, but also clearly visible and legible in any size. This stage of creative search resulted in a new shape combining the visual concept of a bird and of a leaf in one image.


Andre logo birds Tubik studio


The final choice was made in this direction, which efficiently presented the mascot in clear simple forms, preserved color combination associated with the nature of the offered services and vibes of green and natural background.


Andre logo design final by Tubik
This case of logo design has proved once again that user research, market research, thorough attention to the customer’s requirements and inspired creative search together make a great basis for efficient, informative and attractive branding. Don’t miss the next case which will show the application of the described branding solutions on diverse set of branded items.


Andre logo design final Tubik

Welcome to see other works by Arthur Avakyan on Dribbble and Behance

Welcome to see designs by Tubik Studio on Dribbble and Behance

tubikstudio website design ui

Tubik Monthly Review. May.

The summer has come full of bright colors and moments of life. Traditionally, we start it reviewing and analysing what happened during the last month. So, let’s look together what May has brought to studio life.


The month brought out new shots published on Dribbble by studio designers: there were presented diverse design concepts of websites and landing pages, mobile applications, interface animation and character animation, lettering, logo and branding design. Follow the links if you are interested to see all the details full-size.


tubik studio landing page toys

Henderson — Handmade Toys by Vladyslav Taran


contact list design concept tubik studio

Contact List Concept by Eugene Cameel


tubik studio ui design dark

Dark Side of UI Design by Marina Yalanska


online magazine design tubik studio

Daily Bugle Online Magazine by Dima Panchenko


tubik studio ice ui website

Tubik Studio | Ice by Ernest Asanov



SwiftyBeaver. UI Design for Mac App by Marina Yalanska


landing page animation Tubik studio

magic.co landing page concept by Ludmila Shevchenko


tubik studio logo design case study

Case Study: SwiftyBeaver Logo by Marina Yalanska


lettering tubik studio design

Rapture Lettering by Denys Boldyriev


tubik studio application recipes and cooking

GIF Animation for Recipes and Cooking by Sergey Valiukh


monster intro animation tubik studio

Epic Monster Intro Animation by Kirill


Contact List Concept Scrolls Tubik

Contact List Concept Scrolls by Eugene Cameel


We have published some new articles about general and specific design issues as well as practical case studies here in Tubik Blog. In case you missed any of them, here’s the list of topics considered in May:


  • Dark Side of UI. Benefits of Dark Background. The article continues the topic of effective color choices in user interface design. This time it is devoted to the benefits and pitfalls of dark background in UI design solutions for websites and mobile applications.
  • SwiftyBeaver. UX & UI Design for a Mac Application. Fresh case study on UX and UI design process. Detailed description of creating user interface for SwiftyBeaver, a Mac application presenting the first integrated logging platform for Apple’s Swift programming language.
  • Case Study: SwiftyBeaver. Designing Logo. New case study on logo design continuing the story of comprehensive design process for SwiftyBeaver, the integrated logging platform for Apple’s Swift programming language. Packed with graphics demonstrating various creative stages.
  • Landing Page. Direct Flight to High Conversion. The article is devoted to the basics of landing pages design. Considers the issues of conversion, CTA, USP, copy, visuals and other elements of efficient landing. Packed with examples by studio designers and recommended reading.


swiftybeaver article tubik studio


This month we also actively shared our ideas and experience answering questions about design issues on Quora. Here are the most popular ones which got most readers’ attention in May and some of them got featured in Quora Digest:


Why are illustrations important for UX design?

— Why hasn’t Facebook updated their UI to a more modern design?

What is the difference between UI and wireframe?

— In website design, what are the pros and cons of dark text over light background vs light text over dark background, and is one better than the other?


Tubik studio on Quora

May was full of unforgettable moments of brainstorming, collaboration, creativity and friendship which we, as usual, actively shared with our followers in studio Instagram page.


tubik studio designers instagram


Tubik studio design team


Getting closer to global design community and all those who have keen  interest in this field, we shared our ideas and experience via Medium and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.


So, welcome to join us wherever it’s convenient for you. Bright and positive summer to everyone, we are ready for a new month, new projects, ideas and meetings, fresh design concepts and wise tips from experts. Stay tuned!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

tubikstudio web ui design

Tubik Monthly Review. March.

The spring has quickly sprung with new month blossoming with days full of inspiring work, new projects and concepts, shots and articles and tons of bright moments of work and relax. So, starting a new month, let’s keep the tradition and look back at what has been done.


As usual, we start with numerous Dribbble shots featuring all sorts of design tasks in particular UI design, illustration and motion design. Let’s look over them, the picture is really worth a thousand words here.


tubik studio ui animation

Bonano e-commerce interactions by Vladyslav Taran


tubikstudio illustration

Submarine Rider by Denys Boldyriev


tubikstudio ui design

On Behalf of a User by Marina Yalanska


tubik studio landing page design

Arts, Culture & Education Curation | Landing by Polina


tubikstudio ui design

Tubik Studio | BuonApp by Ernest Asanov


tubikstudio graphic design

Girl and flowers by Arthur Avakyan


tubikstudio ui webdesign

Comics Shop Home Page by Dima Panchenko


tubikstudio app ui design

Dreamcatcher app by Konst


tubikstudio app ui design

Light and Darkness in UI by Marina Yalanska


tubikstudio app interface design

BeBright App by Ludmila Shevchenko


tubik studio character animation

Monster animation by Kirill


tubik studio web ui design

Birds of Paradise Encyclopedia by Vladyslav Taran


batman vs superman emoji by tubik studio

Batman Vs Superman Free Emoji by Arthur Avakyan


tubik studio graphic design

NightCore by Ildar Aleksandrov


copywriting tubik studio

Copy in UI Design by Marina Yalanska


tubik studio animated illustration

Lowrider by Denys Boldyriev


Tubik studio UI animation

Tubik Studio | Museu by Ernest Asanov


Landing Page Animation Tubik Studio

Landing Page Animation by Sergey Valiukh


So, it’s easy to see how bright and comprehensive was this month in trying different design techniques and directions. In addition, we didn’t miss the chance of publishing some new articles here in Tubik Blog. In case you could miss out on any of them, let’s review what were the themes to discuss in March:


  • UI/UX Design. On Behalf of a User. Designing the product for user, we should listen to what users want and need. The article analyzes the most popular features and characteristics users want to see. Considering and applying them results in efficient UI/UX design.
  • Tubik Weekly Reading List on Design. UI/UX Tips. The first issue of Tubik Reading List for designers as well as anyone involved or interested in design process, techniques and secrets. This time recommendations are concentrated on the issues of user experience design.
  • Light and Darkness in UI Design. Matter of Choice. The article considering basic aspects and steps of choosing the efficient color scheme as well as balance of light and darkness enhancing usability and attractiveness of user interface.
  • FAQ Design Platform.The Role of Branding in UI Design. Fresh issue of platform answering actual and popular questions about design. This time it is focused on the role of branding elements in UI design and ways of their mutual support.
  • UI/UX Design Glossary. Steps to Usability. The set of definitions for the basic terms in UI/UX design process influencing usability and performance. Supported with examples and descriptions based on studio designers’ practical experience.
  • Tubik Weekly Reading List on Design. Issue 2. Fresh issue of Tubik Reading List providing recommendations on useful reading about design process. Informative articles for your inspiration in professional perspective: UI/UX design, branding, flat design, animation and the like. Enjoy the reading!
  • Copywriting in UI. Words that Make Design Go Round. The article analyzing basic aspects of copy as one of key elements of efficient UI/UX design. Here we consider the basic functions of copy in user interface and recommend the stages of design process where professional copywriter can be helpful.

tubikstudio design blog


As it usually happens, the first month of spring brought days full of teamwork, communication, inspiration, brainstorming and rest, which we were keen to share with our over 21K followers in studio Instagram.

tubikstudio designers

tubikstudio design office


Getting closer to global design community as well as everyone interested in this sphere, we shared our ideas and experience via Medium, provided new answers on Quora and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.

Tubik Studio on Quora


And perhaps the most remarkable event of the month was Tubik Studio birthday, which we celebrate on the first day of spring. Now studio is already 3 years old and the team has grown significantly both in number of people and in diversity of design tasks we are now able to accomplish. We had a fascinating party filled with warm memories, best wishes and high dreams.

tubik studio CEO and art director

Tubik Studio CEO and Art Director Sergey Valiukh giving a speech


Tubik Studio design team

Tubik Studio team and guests of the birthday party


Tubik Studio lettering


One more month went to history but brought fresh prospects and new aims which we hope to realize this month in new projects, concepts, meeting and articles. Send you all part of our inspiration!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

Tubik Studio Weather App

Weather in UI Design. Come Rain or Shine

Perhaps, one of the most diverse objects of modern digital design is weather. Graphic designers work out loads of icons and illustrations in different styles, UI/UX designers create new concepts of weather applications and widgets, so users get more and more options for getting such a simple but vital information as weather forecast and the like. Despite the bulk of numerous weather apps which is growing bigger and bigger, it is still one of the most popular topics for designers as it goes to basics of human everyday life.


Users have a great benefit, being able to choose among loads of weather apps and services of different complexity, style, features, colors and so on. Moreover, the target audience of this sort of product is almost unlimited and totally diverse, therefore different ideas and concepts if done according to the laws of basic visual efficiency and common sense, will find their users.


Tubik Studio designers, working on various UI/UX projects, have also presented different design concepts for weather applications. So, this post is sharing our works and ideas on the topic.


Basic points of UI for weather applications


Design of the user interface for a weather application is usually concentrated on the idea of being informative and clear. This really is the thing which does not include a lot of copy on the screen, so it is very important to find the scheme and layout in which the user will need just a quick glance to get all the data he or she needs. That provides the broad space of creativity for designers as well as becomes a great challenge as any kind of weather app requires keeping the wise balance between the creative visual representation and extremely high level of usability.


Both aspects – visual and usable – need to be taken into account. If designer doesn’t think thoroughly enough on solutions providing easy and pleasant user experience and enhancing usability as the basic point, the app will risk losing the audience because functionality is the first thing that retains users to such kind of basic apps. On the other hand, concentration only on the layout and transitions while seeing visual design as the secondary and minor aspect is also the high risk, since being usable and well thought-out but visually boring and usual the app will not attract users’ attention and could get lost among the numerous competitors. So, designer should think over both perspectives and look for the ideas to make the design concept pleasant-looking, clear, efficient and understandable.


Tubik studio icons


Practice shows that the limitations for designer’s creativity in case of weather applications are much lower than in a lot of other types of products. As weather apps do not usually use long copy on the screens and apply a lot of visual details, the aspects of readability and efficient data presentation are different from for example the screens of a blog app or a social network. Therefore, designers can try various color pallets and combinations, different forms and shapes, interesting textures, visual effects or interface animation, original fonts or unique icons – anything that will support clear visual perception of the data necessary for a user.


Colors and shapes


In case of UI design for weather applications there is no strict trend, requirement or recommendation about using light or dark background. It happens, for instance, with more copy-based products in which the aspect of readability is activated with perception of big amount of text: in this case it could be recommended to try light background for making the layout more user-friendly and text more legible. In case of weather apps and widgets any combinations of colors, sometimes very unexpected, could work efficiently as far as they provide visual support for the data and enable the user to see and understand what they need in fast and easy way.


Moreover, interesting combinations of colors and shapes can also provide a kind of aesthetic pleasure for the user that can become a reason to choose this particular product among the competitors along the personal user’s taste. So, the range of colors is perhaps one of the widest in this case of design work. The weather concept accomplished by Sergey Valiukh for Fuse has become a good case of practical example.


weather app ui design by Tubik Studio

Weather App Screens by Sergey Valiukh


Organization of the data on the screen is one more important aspect to think over. One of the fresh Dribbble shots by Tubik Studio designer Tamara features organization of the data along the cards with the basic and additional information needed for the user. The user can choose the place (filtered as city, region, country and the like) and get the card which shows basic data such as temperature and weather characteristics (sunny, cloudy, cold, etc.) and additional data such as date and time according to the local time zone. It can be especially useful for users who travel a lot and need to know how to estimate their time and routines considering local situation.


tubik studio design

Weather Concept by Tamara


Graphic elements


Graphic elements for weather applications are among the most essential things to put time and effort in. Weather apps, as it was already mentioned, are highly visual and data perception has to take seconds so graphic elements should first of all be concentrated on increasing usability. A designer has to remember that this kind of app could be used on different devices, in different environments (bright or poor light around, for example), very often on the go. People with different levels of sight will need to use it. So, to be useful and usable, the app should apply the graphic material which will be not only visually appealing and stylish but also easily perceived in various conditions.


Among the graphic elements vital for efficient weather app, icons should be mentioned the first. In one of our previous articles we have already described importance of elaborate work on this vital element of any interface. In case of weather apps icons have great field of expression as they actually become highly informative elements. Being aware of this, designer Arthur Avakyan created the original set of weather icons for Tubik Studio, which is now available on Envato, Creative Market and Tubik Lab. All the icons follow the laws and standards of proportions and composition and will look recognizable and meaningful in different variants of color pallets and combinations. Also they all were tested by designer in the range of sizes to check that their recognizability doesn’t decrease in any case of use.


weather_icons tubik studio

Weather Icons Set by Arthur Avakyan


To represent how these icons work in layout, Valentyn Khenkin presented the concepts of weather app seen on iPad screen. It shows the location, the weather around — the temperature, pressure and other details. And the majority of screen space is covered by the illustration of the city which creates nice style and is recognizable as a support of the feature of location.


tubik illustration design

Weather Icons Presentation by Valentyn Khenkin


illustration weather tubik studio

Weather App by Valentyn Khenkin


Interface animation can become a good way to liven up the graphic elements as you can see in the animated interface by Sergey Valiukh. Animation adds movement and action, enhances efficient and fast microinteractions and makes perception of the data even faster and somehow entertaining.

tubik studio behance weather app

GIF for the Weather App by Sergey Valiukh


So, designing UI for weather applications, designers have a broad perspective for their ideas and concepts, choosing different design solutions and it is rather easy to move out of the box. However, any ideas made about the layout, graphic elements and animations have to pursue the goal of creating user-friendly, fast and clear interface which could preferably have the great support of attractive and stylish looks.

tubikstudio designer illustration


Extensive discussions appear and follow the topic — and certainly, they will move on to the future — about the weather apps design and finding the best solution which could be universal for everyone. Nevertheless, every day millions of users, having different tastes and preferences, different favorite styles and characters, different feelings of what feels comfortable and looks nice for them in particular, use this sort of simple apps as a part of their routine. The more variants of looks and features will be designed, the wider range of diverse options that endless target audience will get to find the one which fits their particular needs and wishes. And that is, obviously, a user-friendly way.


Welcome to see the designs by Tubik Studio on Dribbble and Behance

Tubik Studio Year Review

Tubik Studio 2015. Year in Review.

It’s hard to believe, but 2015 is almost over. For Tubik Studio this year was dynamic, bright and rich in meetings, shots, interesting projects and non-stop professional growth.

This year, being active on Dribbble, we have published around 140 shots. Here we offer you to look through the set of top positions in the categories of UI/UX design, illustration and animation. Following the links, you will be able to see all their detailed descriptions and full-size attachments.


Top Twenty UI/UX shots


Tubik studio traveller app UI

Traveller App by Ludmila Shevchenko


tubik studio social network ui

Social Network by Sergey Valiukh


Tubik Studio UI design

Analytics App by Ludmila Shevchenko


tubik studio UI app

Skydeck App by Konst


tubik studio design ui

Calendar App by Ludmila Shevchenko


tubik studio ui design

Book Review by Sergey Valiukh


tubik studio ui app design

Task Management App by Ludmila Shevchenko


tubik studio ui design ipad

Octopus Bar iPad App by Sergey Valiukh


tubik studio music_app

Music App by Ludmila Shevchenko


tubik studio app design

GIF for Sport App by Sergey Valiukh


tubik studio design ui ux

Sea Schedule by Valentyn Khenkin


tubik studio dribbble shot

Sea Schedule Mobile by Valentyn Khenkin


tubik studio app ui

Time Management App by Tamara


tubik studio graphic ui

Travel Notes App by Ludmila Shevchenko


tubik studio blog app

Blog App by Ludmila Shevchenko



Good Sign App Concept by Polina Makarevych


app design tubik studio

 ECHO App v2.1 by Sergey Valiukh


artgallery ui tubik studio

Art Gallery App by Ludmila Shevchenko


app interface tubik studio

Emotional App by Daria


dribbble shot tubik studio

Eventflow App by Dima Panchenko


Top Twenty Animated Shots


tubik studio motion design

GIF for the Timeline App by Sergey Valiukh


tubik studio button ui

GIF of the Tap Bar Concept by Sergey Valiukh


tubik studio tapbar ui

GIF of the Tapbar Interactions by Sergey Valiukh


ipad interaction tubik studio

GIF — Portrait vs Landscape by Sergey Valiukh


tubikstudio motion design

GIF of Dynamic Scroll by Sergey Valiukh


tubik studio_social_network

Gif For Social Network by Sergey Valiukh


app design tubik studio

 GIF for the ECHO App v2.1 by Sergey Valiukh


tubik studio pull down

GIF for Pull Down — Space Ship by Tamara 


hamburger button tubik studio

Hamburger button by Kirill


ui concept animation tubik studio

UI Navigation Concept by Ludmila Shevchenko


calendar-app animation tubik

Calendar App Animation by Kirill


 preloader animation tubik studio

Preloader by Kirill


ipad interactions animation

iPad App Interactions by Sergey Valiukh


ui concept animation design

UI Animation Concept by Alla Kudin


add button animation

GIF for the Add Button by Sergey Valiukh


landing page animation

Good.co Animation by Ludmila Shevchenko


sport_app_motion ui

Saily app logo by Tubik Studio

Case Study: Saily. Designing Logo

Logo design process has already been presented by us in previous case studies: we told about the logo for photo editor in Ribbet case study, PassFold logo for the mobile application for tickets/passes storage  and management as well as our own Tubik logo. All the previous cases show how thorough and sophisticated should the work on efficient logo be. Logo is the sign with the deep symbolic meaning that is the important part of UI design, branding and therefore successful promotion of the product.


This time we are going to tell about one more logo design process which was accomplished by Tubik Studio designer Arthur Avakyan for Saily app.

Tubik Studio designer

Arthur Avakyan creating variants of logo for Saily app



Designing a logo of the mobile application for local user-to-user e-commerce.



Pencil sketching, Adobe Illustrator





Saily is a local community app allowing neighbors to buy and sell their used stuff. Therefore it is a kind of e-commerce app but with solid communication feature. It is important to mention that the team which created the application puts a deep focus on design and culture at the core of everything they do. For the general UI design of the app, which was provided by Tubik Studio designer Tamara, the client set the task of fun and entertaining feel and look. So, logo had to follow the same requirements to create the harmony with general design concept.


Tubik Studio designer

Tamara working on UI design for Saily app


In this case of design process, designer Arthur Avakyan started with the variants of lettering as it was initially the basis of branding for the app. Traditionally the process started with handcrafted lettering versions in which special attention was paid to the initial capital letter S as it could potentially be further used for the application icon.

Tubik Studio logo design


Tubik Studio lettering


Although the lettering looked nice and the designer tried to keep the consistent and harmonic image, the customer wanted to continue the search of the concept which would look more funny and cool to create the feeling of user-friendly and far-from-formal product. So, next versions provided by the designer tried the variants of new letter combinations, connections and styles.


Here are the intermediate versions of digitized lettering which uses rather complex and elaborate lines and connections of all the letters into one integral image.

Tubik Studio lettering


Saily app logo by Tubik Studio


The next version presented lettering of the other style with simpler lines, less integral connection, which was provided in the previous version by linking the initial and the last letters. This version featured the initial letter S standing separate from the rest of the letters which was more logical in case of decision to use this letter on the icon or another logo variant.

Saily app logo by Tubik Studio


The client decided on the last version as the most readable and legible as well as flexible for developing further design solutions. The designer tried it in different colors and sizes to ensure that the font is easy to read and recognize in various environment.

Saily app logo by Tubik Studio



The second step of work on branding was design of the corporate character as well as in our previous case studies for Ribbet and Tubik logos. This time the mascot was a ghost and it had the amazing legend behind it, supporting and explaining the aim of the application for the target audience in funny and entertaining way. According to the original idea set by the creators of Saily app, the friendly ghost is called Casper and he really suffers from clutter in the people’s houses that doesn’t allow him to find the comfortable place to sleep. So, with the help of Saily app users are offered to sell their stuff which is unused anymore and free some space to make Casper happy.


Understanding the nature of the app and following the main requirement to make the mascot as cute as possible, the designer offered the first version, based on rounded forms and smooth lines, with friendly and cute look, big eyes and wide smile as the most prominent details, having outlined body and hands. The image was inscribed in the square-shaped icons with various color of backgrounds and mascot itself.

Saily app logo by Tubik Studio


Although the general idea was caught, the client wanted to continue the search and try other forms and options to achieve not only cute, but also trendy look. One more variant presents other forms and image of the ghost, removing such details as hands and making the icon look simple and clear. 

Saily app logo by Tubik Studio


For another iteration, it was decided to try the version in which the ghost took all the form of the icon.  In this case the designer also tried different color options as well as other type of facial expression.


Saily app logo by Tubik Studio


The images looked stylish and interesting, however one more iteration was included in the process. The creators of the app made a decision to feature not only e-commerce functions but also the strong element of gamification and a wide variety of illustrations to support the fun, cute and cool brand image. Considering this factor, the designer offered one more variant, which could be used in numerous and different backgrounds, fulfill diverse functional aims and also be used in the game with the same easily recognizable form. Thus, this version of the ghost was simplified, flat and rounded, and looked nice and stylish both inscribed inside the icon form and as the separate element of any environment. This solution was accepted as the most universal and flexible for different aims.

Tubik Studio logo design


To make sure that the mascot is efficient, it was tried on different backgrounds and with various color filling.

Tubik Studio logo design


The accepted design solution for the corporate mascot was further applied in numerous illustrations used on the screens and in the game featured in the app. Design process for them will be described in more details in our next case study devoted to UI design for Saily app.

Tubik Studio logo design Saily app


Tubik Studio logo Saily app

Saily app mascot ghost featured in the game


This case of logo design witnessed bright and diverse work on variants which would be not only bright and reflecting the nature of the whole app, but also flexible and for numerous aims, following the latest design trends and original to make the app branding easily stand out of the crowd.

Welcome to see other designs by Tubik Studio on Dribbble and Behance

Welcome to see other designs by Arthur Avakyan on Dribbble and Behance

Welcome to learn more about Saily app

PassFold Logo Tubik Studio

Case Study: PassFold. Designing logo.

In our previous case study we have told you about the process of creating UI design for PassFold project by Tubik Studio designer Tamara. As we mentioned in the story, one of the important elements influencing on UI solutions was the logo created by the other Tubik Studio designer Arthur Avakyan. Earlier we have already told you about all the stages of logo creation process for Ribbet and Tubik logos which were accomplished by Arthur. And today we have decided to support this set with one more bright story about logo for PassFold project.


PassFold logo Tubik Studio

Arthur Avakyan working on PassFold logo



Logo design for a mobile application for tickets (passes) storage and management.



Pencil sketching, Adobe Illustrator



As it was mentioned in the task, PassFold is the application for storage and management of tickets and passes bought online. Therefore, it was totally predictable and logical that customers wanted if possible to see the logo which would somehow feature this idea, preferably through visual connection with the shape of a ticket. Also the customer and the designer agreed upon the direction trying combination of this shape with the P letter as the initial letter of the application name. So, these preferences and wishes were the starting point for the designer in this case of logo design.


As usual, the first stage of the process included the research of logos in this sphere of activity and business in order to avoid repetitions and feel the trends. The first variants included pencil sketches showing the process of creative search.


PassFold logo by Tubik Studio


As you can see, the variants show different combinations of the capital letter P and a ticket in vertical and horizontal placement. Even in the first sketches the designer tried using colors so that the customer could imagine how it works. There were used the basic colors such as red, green and blue as well as some black-and-white versions.


Then there were three basic variants picked out for consideration, all being the combination of the capital letter with the ticket form. All three versions included white letter and colored ticket: the green ticket drawn right into the big letter, the red ticket placed horizontally and creating the natural line for lettering put into the general composition and the black-and-white version with a bit different also horizontally placed ticket to see how it will work without other colors.


PassFold Logo by Tubik Studio

PassFold logo Tubik Studio



The customer liked the ideas of combinations but asked to try the other style of different direction, closer to origami concept, to compare and decide. That is how the origami sketches were made, also trying different colors and forms of tickets.


Passfold logo by Tubik Studio


Even though this version was attractive and cute, the customer decided they wanted to have more flat and strict structure of the logo, so the designer continued the search developing the initial approach. It provided the concept of letter-and-ticket combination and finally gave the version which put all elements in the vertical combination featuring legible and clear capital letter but at the same time distinctly echoed with the ticket form. It worked successfully in different color combinations as well as in the clean stroke version.


Passfold Logo_by Tubik Studio



The customers were satisfied with this version. To make it clear how it will look in different expressions, the designer also provided two mock-ups, both using white version of the image. One of the mock-ups showed the stroke variant of the logo on the paper and the featured it on the mobile screen with the colorful background.

PassFold logo by Tubik Studio


Passfold Logo_by Tubik Studio


The general concept was agreed upon and the logo got its basic image and idea. However, at this point the process hasn’t stopped but paused for the time of general UI design. As we have mentioned in the case study devoted to PassFold UI design, the solution made about logo had an influence on general UI elements. And in their turn UI solutions, especially about the color palette of the screens had influenced on further design work on the logo, as it was tried in different colored versions so that it could correspond with other elements of the layout and look natural and nice.


Calendar by Tubik Studio


Also the logo was presented as the icon according to different variants of operational systems the application was adapted for.


PassFold Logo by Tubik Studio


This time all the logo design process passed in one breath. It was full of discussions and remarkably fruitful cooperation of the customers and the designer in search of the optimal version. Also this case showed the importance of the tight connection between logo and the other elements of user interface as well as general concept of the product. High attention to all the details provides the result which makes pleasant-looking and efficient design of the whole product.


Welcome to see other works by Arthur Avakyan on Dribbble and Behance

Welcome to see other works by Tubik Studio on Dribbble and Behance