Tag Archives: tubik life

ux designers tubik

10 Ways How User Experience Designers Bring Value to the World

What makes us feel happy at work? Choosing the career path or switch, we ask and answer tons of questions and try to analyze the variety of factors. No wonder: that choice determines our lifestyle, relations, personal and professional growth for the big part of everyday life. Recently, we’ve run into this sort of question at Quora which sounded like «How do User Experience designers (Mobile and Web) provide value to humanity?» and became the ground for today’s article.

 

The question is definitely great and the answer, in particular, can be important for the young specialists who are considering this career. Not only in terms of the humanity, but also in terms of yourself adding something to the global progress. Whatever people tell about money as the key point, in creative spheres there is a variety of research showing that designers need the feeling of creative growth and participation in global progress not less than a good salary. One of the articles in Harvard Business Blog mentions three big reasons that are common in making people happy at work: a meaningful vision of the future, a sense of purpose and great relationships. Specifying the sense of purpose, they state: «People want to feel as if their work matters, and that their contributions help to achieve something really important. And except for those at the tippy top, shareholder value isn’t a meaningful goal that excites and engages them. They want to know that they — and their organizations — are doing something big that matters to other people.» Being aware of the destinations and seeing themselves the part of globally important processes, people tend to make the choice of a particular career as good for them.

 

ux designers brainstorm tubik

 

Without getting dip into the sphere, you can see UX designers like people working out endless flows of screens. At the first sight for many people who don’t deal with all the aspects, this job looks neither interesting nor creative. And the aspect of its value for humanity also seems to be not so obvious. Here in Tubik, we’ve been lucky to see the sphere of UX design high and deep, in all its diversity, creating digital products for the companies worldwide. And what we’ve seen and taken part in, makes us certain to answer: UX designers do provide a considerable value for humanity.

 

Before starting the list of aspects for this value, let’s check the terminology. In one of the issues of UI/UX Design Glossary, we described UX in the following way: it is the general attitude and emotional feedback that user has at different stages of using the product. In terms of digital products, such as websites or applications, UX is a comprehensive term involving all the possible stages of user engagement. UX is based on several key factors such as usability, utility, desirability, attractiveness, the speed of work etc. If all the logic and possible issues of product implementation into real life are analyzed and designed properly, it forms positive user experience which means that users are able to satisfy their needs in a fast, easy and pleasant way. Positive user experience remains one of the strongest factors of retaining users.

 

Tubik-Studio ux design

 

Working on the UX for a digital product such as a website or mobile app, UX designers have to concentrate on such aspects as:

usability (the product is convenient, clear, logical and easy to use)
utility (the product provides useful content and solves users’ problems)
accessibility (the product is convenient for different categories of users)
desirability (the product is attractive and problem-solving, it retains users and creates the positive experience which they are ready to repeat).

 

All of the mentioned positions present the value for people in terms of particular operations done day in and day out as well as global processes in different spheres like commerce and business, education, management, housekeeping, communications and so on, and so forth. On the ground of everything above mentioned, we could assume several points of the value which UX designers provide to humanity creating a wide variety of digital products.

 

What are the values brought by UX designers?

 

1. They support fast, easy and productive communication worldwide via products like various messengers, social networks etc. Communication is one of the key reasons why people turn to websites and apps, and its flow has a great impact on user’s life, from personal chats with family and friends to professional online conferences and business negotiations. Creating user experience for this purpose, designers have to study the needs of the audience and offer the appropriate solutions which will make the product helpful for getting in touch with other people.

 

bikers website blog

StarDust Bikers Website

 

2. They support international collaboration working over successful experience for apps enabling productive work within a team scattered around. Today the world has a number of applications and tools enabling professionals to work effectively from different places. That creates new business contacts and supports a great variety of international projects. And by the way, sets the ground for creating new workplaces, raising profits and developing welfare which, no doubt, sound like credible value. The platforms, apps, tools and software enabling specialists from different cities, countries, and continents to operate in a big number of professional activities, all have user experience designers behind them.

 

