Tag Archives: tubik life

ToonUP design by Tubik Studio

Tubik Products: Feel the Way of Outsource Clients.

Design is always the story of creative process for a particular purpose. However, the story itself can be written in a hundred of different ways and styles. It can be done individually or become the result of effective teamwork. It can be simple or complex. It can be narrow and specific or multipurpose. It can be outsourced or fully accomplished in-house. There are tons of shades for this story and all of them influence the final result that goes to users.


Here in Tubik Studio we have had the lucky opportunity to create a considerable number of design stories, all so different but all so definitely bright. It gave us the opportunity to feel all the benefits and pitfalls of design provided in terms of outsource partnership. To go further and get even closer to final users, to feel all the pains of our clients and all the variety of steps needed for creating an efficient product out of thin air, we have decided to make the next step and launch our own digital products. Extended design practice we have got through the years encouraged us to dive into all the path of product creation, testing, promotion and analysis to obtain that precious knowledge that will enable us to be even more helpful for our clients all over the world.


design studio TUBIK


No doubt, full-scope product design is not the way to start light-headedly. First of all, we had to analyze how design provided in outsorce differs from product design provided in-house. Let’s look over some insights together.


Outsource design


Being a team with a broad portfolio of outsource projects and having studied experience of our clients as well as plenty of successful product companies, we have marked out the following points needing consideration.


In outsource design process you are given a particular design task. That means you are able to concentrate on design tasks only as the strategic decisions are mostly made on the customer’s side. In practice, however, this disclaimer works a bit differently: creating design solutions solving users’ problems and bringing profit to the customers, designers can and often should influence the strategy of the product progress on the market. Anyway, all the final decisions and small or big changes of the product strategy are made by the customers team as they bear the final responsibilities and all the alterations or suggestions should be made in tight collaboration with the side launching the product.


In outsource design you work on the task you are assigned for, you are not a chooser of the strategy and not a decision-maker if this product is needed and if the idea behind it is good or bad. You have to study how to like and love any idea you have to work with because it is the only way to create good result and by the way to earn money. That is not in your scope of work to get into deep layers and tell the client that this idea will not work — your task is to make it work. That is what you are paid for.


In outsource design you need to have good skills of getting dip into the business goals and correspondent wishes of your client. In fact, if you are lucky you get a clear task supported with outlined target audience of the final product, perhaps marketing plan and ideas on client’s stylistic preferences. In other cases, you will get just a general line containing highly blurred task like «I want you to design a social network for drivers» and that is the part of the job to get all the details of how the clients sees it. It can be done by designers, sales and project managers, but whoever the doer of this vital job is, it is the only way to make the process of collaboration on the stage of design smooth and resultative.


—  In outsource design you aren’t always provided with the opportunity to communicate with stakeholders and influence their decisions. You are hired to accomplish a particular scope of works. It has to be mentioned that for many designers it is a benefit as they start work with a particular task in mind and do not need to get involved deeply at predesign or post-design stages. However, there also can be projects at which after launch of the product designers are later given additional tasks on maintenance and alterations of the existing product.


Design Studio Tubik


Product design


— In product design accomplished in-house all the scope of stages from ideization up to sophisticated testing and maintenance is done by one team. This means that designers get more chances of being involved into all the phases of strategical decision-making upon the product which is even more creative and analytical job but at the same time requiring more diverse skills and much higher responsibility.


— Full-scope in-house product design goes much further than actual design tasks. It includes all the creative cycle, with complex of tactic and strategic plans, ideas on commercialization and promotion, budgeting and content marketing, product philosophy and full-scope branding and so on and so forth. It means that the team will need diverse specialists that will establish solid foundation of specific skills strengthening design and bringing effective product into life.


— In product design the creators are the stakeholders. This certainly means deeper involvement of all the participants into creative process and at the same time more responsibilities.


Product design is the domain of higher financial and creative risks. In outsource design, especially when the process is already tuned and clear, the earnings can be more predictable and flexible in budget planning of the company.


— Product design suggests deep concentration on one project and one aim for a long time while outsource projects can be different and support the feeling of refreshment. Should be said,  none of the ways is better or worse, they are just different and sometimes what is one designers’ meat is other designer’s poison according to the individual peculiarities of nature and creative approach.


To sum up, in outsource design you are a vital part of the product creation and support while in product design you are actually in the heart of all the processes being not a part but the whole story. In outsource design you are a sort of hired executive while in product design you are a stakeholder with all the responsibilities of this not-so-easy job.


Broadening the horizons: Tubik upcoming products


Considering all those issues, we have decided to know it first hand: the work was organized in several direction so that our team could obtain as broad experience of full product cycle as possible and it could bring us even closer  to the pains, problems and pitfalls which our clients tackle on their way. We have set the purpose to create products helpful for their target audience and adding some social value as well as giving us comprehensive experience of full path of goal-centered design.