3. They support everyday life of millions of people with digital products that solve actual problems (like to-do lists or apps for taking notes), inform (like news websites or different blogs), and entertain (like apps for listening to music and watching films as well as tons of games). Every day, using quite basic and simple things like alarms, news platforms, video apps or music players, most users don’t even imagine that simplicity of those interfaces and navigation which makes all the flow intuitive are the result of thorough work which takes many hours. User experience designers are the one who have to build these products helpful and pleasant-to-use on the balance of applied content, target audience and business goals.

 

upper app UI design case study

Upper App

 

4. They support and improve core spheres of human life like health care, education, commerce, and self-expression. In this aspect, UX designers are the contributors into different fields of human growth and development. They create the flows of interactions and layouts for educational websites, applications used in medical treatment and health care, data analysis, technical support and other directions. Add to it the variety of specialized platforms where people share their creative outcome like artworks, music or pieces of writing — all of them need experience and interactions appropriate for these needs.

 

health care app interactions tubik studio

Health Care App

 

5. They make technology more accessible which means closer to people of different ages and nationalities, levels of education and tech literacy, physical and mental abilities or disabilities. User research is one of the core parts of UX design, and one of the objectives is finding the solutions for problems, which could make using the product hard and tricky for some categories of users. Diligent UX designers aim at creating products which will be inclusive and accessible for users of different abilities.

 

6. They support the concept of non-stop learning through life via educational and information resources. Motion is life, and motion through the ocean of information around is not an easy part of it. People are born with natural curiosity, the wish of getting knowledge and being informed. UX designers contribute in this eternal human movement creating flows at which users, readers, learners will not get lost under the tons of data. They apply the techniques and methods of information architecture to make the interfaces organized and problem-solving for their readers.

 

tubik studio web ui design

Birds of Paradise Encyclopedia

 

7. They respond to the human need of harmony and aesthetic satisfaction finding the ways to make digital products both useful and beautiful. There are many people who support the idea that digital products of today should be minimalist and purely functional. However, life is not just like that: practice shows that people want to both solve the problems and feel aesthetic satisfaction using apps and websites. The balance of these things is included in responsibilities of UX designers.

 

calendar-app animation tubik

Calendar App 

 

8. They support the process of creating the products which will simplify and automate the decent mechanic processes saving time for activities applying creative human energy. More and more products nowadays, including chatbots, are able to automate simple things, for example, scheduling, computing, checking grammar in writing, analyzing and organizing received data etc. Those things allow to people to accomplish some tasks faster and easier and free their time for more creative tasks which machines cannot do. This is one more side of positive user experience.

ngin_app_car_statistics_animation_tubik

NGIN App

 

9. They keep the balance between the rational and irrational parts of human life and activity. UX designers work on the crossroads of rational and emotional sides of human life: creating apps and websites, they have to consider both logical thinking and typical interaction models as well as emotional background which can greatly influence user behavior.

 

cinema app interaction UI

Cinema App

 

10. They make beauty working and logical as well as they make simple operations beautified and pleasant to the human eye. No special comments are needed. UX designers know how to get the efficient combination of beauty and functionality, doing it in the way which the particular product and audience require.

 

home budget web interface

Home Budget app

 

Surely, this list is not full as well as the issue is not so purely positive. There are many aspects of the job of UX designers, some of which are inspiring while the others are challenging or confusing. Still, we suppose the given positions are a good ground to believe that the job of UX designer is the one creating real value which has plenty of shades and tones. On the other hand, this variety of values added by the representatives of the given professional field brings out the number of responsibilities for the job, which should be also considered and kept in mind.

 

ux designers tubik

 

Life of UX designers is not the life of a magician flying in silver clouds and saving the world with every move of a hand. No, it’s a flow of rigorous research and analysis, creative effort and review of the slightest details — and many other things to mention, as well as in any other job. However, that is definitely the job that brings something precious for the humanity of today and tomorrow.


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

Welcome to read us on Quora

design events benefits

5 Big Benefits of Attending Local Design Events

Being a designer is not only about pure creative process. Design is also about communication with colleagues, managers, clients and experts. This connection can be done not only in the flow of current projects but also at a variety of design events held all over the world. And, as the famous author and speechwriter James Humes stated, «The art of communication is the language of leadership» which works prominently in creative spheres of human activity. So, today let’s briefly review what are the key benefits which designers can get from attending specialized events like conferences, meetups, workshops and so on.

 

1. You absorb knowledge and inspiration from experienced designers

 

If you have had the chance to read about art education a couple of centuries ago, perhaps, you learned the stories how great masters started their path from apprenticeship for masters of that time. It was the way which in the case of appropriate diligence and patience could open the door to the world of genuine great art. Centuries have passed, generations have changed, but this way still hasn’t got lost in time: we learn the secrets of the job from those who have already got them through practice. That is one of the reasons to attend the design event, especially for those who only start their career in the field. Some of the speakers will give you useful tips on design tools while others will share their experience in methods of time management and collaboration. Some of them will tell you about new trends in design while others will show the flows of real projects. There is even a chance that there will be speakers who will show you the methods and ideas you’d never like to try — and even this result is positive at it saves your time and effort for testing all them by yourself. Don’t waste the opportunity to take what they are ready to share. Surely, to get the chances of positive experience higher, it’s advisable to check the program of conference or meetup beforehand.

 

You may like recognized designers more or less but remember: they ARE already well-known and successful. That means there always exists something you can learn from them. Analyze, get inspired, try to see the best features so that you could get the technique. It was effective hundred years ago in old-school art education and it still works now. 

 

2. You get live communication with experts

 

Reading the thoughts provided in the previous point, it’s easy to argue: why would you need to attend the real event if tons of them can be found via the Internet in videos, photo workshops, podcasts, articles, and books? The reason is simple: all those ways of getting professional knowledge and training are great and helpful, but none of them can fully replace the experience of live communication. The precious moments when you can ask the question right in the process of live talk flow are irreplaceable. Moreover, make no mistake: conferences and meetups are the places where everyone, including speakers and organizers, is ready and open to communicate with you while in ordinary days full of creative search, management and loads of current tasks they do not plan their time to answer the questions from other designers. Cool if they can do it but it happens not so often whereas for the professional events it is a natural state of things: everyone goes there to communicate.

 

One of the upcoming local events of that kind called Shuba Design Conference will be held in Dnipro, Ukraine in the late May. Its philosophy is all built around the idea of providing the space for effective and fruitful communication of creative people both in form of the speeches from the experts and live brainstorming with colleagues. This year the motto of the event is «Design beyond the borders» setting the new perspectives and new flows of creative energy in the sphere. Furthermore, the organizers bring out the opportunities for designers to participate in the contest of posters «BORDER STUDIES» and express their ideas in the artworks which will be accepted until 14 May. If you are interested to know more, check the details here. Let us know — we’ll be happy to get in touch!

 

design conference shuba ukraine

 

3. You can get the qualified feedback on your work

 

While most design meetups set the platform where experts share their knowledge and experience, some events also create the foundation for getting live feedback on design portfolios. One of the founders of this movement worldwide is Behance, the well-known design platform for portfolios in a variety of creative directions. Behance Portfolio Reviews held in different corners of the world let every designer get a professional and objective review from the local design community. This is one more upcoming design event we are looking forward to this May — Behance Portfolio Reviews Dnipro inviting young designers to present and discuss their portfolios.

 

behance portfolio reviews dnipro 

 

4. You set new business contacts in design sphere

 

One more big reason to attend design events is directly connected to business issues: this is usually the fruitful ground for making new contacts useful for your career. It works the same as at any other specialized event: you can get in touch with other designers for collaboration on complex projects as well as you can meet new potential clients or investors. Again, live communication and real impressions make a considerable impact on decisions which can change the prospects of individual designers or even design teams for better. 

 

5. You get refreshed from your routine and check the trends discussed at the moment

 