So, the directions in which we are working over the digital products are:

— content

— entertainment

— business

— education.


The first two of the mentioned points are actually represented with the products by Tubik team we are happy to announce. «Content» direction is presented with recently launched website Design4Users and «Entertainment» direction is presented with an application ToonUp which is really close to its release.




Design4Users Tubik Studio


Design4Users is a blog devoted to diverse design issues solving users’ problems. It is organized via the basic categories such as «Branding» «Product» «Print» and «UI/UX» and plenty of more detailed tags in the mentioned domains. This resource was started with the aim to provide designers, customers and all those who are interested in this sphere of human activity with a wide variety of useful and interesting content supported with attractive and functional design. The blog is designed, developed and curated fully by Tubik studio team.


Tubik Studio design team




ToonUp is a brand new alarm application for iPhones designed and developed by Tubik team. At the moment it is being prepared to release and its live version is coming up very soon. In this case, we have set the purpose to combine functionality with entertainment and support the product of everyday use with stylish graphics, which have been recognized our house specialty by great deal of clients, and gamification elements. If you would like to get updates about its release and sweet bonuses from our team, welcome to sign up here or keep up with the news on its Facebook page.


toonup application tubik studio


In our next articles and case studies we will tell you more about the creative process for these products and unveil some considerations on product design features, issues and requirements. Follow the news!

Welcome to see designs by Tubik Studio on Dribbble and Behance

Welcome to Design4Users

tubik studio graphic design illustration

Tubik Monthly Review. June.

Hot summer days are full of bright impressions, various design projects, creative brainstorms and productive teamwork. Starting a new month, let’s remember what was done in June.


Our Dribbble page got new shots presenting various design concepts: graphic design, mobile interfaces, landing pages, animations were posted by studio designers.  Let’s look through the June shots. If you are interested to see all the details  full-size, just follow the links.



Vinny’s Bakery by Ernest Asanov


icon pack tubik studio

Bright Icon Pack by Ludmila Shevchenko


tubik studio landing page design

Landing Page. Design Issues by Marina Yalanska


character illustration tubik studio

Indian Dreamcatcher by Arthur Avakyan


travel app tutorial tubik studio

Travel App Tutorial by Denys Boldyriev


3d animation tubik studio

BeBright App 3d Animation by Kirill


book swap app tubik studio

Book Swap App by Ludmila Shevchenko


web design tubik studio

Web Design Glossary by Marina Yalanska


tubik studio healthy food animation

Healthy Food App by Ernest Asanov


gym landing page concept by Tubik

Gym Landing Page by Dima Panchenko


tubik studio illustration graphic design

Muscles Magazine by Denys Boldyriev


tubikstudio travel gear landing

Travel Gear Landing Page by Tania Bashkatova


Surely, we took a chance of publishing some articles here in Tubik Blog about actual design issues. In case you missed any of them, look through the list of topics discussed in June:

  • UI/UX Glossary. Web Design Issues.  New set of UI/UX design glossary focused on basic terms used in webdesign sphere. Here you will find the explanations and examples of webdesign as a sphere of human activity, responsive design, home page, landing page, footer and header.
  • ITEM 2016. Conference Connecting Experts. The review of ITEM-2016, big IT conference held in Dnipro, Ukraine, which became a bright start of our summer. Great speakers and guests from different countries, wide range of topics and many bright moments of professional communication.
  • Design Is a Job. 30 Honest Quotes by Mike Monteiro. Fresh set of quotes about design issues. This time it is based on useful and helpful book «Design Is a Job» by Mike Monteiro, the co-founder of Mule Design who is deeply and sharply honest about not only the benefits but also pitfalls of design process.
  • FAQ Design Platform. Human-Centered vs User-Centered. Are the Terms Different? The issue of FAQ Design Platform concentrated on slight nuances in definitions of human-centered and user-centered design with examples by studio designers.
  • Business Terms in Design for E-Commerce. Sales Basics. When in Rome, do as the Romans do. When in business, know what the business people talk about. First set of key business terms for designers who work for e-commerce: conversion, sales funnel, sales channels, niche, 4P etc.
  • UI in Action. 15 Animated Design Concepts of Mobile UI. The diverse set of design concepts providing practices by studio designers in interface animation. Motion design ideas for various mobile applications, supporting layouts from slightest motion accents up to core interactions.
  • Short but Vital. Key Abbreviations in Design for Business. The article continues to set the bridge between business and design. This time we consider popular abbreviations such as MVP, USP, B2B, B2C, C2C and their influence on design solutions in perspective of UI, UX and branding.


tubik blog article