Last but not least is the reason of refreshment, actual for professionals from any creative sphere. Getting dip into specific tasks and working on several design projects simultaneously, artists really need that breath of fresh air which will reboot their creative energy and give new directions of vision. So, if you see the event with interesting speakers or themes actual for you, don’t hesitate to give yourself a moment of new experience: it will take you away from you current work for some time, but it will let you get back with new ideas and impressions absorbed from the design community.


Welcome to get more details on Shuba Design Conference (Dnipro, Ukraine, 27 May 2017)

Welcome to get more details on Behance Portfolio Reviews (Dnipro, Ukraine, 13 May 2017)

tubik studio wireframing UI UX

UX Wireframing: Bedrock of Interface Usability.

In 4th BC Plato said: “The beginning is the most important part of the work”. Almost 24 centuries since then his words are still up-to-date in our realias. Buildings require a stable foundation to stand and give shelter for long as well as any project needs to be well-planned from the very beginning to avoid problems at the further stages. Wireframing is the early step of UI/UX design process when the structure of the project is being formed. The usability and efficiency of final product often depend on how well the wireframe is created at the very first steps of the design process. However, today designers still haven’t agreed upon the common opinion about wireframing: some of them consider it to be a key part of the design process while the others regard wireframing as the waste of time. But where does the truth lie?

 

We’ve already touched upon the topic of wireframing in our article about creating mobile applications, and since the topic remains actual and debatable, this time we want to devote the full article to the roots, nature, benefits and diverse issues of wireframing process as well as the reasons why it’s advisable for designers to apply it.

 

tubikstudio ui ux design

 

What’s a wireframe?

 

Wireframe is a simplified and schematic visual representation of a layout for website pages or screens of an application interface. Wireframes are similar to architectural blueprints: they are usually black and white illustrations, sometimes with bright marks or spots to outline specific areas or points, that give a clear vision of the project structure and connections between different parts.

 

Wireframing is effective at the beginning of design process when the main objective is to create product’s structure. Designers use wireframes to outline visual and typographic hierarchy on user interfaces, set the interactive zones and elements, plan transitions and interactions, organize the general interface clearly for the target audience. Since a wireframe is focused on the structure, not the visual and emotional perception of the details, designers try to keep it simple. They mostly limit it to monochromatic color schemes, with boxes and lines representing copy, pictures and all the interactive elements on the page.

 

Tubik Studio designer UX screens

 

Earlier we presented the typical creative flow for digital product we have here in Tubik by example of creating mobile apps and mentioned the set of stages in this process:

  • setting the task and initial scope of works
  • estimation
  • user/market research
  • UX wireframing
  • prototyping
  • UI design
  • animation
  • software architecture planning
  • iOS development
  • testing
  • release
  • updates.

 

According to this list, it’s easy to see that UX wireframing is not the first stage of digital product creation, but it’s usually the initial phase of actual design, when the future website or application gets its first visual presentation, the sketch of its face and figure. The chances are high that the actual participants in creating digital products would agree with the idea offered by UXPin team in their book on wireframing: «Whether you’re building the next hot startup or a solid website or mobile application, wireframes are invaluable in keeping everyone on the same page – not just product managers, designers, and engineers. And they can be changed really quickly to accommodate the collaborative and iterative nature of product design and development, especially in agile startups and enterprises.»

 

Why do you need wireframing?

 

Wireframing is a fast and cheap way to plan the structure of the page or screen design. What’s more, it gives numerous advantageous opportunities not only for designers but for the whole development team and for clients too. First of all, a wireframe is the first visual representation of a designer’s abstract idea. This step ensures that the developers and the clients get a clear understanding of the project’s design. Furthermore, in case the client wants to make some changes, a wireframe is much easier to reshape since it doesn’t take much efforts and time to create one.

 

The other benefit a team gets from the wireframes is that developers can clearly see the placement of the elements on the page. Some software for creating wireframes allows seeing all the sizes and spacing by clicking a single button that saves time for both designer and development team. In addition, wireframing is quite inspiring for designers. It is flexible and provides much room for experiments which make the creative process more productive and presents the field for fresh outstanding solutions.

 

tubikstudio teamwork

 