As usual, we were keen to actively share our knowledge and experience answering questions about various design topics on Quora. Here are the most popular ones in June:

What blogs can help me become well versed in UI, UX and usability standards?

— What is a home page?

What is a landing page?

— What’s the difference between human-centered design and user-centered design?


Tubik studio on Quora


Design events were also a bright part of the month. In June the team of studio managers attended the conference ITEM-2016 and designers attended Shuba meetup.


ITEM conference IT Tubik managers


Tubik studio designers


June moments of work, rest and creative search were traditionally shared with our followers on studio Instagram page.


tubik studio design office


tubik studio designer ecommerce


Definitely, we didn’t miss the chance to share our ideas and experience via Medium and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.


Welcome to join us wherever it’s convenient for you. Positive summer vibes and bright inspiration to everyon. Let’s meet a new month of projects, ideas, meetings, fresh design concepts and wise tips from experts. Stay tuned!

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

item conference stuff tubik studio

ITEM 2016. Conference Connecting Experts.

It’s not a secret that the most powerful tool of presentation, promotion, collaboration and inspiration is personal communication between people. Nowadays we have got numerous chances to communicate, study from experts, train our skills, do business and get inspired staying at the computer desk. However, all those things are not able to fully replace live communication with experienced professionals, discussions on controversial issues, sharing interesting ideas and exchanging energy of those who know everything first hand.


Certainly, in practice it’s not so easy, as the better you are in your job, the more responsibilities, tasks and current projects arise every day. Still, knowing all those important “-tion” factors, mentioned in the first sentence, here in Tubik Studio we try to take some time for important meetings and conferences. This experience is always highly precious as it provides the moments of refreshment and new perspective of the sphere. Earlier we have already shared our memories from Dribbble meetups and Behance Portfolio Reviews. And, surely, we couldn’t have missed one of the biggest IT events of this summer in Ukraine – ITEM 2016.


item conference tubik studio opening


ITEM (IT Evolution Meetings) is a large-scale conference for managers of all kinds in IT sphere. This year it was held the 4th time in Dnipro, big city in central-eastern Ukraine which at the moment is one of the leaders in Ukrainian IT-industry and home for many IT companies known worldwide. The conference got together speakers and participants from different countries and companies all united with professional interests in diverse domains of informational technology.


item conference tubik studio


Organized at the very start of summer, 2-3 June, the event seemed to be filled with sun and warmth up to the brim. Participants arrived from various corners of Ukraine, including Kiev, Kharkiv, Lviv, Odessa, Zaporizhzhya and others. Also there were many guests from other countries representing New-York, Palo-Alto, Los Angeles, Oslo, Amsterdam, Tallinn, Riga, Tel Aviv etc. In general, the event was attended by representatives of over 100 companies among whom you could find executives and owners of IT-businesses, project managers, sales and marketing managers, designers and developers.  The conference became a great platform for IT professionals from different points of the globe to meet each other, share ideas and problems, discuss actual issues, listen to recognized speakers and have fun together.


item conference tubik studio managers

Tubik Studio managers team attending ITEM 2016


The program of conference took two full days of interesting and informative work.  44 inspiring and informative speeches were presented by speakers in 5 conference panels covering actual topics of modern IT industry: IT-Geography, IT-Business, IT-Technology, Sales and Marketing, and Project Management. That was one more chance for us to feel the great power of teamwork: with many participants of management staff, Tubik Studio team got the chance to catch the maximum of information having representatives in every panel and then exchange thoughts and ideas. The speeches were given by well-known experts. Among headliners, whose presentations were full of actual and practical tips, must-mention ones are Tom Gilb, Jurgen Appelo, Zhenya Rozinskiy, Yegor Bugayenko, Yakov Fain, Kfir Bloch, Nikolai Prosto, Eugene Galkin and others. Certainly, the most precious benefit was the ability to ask questions and get immediate answers and tips as well as the chances of informal chat during breaks.


tom guilb item conference tubik studio

Tom Gilb chatting with participants during coffee-break


item conference tom guilb tubikstudio

Tom Gilb giving speech


item conference speech tubik studio

Jurgen Appelo giving speech


item conference tubik studio

Zhenya Rozinskiy chatting with participants during coffee-break


yegor bugayenko item conference tubik studio

Yegor Bugayenko giving speech


The wide range of topics and directions presented at the conference gave a really wide scope of issues to consider. No doubt, information and feelings got there are going to transform into bright memories of this summer  for every participant and perhaps open new vision of the industry and market in IT sphere.


item conference tubik studio team


item conference it tubik

Tubik Studio managers team attending ITEM 2016