In one of our previous articles we provided a bit of metaphor on the basic reasons why wireframing is always included in creative process here in Tubik. When we think about building the house, for example, we usually mean the process of physical appearance of the construction rather than tons of projects, drawings, and calculations made on paper. And yes, physically it’s possible to build the house without any project as well as it’s possible to create the interface out of thin air. However, in this case, you shouldn’t be surprised if one day the house will crack and collapse without any visible reasons as well as the app looking amazing and stylish won’t bring you any loyal users. If you want to have a reliable house, a durable mechanism, a powerful application or a highly-functional website, the recipe is the same – take your time for thorough planning and projecting. This is not going to waste your time: vice versa, it will save your time and effort you would otherwise have to spend on redesign and attempts to find out why your product doesn’t work properly.

 

All in all, wireframing is an effective tool that can save time and money for both the team and the client. It helps organize development and design processes and reduce chances of problems on the future steps.

 

Types of wireframes

 

There is an opinion that a wireframe is exceptionally a low-fidelity paper sketch of the page structure with boxes and lines illustrating visual elements. Nevertheless, today modern technologies help designers create wireframes of different fidelity level within a short time and without great effort. Typically we can define 3 widely-used types of wireframes.

 

Low-fidelity wireframes. They are black and white illustrations focused on a “big picture” of the page. UI elements are shown as boxes and lines without detailed annotations. The wireframes of this kind are quite abstract, but they give a chance to see the basic structure of the user interface.

 

Tubik Studio UI sketches

 

Medium-fidelity wireframes. This type is created in a monochrome palette, often gray-scale which makes it similar to the previous one. The wireframes can be created both manually or via digital tools so that the UI components are more detailed and realistic. Copy elements such as headlines and headers are distinguished that assists to establish typographic hierarchy. Placeholders are filled with images and the comments describing their destination.

 

SwiftyBeaver UX by Tubik Studio

The UX wireframes for SwiftyBeaver project

 

High-fidelity wireframes. These wireframes are created via digital tools. The core difference from the other types is that high-fidelity wireframes are built in color and present the screens in the view close to the final visual performance. The fonts are styled and visual elements are created with textures and shadows. The designer pays more attention to the sizes and alignment of UI components. It’s actually the static version of the app or website presented page-by-page or screen-by-screen. So, in distinction from the previous stage, they are called UI wireframes.

 

UI design by Tubik Studio

UI Wireframes for Passfold App

 

Wireframing vs Prototyping

 

High-fidelity wireframes tend to be often confused with prototypes because they are created in colors and look realistic, similar to a fully accomplished project. Nevertheless, these concepts present different stages of design process, have different aims and focuses. As we’ve already mentioned, wireframes are focused mostly on the structure of the page. On the other hand, prototypes are created to give the more detailed look at the UI elements, their style and alignment: the biggest difference is that prototypes give the opportunity to test the interactions between the user and the interface similar to the final product. As we mentioned in UI/UX Glossary, the original concept behind the term ‘prototype’ is the sample model of the product that gives the ability to test it and see if the solutions and decisions made about the product are efficient. However, prototypes should not be seen as the analog of the final product as they aren’t those: their main aim is to enable a designer, a customer and a user to check the correctness and appropriateness of the design solutions.

 

Interactions need to be thought out well and similar to the final result and checked thoroughly before the development team starts their work. Making alterations, adding elements and changing transitions is much more time-consuming and expensive at the stage of development, that’s why it’s important to check the usability of the UI elements in advance. Prototyping is much more efficient and useful as the step between UX design and UI design. So, here in Tubik we support the workflow having the sequence «UX – prototype – UI».

 

The prototypes on UI stage can be created for the presentation of application general looks rather than for testing and improving its functional features. And this is the trap in which it is easy to get confused. Prototyping all the details on the final stage of UI in most cases is not so reasonable as it could seem. It can be too time-consuming and in this perspective, it would be better to spend the same time on coding a demo-version. Moreover, usability should be thoroughly checked first of all at the UX stage, otherwise, it would be much harder to change inefficient solution after having accomplished a lot of work on UI. Certainly, it would be amazing to create prototypes both for UX and UI, but by far not all the designers and customers agree to spend so much time on design tasks and want to test and improve the design much faster and cheaper. Anyway, the solution of applying prototyping at different stages of UI process should be approached individually according to the requirements and goals of every particular case.

 