Those who had the experience of professional events organization obviously appreciated the level at which the conference was held. We left the Menorah Center, the venue of all the speeches and discussions, with warm feelings of inspiration and gratitude to those who did the stuff making all this big and bright machine called ITEM 2016 function like clockwork. Thanks to speakers for thoughts and tips shared and all the participants for great time together! Look forward to new meeting at ITEM-2017!


item conference stuff tubik studio

Most photos are taken from official Facebook page of ITEM conference.

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 graphic design ui

Tubik Monthly Review. April.

One more month has brought interesting projects, active work, productive discussions, inspiring communication, creative search and bright memories. As usual, we start a new month with a quick review of what has already been done, so let’s look through some of April’s achievements.

Traditionally, we will start with a set of Dribbble shots presented by studio designers. 


tubik studio ui animation

Animated Interactions by Marina Yalanska


tubikstudio swiftybeaver landing

SwiftyBeaver Landing Page by Ludmila Shevchenko


swiftybeaver logo design

SwiftyBeaver Logo by Arthur Avakyan


website design concept tubikstudio

BRMC Website by Konst


InVision for UI prototyping tubikstudio

Prototyping with InVision by Marina Yalanska


ui animation cafe app tubikstudio

Cafe Coupon App by Dima Panchenko



website animation ui tubikstudio

BRMC Website — Animation by Konst


tubikstudio weather app

Weather Icons Presentation by Valentyn Khenkin


tubikstudio graphic design ui

Mascot Magic in Branding by Marina Yalanska


Tubik studio character animation

Daily Stuff by Alla Kudin


tubikstudio graphic design illustration

Ryiadh Tour Guide by Valentyn Khenkin


tubikstudio ui animation website design

Tubik Studio | Björn by Ernest Asanov


tubikstudio ui app design

Visual Perception. Icons vs Copy by Marina Yalanska


Also we have presented new studio work on Behance, this time showing the set of interfaces featuring app design with custom weather icons and illustrations.

Behance presentation icons tubikstudio

Weather icons Behance presentation


We also have published some new articles with our ideas on general and specific design issues here in Tubik Blog. In case you have missed out on any of them, here’s the list of what were the themes to discuss in April:

  • Graphic Design. Communication Beyond Words. The article about basic aspects of modern graphic design as a professional sphere. Here we consider the definition of graphic design, its directions, skills and qualities needed for work and also support all that stuff with examples created by studio designers.
  • Tubik Reading List on Design. Issue 3. New set of recommended fresh articles about various UI/UX design issues as well as the short review for a design book of the week. 
  • Design Tool Review. Prototyping with InVision. The review of the popular prototyping tool for designers. Analysis of practical benefits of InVision for creating efficient workflow and user-friendly designs.
  • 10 TED-Talks for Creative People. The fresh set of inspiring and informative TED-talks. This time 10 recommended speeches from experts are focused on diverse aspects of creativity. Enjoy watching!
  • Mascot Magic. Personifying Your Brand. The article about mascots as the design element with a strong potential in brand and content management. Here we consider main advantages and requirements to efficient mascots.
  • Visual Perception. Icons vs Copy in UI. The article analysing relations between copy and icons in app and web user interfaces in perspective of natural visual perception. Supported with practical design examples and recommended reading.


Tubik blog design article


This month we also actively shared our ideas and experience answering questions about design issues on Quora. Here are the most popular ones covered in April:

Why are illustrations important for UX design?

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

— In UIs, do people recognize icons faster than words?

— Why is it important for UX designers to work in teams?

— What is graphic design?


Tubik Studio on Quora


April brought many unforgettable moments of collaboration, creativity and friendship which we actively shared with our followers in studio Instagram page.


tubik studio designers


tubik studio design team


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

Also in April studio team was featured in the article Photo Tour of Tubik Studio revealing a bit of studio history as well as everyday routine and work conditions in WhatPixel Blog.


tubikstudio design office


One more month went to history but brought fresh prospects and new aims which we are keen to realize in new projects, concepts, meetings and articles. Get inspired!

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 animation UI

Animated Interactions. Motion on Purpose.

Motion is the powerful way to liven up design solutions. In our previous articles we have already shared some ideas on the significant potential of animation in interface design, when it is used wisely and purposefully. The topic is definitely broad and comprehensive so here we will continue the thoughts provided by us earlier with further step to explore interface animation in more details.


This time we will be concentrated on some purposes that can make the designer think about animated interface elements as the sort of a design solution improving interaction and providing positive user experience.


tubikstudio motion designer


Purpose is a key


As we mentioned in our previous article, today interface animation is the great way to retain users as it makes their user experience pleasant and enables solving their problems faster. However, designer should deeply analyze its potential for increasing usability, utility and desirability of the product before making a decision to apply any sort of motion design. Animation should be used thoughtfully and always have clear purpose. Advantages and usefulness of its application in the interaction process has to be obvious and outweighing possible disadvantages. Animation should become icing on the cake, not a fly in the ointment. Purpose is a key opening the door to efficient design solutions.