Prototypes are created on the basis of the static wireframes, making them clickable and interactive, so the designer can try out if the interface is clear and usable for a real user. This kind of testing is a key step in the design process because it allows identifying possible problems and difficulties with user interactions. There are various prototyping tools providing functionality on checking usability of the design solutions, and research platforms which make the process even easier.

 

invision prototyping tool tubikstudio review

 

Efficient wireframing tools

 

Today, designers are not limited in choosing tools for wireframing: there are plenty them, free and paid, to set up the productive design flow. The number of tools is growing so fast that it’s easy to get lost among them.

 

Wireframing is an integral part of the design process here at Tubik, so our designers need a flexible and effective tool for creating wireframes which can be effective both for individual and complex team tasks. The long path of probes has led us to Sketch.

 

Sketch is a professional design software that allows creating the variety of art and design projects. The program is vector-based and gives the opportunity to work with layers and shapes which can be easily manipulated via the tools panel. Sketch is an effective tool for UI/UX designers because it can be applied at different stages of the design workflow starting from wireframing. The features which we see as advantages are quite convincing.

 

It’s vector-based. This means designers can use vector shapes and scale them without losing quality. Moreover, the artboard is still pixel aware which is a core thing for creating quality web and app design.

 

Effective guidelines. You can see dimensions of the components and spacing between them only by holding the alt key. This is helpful not only for designers but also for developers. When designer shares the wireframes with the development team, they can define the placement and details of UI components and layout without designer’s explanations.

 

Grids. Unlike many other tools, Sketch provides in-build grid feature that saves designers’ time since they don’t need to create it beforehand.

 

Native font rendering. It often happens that fonts in a browser look absolutely different compared to the PSD and it ruins the whole picture. Nevertheless, Sketch uses native font rendering that makes fonts feel more natural and accurate in browsers.

 

It’s fast. Sketch is a tool oriented on web and app design, so the functionality is more concise compared to other software in the field. This makes it lighter, so it works much faster not overloading the computer which saves time (and nerve!) for designers.

 

tubik studio design process ux

 

Yet, there is one specific feature about Sketch: it works only on Mac and there are no exceptions. Nevertheless, if you don’t have one, you shouldn’t give up. There is still a classic option — Adobe Photoshop. Yes, it may work a bit slower but it is an efficient tool for creating wireframes, and many designers are sincerely linked to it as a multipurpose tool. Moreover, you should remember that not all the customers are ready to accept the assets in Sketch, so Photoshop will save the game in this case. It proved itself as the efficient tool. Among newer options, the star of Adobe Experience Design (XD) is also rising and winning its positions on the market and in design flows.

 

And, for the last point here, if you are keen to creating interactive high-fidelity wireframes, you’ll need additional tools to make them clickable prototypes. For this stage, we could single out InVision and UXPin: these tools help to add the interactivity to wireframes creating efficient samples for gathering feedbacks from the team and clients.

 

Tips on how to make your wireframing efficient

 

There are no big secrets about creating a quality wireframe still some tips on how to make it more productive can be mentioned for the bottom line:

 

Do thorough research beforehand. Do not start wireframing process before you outline the goals, USP, target audience and the problems which should be solved with the product.

 

Keep them simple. The aim of a wireframe is to create a structure of the page design, details go after.

 

Use a monochromatic palette for UX wireframes. Our experience proves that design process is more productive if the designer leaves detalization for the next step.

 

Write annotation. If the designer plans to present a wireframe to the team, it would be good to include annotations. They help to catch and understand the ideas quicker and deeper.

 

Gather feedback. Try to ask opinions of your team members and perhaps even potential users, if possible, at this stage. It is an effective way to improve your work and save your time for later stages needing more sophisticated design.

 

Use a grid. It helps to place all the components in the efficient way for users’ perception.

 

tubik studio wireframing UI UX

 

Recommended reading

 

Here is the collection of recommended materials for further reading in case you would like to read more on the theme.

The Guide to Wireframing (E-book)

The Wireframe Perfectionist’s Guide

Using Wireframes to Streamline Your Development Process

What is a Wireframe: Designing Your UX Backbone

Jargonbuster: mockups, wireframes, prototypes

What’s the difference between wireframes and prototypes?

10 tips to improve your wireframes in the web design process

9 Free to Use Wireframing Tools


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

Welcome to read the articles about UI Navigation Elements

year in review tubik studio design

Tubik Studio 2016. Year in Review.

Bright, fast and furious, the year 2016 is over. For Tubik Studio it was dynamic, bright, rich in meetings, shots, interesting projects and non-stop professional growth. The company got bigger, more experienced and diverse. Traditionally, we start every new stage of our workflow remembering the most significant points of what has already been done, and today won’t be an exception. Let’s take a moment to turn back for a while and remember some outstanding things that marked 2016 for our team.

 

Being active on Dribbble, we published over 170 shots. Welcome to look through the set of top positions in the categories of UI/UX design, animation, branding and illustration. Following the links, you will be able to see all their detailed descriptions and full-size attachments.

 

Top Twenty UI/UX shots

 

tubik studio web design

Page 404

 

tubikstudio travel gear landing

Travel Gear Landing Page

 

tubikstudio library widget

Library Widget

 

tubikstudio ui webdesign

Comics Shop Home Page

 

graphic design tutorial tubik studio

Singify App Tutorial

 

Christmas graphic design tubik studio

Magic Christmas App

 

tubikstudio homepage design

Event Agency Webpage

web design UI concept tubik studio

The Big Landscape

 

tubik_studio_website_ui_bakery

Vinny’s Bakery

 

health care app UI design

Health Care App

 

website design tubik studio

Adventure Agency Website

 

landing page UI design tubik studio

Website on cooking seafood

 

tubikstudio graphic design illustration

Ryiadh Tour Guide

 

tubik studio design

Weather App Concept

 

mobile app design tubik studio

Moneywise App

 

travel app tutorial tubik studio

Travel App Tutorial

 

snake battle app UI design

Snake Battle

 

toonie alarm UI design

Toonie Alarm

 

online magazine design tubik studio

Daily Bugle Online Magazine

 

book swap app tubik studio

Book Swap App

 

Top Twenty Animated shots

 

tubik studio web ui design

Birds of Paradise Encyclopedia

 

landing page animation Tubik studio

Magic.co landing page animation

 

 

tubik_studio_book_swap

Book Swap App

 

Landing Page Animation Tubik Studio

Organic — landing page animation

 

tubik studio healthy food animation

Healthy Food App 

 

tubik studio application recipes and cooking

Recipes App

 

tubikstudio ui design

BuonApp

 

website design UI

Architecture Firm

 

Tubik studio UI animation

Museu

tubik studio ice ui website

Ice Website

 

tubikstudio ui animation website design

Bjorn Website

 

ui animation cafe app tubikstudio

Cafe Coupon App

 

apple even animation tubik studio

Apple Event Animated Graphics

 

gym landing page concept by Tubik

Gym Landing Page

 

tubik studio animated illustration

Lowrider

 

tubik_toonie_help_screens_interaction

Toonie Alarm tutorial

 

animation design

Night Run Animation

 

Contact List Concept Scrolls Tubik

Contact List Concept

 

animated tutorial

Social Network Tutorial

 

motion design tubik studio

Rocket Animation

 

Top Ten Branding shots

 

business cards design

Deetu Business Cards

 

logo design music app tubik studio

Switch-up logo

 

logo design tubik studio

fOxygenic logo

 

andre logo design tubik studio

Andre logo 

 

logo design branding tubik

Pickitout logo

 

lion browser logo tubik studio

Lion browser logo icon

 

snake battle logo for game app

Snake Battle Logo

horsy logo design branding

Horsy Logo

 