Therefore, the first thing to decide on is the purpose why animation could be applicable in the interface. Here is the list of possible purposes.


Purpose: Showing that the process is progressing


One of important and essential positive features of interface animation is communication with the user. Animated interface details are able to instantly inform the user about processes he is involved in. Therefore, one of the aims of motion design in UI is to inform the user about the stage of progress.


As we mentioned in the post devoted to animated microinteractions, this is probably one of the most widely-used types of interface animation. It lets the user instantly understand that the process is going on and even show what stage of process is actual now. The biggest advantage of this animated interaction is providing the assurance for the users, making them calm and confident in the process of using the product. Confident and happy user in vast majority of cases means positive user experience and provides good ground for high conversion rates.


Certainly, it is not the magic wand and usability of this trick should be supported with all the other thought-out design elements. However, this particular kind of animated interactions really needs to be considered in terms of creating efficient user interface informing the user quickly.


preloader animation tubik studio

Preloader by Kirill


pull_to_refresh tubik studio

Pull To Refresh by Kirill


tubik studio motion design

GIF for the Timeline App by Sergey Valiukh


Purpose: Showing that the action is done


One more popular purpose of using interface animation is somehow the next step of interaction. It doesn’t show the process, it shows it’s finalization. Again, it’s one more way to inform the user which means that importance of such interaction is high. At every step of interaction with the product user needs to understand clearly and quickly if the action was done and the system responded to it. No wonder, usability of the product design really suffers if this sort of feedback is not provided as fast and obviously as possible. Various sorts of animated elements from simple ticks to complicated animated mascots or illustrations can serve this need.


Nevertheless, the matter of simplicity for this sort of animation is also the point to consider. Complex animation can overload the page or screen or take too much time for such a simple operation, so it should be properly analyzed. On the other hand, original animation can become both informing and attractive, it can entertain the user which is also important feature for some applications and websites. Knowing target audience and its potential preferences is extremely helpful here.


button animation tubik

Switch Control Animation by Valentyn Khenkin


hamburger button tubik studio

Hamburger button by Kirill


Purpose: Grouping the data


One more potential aim is providing groups of any kind for big base of typical data. Animation in this case can liven up the process, especially in terms of transition from one group to the other. There can be cards with personal data, separated conversations and chats, data about items and products, information about transport and tons of other options. Motion added wisely here creates the illusion of physical contact with the data cards or groups and can provide good reason of feeling this experience as positive.


ui concept animation design

UI Animation Concept by Alla Kudin


tubikstudio blog app ui animation

GIF for Blog App by Tubik Studio


tubik studio motion design ui

GIF Animation by Sergey Valiukh


UI Design Interaction Tubik Studio

GIF for the Boat Station by Sergey Valiukh


Purpose: Drawing attention to specific elements


This sort of animation is used to highlight something important that user can possibly miss while shouldn’t. Being animated, the element of the layout gets much higher chances to be noticed even if it’s quite small. However, this sort of animation should be user carefully, otherwise it can distract user’s attention instead of concentrating it. If this type of animation is applied, preferably only one element of the layout should be animated in terms of one interaction in order to achieve the highest attention ratio.


product card ui animation tubik studio

Product Card Animation by Alla Kudin


Purpose: Providing a prompt to the user


This sort of animation is actually very close to the previous as its initial general aim is to draw attention to the particular element by means of motion. In this case, the trick is used to give users a clue what sort of interaction can be accomplished in places where this interaction is not obvious for everyone. Small unobtrusive interface animation provides instant communication with the user and shows necessary direction to move one, simplifying the process of dealing with the interface. This kind is really helpful in terms of providing intuitive navigation and therefore usability, crucial for positive user experience.


UI Animation tubikstudio

UI Animation for Tracking App


Purpose: Supporting general style and branding


One of the cases when slight animation is applicable is adding some motion to the elements of branding which are used in the layout to support brand awareness. In one of our articles we have mentioned that the strategy of consistent using element of branding in the interface, especially applied directly in the process of interaction with a product, can be effective method significantly strengthening brand image. Animation can enhance this effect, draw attention to specific branding elements and increase general recognizability of the brand.

Saily Animation by Tubik Studio

Animation for Saily.App


Purpose: Keeping consistency of transitions


This sort of animation is mostly used in webdesign, frequently in the process of scrolling the page. The effect of well-know and widely-used parallax or other sorts of animated transition has not only the aim of entertaining and creating immediate WOW-effect as it often seems. The deeper function of such technique is creating the feeling of consistency that makes transitions smoother and more natural. Thus it can create positive feeling in the process of interaction and if necessary keep elements requiring more attention always in view. Nevertheless, the effect of style and aesthetic pleasure which can be raised by this sort of animation, also shouldn’t be underestimated as it is the good way to attract attention and tickle user’s curiosity.


tubik studio web ui design

Birds of Paradise Encyclopedia by Vladyslav Taran


Tubik studio UI animation

Museu by Ernest Asanov


Purpose: Shock and awe


Perhaps, you remember the episode of “Hitch” comedy where the guy wishing to attract the girl he loved was instructed that the first step to this is to “Shock and awe!” Somehow, it is one of the techniques to work out in design also because users actually start interaction with the product at the moment they notice it and get curious to try. Sometimes, animation can become the feature instantly grabbing their attention and giving positive feeling of engagement from the very start. Even simple splash screen with interesting animation can serve this purpose. Again, this sort of motion design on the screens or web-pages can provoke many debates as the one with the least practical value. However, practice shows that practical issues is not the only thing people want to get from the products they choose. Aesthetic pleasure, entertainment, gamification and challenges, fun and cuteness, style and amazement can also be strong features in favor of your particular product among the others on the market.


Landing Page Animation Tubik Studio

Landing Page Animation by Sergey Valiukh


calendar-app animation tubik


Calendar App Animation by Kirill


So, the conclusion here is simple: any animation which is applied in the interface should have a clear purpose enhancing general user experience. In vast majority of cases, UI designer and motion designers try to find design solutions in which animated elements will satisfy multiple options increasing usability and desirability of the interface.


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

tubik studio web design

Tubik Monthly Review. February.

One more month full of work and inspiration slipped away in Tubik Studio and, as usual, we are ready to review what has been done here.


February brought new various shots on our Dribbble page, full of bright colors, funny characters and lively animation. Let’s take a look on them.


Tubik studio product animation video

Passfold video presentation by Kirill


tubik studio widget interface

GIF for Box Delivery Widget by Sergey Valiukh


tubikstudio UI stats concept

Stats Concept by Ludmila Shevchenko


illustration by tubikstudio

Sheriff Foxx Character by Arthur Avakyan


tubikstudio library widget

Library Widget by Sergey Valiukh


tubik studio app ui design

Gift Panic App by Daria


tubikstudio teamwork designers

Freelance vs Teamwork by Marina Yalanska



Underwater Explorer by Denys Boldyriev


tubik fashion ui design

Bonano e-commerce by Vladyslav Taran


Tubik Studio news app ui

Science News app by Ludmila Shevchenko


tubikstudio illustration UI

Illustration in UI by Marina Yalanska


tubikstudio space wallpapers

Free Space Wallpapers by Ludmila Shevchenko


tubik studio page 404

Tubik Studio | Page 404 by Ernest Asanov


monsters tubikstudio illustration

Monsters Stickers Set by  Ildar Alexandrov


tubikstudio illustration wallpapers

The Bright Side of UI Design by Marina Yalanska


tubik studio character animation

Monster Sticker animation  by Kirill


We have also published new articles about UI/UX design, illustration and graphic design, work routine organization and inspiration. In case you could have missed something accidentally, here is the full scope of what we posted here in February:


  • Design Workstyle. Freelance vs Teamwork. The article considering benefits and drawbacks of freelance and teamwork in the sphere of design. Based on practical experience of Tubik Studio designers.
  • 30 Quotes on User-centered Interaction Design. The new set of wise and deep tips from experts in Tubik Studio Quotes Collection. Helpful considerations on user-centered interaction design.
  • Illustration in UI. Art in Action. Illustration is one of the great ways to enhance positive user experience in web and app UI/UX design. The article considers basic features of an efficient interface illustration as well as popular practices.
  • 20 TED-talks for Designers. Inspiration Full of Thoughts. Inspiration is one of the key factors of productivity, especially when obtained from the experts. Here is the set of 20 inspirational, wise and informative TED-talks for creative people.
  • Color in UI Design. Look on the Bright Side. Color is obviously one of the strongest tools of creating efficient and attractive UI design. The article collects some tips from Tubik Studio designer about the aspects of color choice and combination in app and web interfaces.

Tubik Studio Blog


Traditionally, the month brought tons of bright and memorable moments of teamwork, communication, inspiration, brainstorming and rest, posted regularly for our followers in studio Instagram page.


tubik studio designers


In addition, we shared our ideas and thoughts via Medium, WordPress and Quora and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.


tubik studio sketch photo


So, getting energy from the work already done, thoughts by experts and bright moments of everyday life, we are opening the new month as well as spring season ready for fruitful and inspired work as well as new publications here in studio blog.

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

tubik studio freelance teamwork

Design Workstyle. Freelance vs Teamwork.