logo design by Tubik studio

Elephun logo

 

logo animation tubik studio

Realli logo

 

Top Ten Illustration shots

 

Rio 2016 Illustration tubik studio

Rio 2016

 

graphic design illustration tubik studio

Californication Bus

 

tubikstudio space wallpapers

Free Space Wallpapers

 

character illustration tubik studio

Indian Dreamcatcher

 

Christmas graphic design tubik studio

Christmas Spirit Illustration

 

game character design tubik studio

Ulf the Viking

 

tubik illustration jazz tales book

Tales of the Jazz Age Book Cover

 

tubik studio illustration graphic design

Muscles Magazine

 

star-wars-rogue-one_tubik_studio_illustration

Star Wars Rogue One Illustration

 

badges illustration tubik studio

PukaPal Badges

 

Top Ten Articles in Tubik Blog

 

2016 brought a great deal of new posts in Tubik Blog to share our ideas, case studies and experience. Here is the list of some articles which got shared and read by big number of readers.

 

tubik blog article

Visual Perception: Icons vs Copy in UI

 

Tubik Studio Interface Animation

UI Animation: Microinteraction for Macroresult

 

toonie alarm time picker

The Ultimate Guide to Creating a Mobile Application

 

book swap app design

UI Animation: Eye-Pleasing, Problem-Solving.

 

lion browser logo tubik studio

Logo Design: Creative Stages.

 

tubikstudio ui ux design

UI/UX Glossary: Steps to Usability.

 

web design tubik studio

Home Sweet Home. Strategies of Home Page Design.

 

tubik studio ui design dark

Dark Side of UI: Benefits of Dark Background.

 

ios-developers-tubik-studio

Review of Popular Trends and Tools for Developers in 2016

 

UI design trends

Review of Popular Design Trends for Interfaces in 2016

 

Top Five Tubik News

 

Growing diversity of services

In 2016 we formed the full team of specialists able to create and maintain a digital product from scratch to release: today we are a comprehensive full-cycle digital agency, with experienced specialists in the domains of branding, UI/UX design for websites and applications, graphic design of any complexity, motion design, iOS and web-development, QA testing.

 

collaboration-process-app-design

 

Variety of outsource projects

2016 brought us the great bunch of outsource design and development projects for diversity of businesses and organizations. They established broad experience of collaboration with different customers, including big and well-known clients. One of the latest projects of 2016 was a «year-in-review» video for Opera.

 

 

In-house iOS application: Toonie Alarm

In 2016, to get closer to our outsource clients, we have set the purpose to create in-house studio products helpful for their target audience and adding some social value as well as giving us comprehensive experience of full path for creating and promoting digital products. In the domain of iOS app design, the product created and released by Tubik in 2016 is Toonie Alarm, entertaining and funny free alarm app for iPhones rewarding users for waking up with cute stickers. 

 


 

In-house content project: Design4Users

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.

 

design4users blog

 

Free e-books by Tubik team

Additional big news was the start of Tubik Magazine, the set of free e-books from us about different aspects, approaches and tips on design and development. The first issue called Design for Business presented a variety of business points and terms important to consider for designers working over goal-centered design for companies and brands. The second ebook called Logo design was devoted to creative stages and strategies of efficient logo design. Both books are supported with practical cases. Welcome to read them or download totally for free.

 

tubik studio free ebook design for business

 

Bright moments of work, rest and creative search were traditionally shared with our followers on studio Instagram page. No doubt, we also didn’t miss the chance to share our ideas, news, tips and experience via Medium and Quora as well as kept everyone updated with studio news via Twitter, FacebookTumblr and Flipboard.

 

new-year-photo

 

Even this quite brief review makes obvious that 2016 was full of everything for our team. And we are ready for new challenges, perspectives and projects in 2017 which will definitely open many new unforgettable creative pages. 

 

 

Warm greetings for everyone from Tubik Studio, we wish you amazing and successful year 2017!

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

 

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

 

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.

 

tubik_studio_website_ui_bakery

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

 

tubikstudio_ui_swiftybeaver

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