Modern time and development of technology brought people much more ways and choices of their work style and routine. The broad availability of the Internet and its endless opportunities gave lots of workers, especially in creative spheres, the chance of being more flexible and resourceful about organization of work process which is productive and convenient for all the sides. However, all the styles of work have not only their benefits but also drawbacks, and it’s really important for a professional to consider them before making the choice in favor of the particular working routine.


Most of the designers working in Tubik Studio have tried in practice both workstyles which are typical for today’s designers in the sphere of web, app and branding design: most started their path as freelancers before getting into team. So, using the advantage of real life experience we would like to discuss high and low sides of freelance and work in the studio or agency. Obviously, a lot of things have already been discussed in numerous articles over this topic, but, perhaps, our thoughts can also become useful for those who are considering the theme.

tubik designers




No doubt, due to the new technological horizons couple of decades ago freelance became the new and broad perspective of organizing work routine. It opened wide opportunities for those talented people who could not leave their homes, such as for example disabled or parents of babies and toddlers. This kind of workstyle brought easy solutions for a lot of problems and let the people realize their abilities against all the odds, so very soon it was taken over and improved by huge number of professionals in different spheres. The accents moved a bit: a lot of people made the choice of freelancing not because they didn’t need to go to an office but first of all because they could work for themselves and be the only people responsible for their own decisions, choosing the partners or customers and depending on themselves. Freelance workstyle gave them the feeling of freedom.



— You are free to choose the projects and customers you want or do not want to work for;

— You make your own choice of place and time of work;

— You do not depend on other people and are able to estimate your own productivity;

— You decide what kind of tools to use for any stage of the project you work on;

— You don’t spend money on transport and other costs obvious for those who work in the office;

— You control your workload and decide on the flow and priorities of projects;

— You are totally responsible for your creative decisions and are free to stop work on the project whenever you want.



— Less (or absent) guarantees of successful payment;

— Less (or absent) guarantees of steady workload;

— No support in creative blocks and problematic issues;

— Great amount of time spent on communication with customers, which can be not only time consuming but also highly stressful);

— Work under pressure of responsibility 100% of time;

— Absence or lower amount of live communication with colleagues on regular basis;

— No financial support in cases of sickness or holidays.


tubikstudio designer

Studio designer Violetta as well as most other designers in the studio tried the best and the worst of freelancing



— You are the person responsible for communication at all levels;

— You are the person of the business controlling the financial flows, income and expenses;

— You set the deadlines and have to control them by yourself;

— You work from home or any other place and should control the influence of the conditions on your productivity;

— The scope of work you can supply is limited by your personal abilities and talent;

— You have to be strong-willed and highly organized to efficiently separate your work time and personal time.


Bottom line

This way of work demands high level of total and absolute responsibility in case the person wants to become really successful rather than just make a living. In the sphere of design you have to become a “Jack of all trades” being able to organize efficient workplace, fast and easy communication, keeping deadlines, controlling finance and improving as a professional all at the same time.




Talking about design sphere, teamwork usually means that you become a part of design studio or agency. Certainly, this style of work is different from the one described above not only in terms of workflow itself but also in terms of process organization.


tubikstudio teamwork



— In most cases a team consists of diverse professionals in design and this gives a broad space of creativity and high chances of getting involved in complex design projects;

— Work in a team has higher level of stability in workload, planning time and finances;

— In many cases it gives the faster way of successful presenting yourself as for international design community as a result of accumulated efforts of all the team members;

— Teams include not only designers but also managers who are real and important support in terms of communication with customers, including the cases of solving conflicts and misunderstandings that are unavoidable in full-time creative work; moreover, it saves your time which you are able to devote to pure creativity instead of organizational and communication issues;

— Team has a great advantage of brainstorming and collective mind that can become very supportive especially in case of creative block or complex task;


project management discussion


— Team can take big and complex design projects splitting the parts of it to the designers who are the most capable of producing final result good for all the team productivity;

— Team provides regular communication both with designers and managers which is good for self-improvement and building social relationship;

— You have clear separation of your working space and personal space which is a vital condition of personal comfort for many people;


tubik studio


— You have a feeling of somebody to back you up that can give you more confidence;

— Team has more variants of promotion and presenting its members. In case of design sphere, it is sometimes less time-consuming and faster way to get involved into the community and take the support and popularity being a part of the team;


tubikstudio designers


— The flow of information exchange and circulation is much faster and more efficient that increases the level of general team productivity and problem-solving potential;

— Team can bring good friends into your life as well as inspiration and live energy absorbed from the other people around. 


tubik studio designers



— You have to organize your routine according to the schedule of work with a team whichever flexible could be the variants offered to you;

— You have to get ready to be a part of a group. That’s vital to know that even presenting yourself as a designer you are working in the team and for the team;

— You are working in a set of restrictions and in many cases you are assigned for the projects, not choosing the tasks but getting them for your consideration and accomplishment.



— You have to be aware that you are the part of team but as well the team is the integral part of your image;

 -You are always involved in more or less active communication flow which is natural for any kind of work. That means that you should take into account interests, habits, characters and thoughts of other people around you;

 -You have to consider not only your personal interests and prospects but also the interests and prospects of the team.


tubik studio brainstorm


Bottom line

Teamwork has its own responsibilities, seems more than for frellance, although in most cases it is an illusion. Teamwork provides the chance of taking the best from delegating responsibilities between the people who are the best for the role, so a designer has more time for pure design and creative work as well as professional self-improvement not bothering so much about management and organizational issues.


tubik studio ceo




Definitely, none of the benefits or drawbacks are absolute: as all the people are different the methods of workstyle for their best productivity should also be various. No secrets or tricks, just one man’s loss is the other man’s gain. Some of us are amazing team players while the others prefer full responsibility and decision-making only on their own shoulders. None is bad or good, all those things are extremely individual.

tubik studio brainstorm


Inside the studio we have gathered people who are consciously keen and able to take all the advantages of teamwork. It never ever means that any of them has lost their freedom, as all people in the studio have enough of their own private space and the chances of work not being disturbed. However, this kind of freedom is always supported with all the team who are invisibly behind you and ready to back up any moment it’s needed. So, we think that teamwork organized wisely and thoughtfully doesn’t take away designers’ individual space or freedom — vise versa, it adds to it the power of solid support and prospective ways for bigger and more complex, therefore more interesting and challenging projects and tasks.

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

Tubik Studio Review

Tubik Monthly Review. January

Traditionally, we start a new month in Tubik Studio with a moment of looking back at what has been done in the previous one. New year has started with new interesting projects and concepts, diverse shots on Dribbble, new plans and hopes and new articles in Tubik Blog. So, let’s look a bit closer at what January has brought up.

tubik studio office


In January we filled up our Dribbble portfolio with fresh shots featuring concepts for web, app, motion and logo design. Glad to mention that this month brought us two bright debut shots for the team, both featured in Dribbble weekly replays. Here’s the set of January shots.


tubik studio design UI

Photo Retouching Service by Alla Kudin


tubik studio UI design

HomeBid — Live Furniture Auction by Violetta


tubik studio app design

Social Network. UX for Communication by  Marina Yalanska


tubik studio app design

Entertainment App by Ludmila Shevchenko


tubik studio design

Structure – Architecture Blog by Ernest Asanov


tubik studio logo design

Tootl Logo by Ildar Alexandrov


tubik studio design

Microinteraction for Macroresult by Marina Yalanska


tubik studio web design

Web Template by Sergey Valiukh


tubik studio design

Weather Concept by Tamara


tubik studio design UI

Weather in UI Design by Marina Yalanska


tubik studio UI design

Messenger App by Ludmila Shevchenko


tubik studio design UI

Randomizer concept by Vladyslav Taran


tubik studio web template

Luxury Real Estate Web Template by Sergey Valiukh


tubik studio UI design

Offer App Coupon by Daria


tubik studio UI design

Case Study. Saily UI Design by Marina Yalanska


We also had an active month publishing new articles in Tubik Blog. In case you could miss something, let’s review the topics of the month:

  • Social Network Design. UX for Communication. The article gathering general points important to consider in the process of creating efficient UI/UX design for social networks of different kinds
  • UI Animation. Microinteraction for Macroresult. The article considering use and purpose of interface animation in UI/UX design in the aspect of efficient microinteractions. Supported with practical ideas and examples from Tubik Studio team.
  • FAQ Design Platform. Diversity of the Job. The fresh set of frequently asked questions about design in new FAQ Design Platform issue. This time it reviewed popular questions about different aspects of digital design as a job. Based on Tubik Studio answers at Quora.
  • Weather in UI Design. Come Rain or Shine. The article about some principles and practical ideas about UI design for weather applications and widgets. Supported with weather concepts by Tubik Studio designers.
  • Project Management. Design Process Backstage. The article considering the role of project management in successful design process. Here we gathered some important points and practical tips from Tubik Studio Project Manager.
  • Case Study: Saily App. Designing UI. The second case study about design for Saily App. This time it is devoted to description of user interface design for the application and packed with loads of images and animations to show more about the process.

Tubik design studio


As usual, we had a lot of everyday bright and memorable moments of team work, communication, creativity and rest, posted regularly for our over 15K followers in studio Instagram page.

tubik studio designer


Also, we shared our ideas and thoughts via Medium, WordPress and Quora and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.

tubik studio on medium

So, leaving one more dynamic month behind, all the team is full of inspiration looking forward to new interesting and active work.

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