Tag Archives: branding

Toonie Alarm UI design

Case Study: Toonie Alarm. App UI Design.

Designing a product for everyday use, it is vital to ground it on the thorough market research, thought-out design presentation and deep analysis of the target audience. No wonder: the stuff like note-apps, alarms, to-do lists, calculators, calendars and the like surround users in their everyday life, help in common situations and sometimes add color to the routine. We have checked that well and now would like to present you the first case telling the design story of the brand new alarm app for iOS called Toonie Alarm which today is featured on Product Hunt and has reached top-5 in the category Tech in 4 hours after featuring.


Toonie Alarm UI design




Full-cycle UI/UX design for the simple and engaging alarm app for iPhones.




The design process for this case was different from typical ones in the studio as before it we had worked more on outsource projects which means that creating initial product concept and setting the task was done mainly by the client’s side. The process for Toonie Alarm took the other direction and gave us what it was set for: the feeling of full product creation process from the very first steps. We had to set the idea and test it competitive potential, establish its USP and marketing plan, branding and usability foundation and all the other stuff like this.


Initially the idea behind the app was to create a simple alarm clock with attractive design and consistent element of motivation and support for such a basic and often far-from-pleasant process as waking up. The basic brand image was set as fun, cute, bright and cheerful, and marketing research supported this concept with the analysis of competition and ideas on adding original features to the app.


User research and analysis enabled the team to form the USP for the product on the basis of the following set of key features:

  • All the features of the app free for everyone
  • Simple, clear and intuitive navigation
  • Bright and pretty interface
  • Huge set of beautiful stickers
  • Achievements and rewards for waking up
  • Eye-pleasing interactive animation
  • Animated time picker
  • Instant sharing achievement with friends.


Let’s look over the details of UI created by Tubik designers.


Cute Mascot


In one of our previous articles we have already mentioned the great role of mascots in branding and UI design. As for Toonie Alarm, the idea of applying the mascot was set almost instantly as mascot is not only a sort of communicator between interface and user, but also a great representative of the brand able to enhance its recognizability. Moreover, it has a great impact on easy establishing the voice and tone of the product, creating the feeling of natural communication and supporting the mood. That was the point when Toonie was born to be a funny cheerful bird, whose mission is to make the world  brighter and help users to interact with the alarm. It informs users about news, rewards, errors and just adds some fun and color to everyday life.


Toonie Alarm mascot design


toonie alarm mascot design


App Tutorial


App tutorial is an important part of the interface which helps users to get informed on the basic interactions. In Toonie Alarm it consists of three screens that tell the user about the functionality of the app. Small concise copy blocks are supported by smooth and pleasant animation of transitions to create the feeling of integrity and cheerful mascot featured as the consistent element and the center of the screen graphic composition.


Toonie Alarm Tutorial design


Home Screen


The home screen shows the alarms which user already set for particular time and days and the tab with funny stickers already collected for waking up. Active alarms toggles feature the animated sun. Left swipe opens active options for the particular alarm.


Toonie Alarm UI design


Stickers Screen


Various stickers become the reward for waking up at the particular period. Moreover, waking up several times at this time, users can level up their stickers and enrich their collection. All the stickers can be shared to social networks to mark users’ achievements.


toonie alarm stickers


Toonie alarm stickers screen


Time Picker


Another prominent feature of the app is the animated time picker. The app has simple navigation and nice motion makes it even more intuitive. Picking time for the alarm, users can enjoy animated march of night and day.


Toonie Alarm time picker screen


Animated Stickers


Animated stickers make interaction even more lively and enjoyable and also enhance user experience making the interface attractive and playful.


toonie alarm stickers


Logo Style


Logo design keeps style of lettering associated with fun and entertainment and creating harmonic link to the fonts typical for cute cartoons.


Toonie Alarm logo


Product Video


To catch more details and see the interactions with the app in real, welcome to review the video guide on Toonie Alarm.



You can also review the presentation of Toonie Alarm design on Behance or check full pack of the details via Toonie Press Kit

Welcome to see full presentation on Product Hunt

Welcome to download Toonie Alarm via App Store

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

design4users blog by Tubik

Design4Users Blog. Official Release.

Here in Tubik Studio we have had the opportunity to create a considerable number of design stories, all so different and so unique. It gave us the chance 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 take the next step and launch our own digital products.


Today we are happy to announce the release of our first product called Design4Users. It is a content-driven professional platform fully created by the studio team from the ideation and concept phase, to creating branding, developing content strategy and communication model, designing logic and layout (UX), original interface and navigation (UI), providing full-cycle of front-end development and creating responsive webdesign, careful testing and thoughtful content writing.


D4U design4users blog


Welcome to get a bit more details about the project.


Mission and background


Design4Users is a blog devoted to diverse design issues solving users’ problems. It’s mission is establishing a solid highly informative platform for designers, customers, managers, product creators and marketologists focused on the aspects of user-friendly design trends, process, organization, collaboration, resources and tips.


One more objective of the blog is promoting and inspiring young designers and sharing expertise of well-known masters in the sphere.


Initially, the blog was created as small in-studio platform for sharing useful information on current projects as well as helpful resources, tools, design hacks, inspirational collections etc. Still, growing and active Tubik Blog readers community encouraged us to transform it in the open platform and share our knowledge, practical experience, tips on tools and sources, projects and concepts we find inspiring. And all of them have one thing in common: they are concentrated on design for problem solving, on helping users and making their life brighter, easier, more productive, more profitable and more beautiful.


design4users logo


Description and functionality


The website is organized around several basic categories reflecting different design directions.


design4users blog




Design: the broadest category focused on general design trends and strategies. It also features reviews for design books and tools, sets of quotes, historical retrospective on design trends, recommendations about useful resources and articles, stories about designers and projects, advice on organization and management of design processes and efficient collaboration with clients etc.


Branding: the category considering various issues of design for branding and marketing, creating identity, logo design, copywriting and brand naming, marketing research and content management tips.


UI/UX: the category focused on the comprehensive presentation of design processes via practical case studies and articles about design for digital products like websites and mobile applications. Covers all the variety of topics about user interfaces, user experience, user research, usability testing, interaction design, applying psychology and analytics in design process, organizing effective teamwork for complex design projects.


Product: the category offering articles and reviews on full cycle of product design, development and promotion, tips on creating user-friendly problem-solving products, cases of improving lifestyle, professional processes and achieving business goals for products by means of design.


Print: the category concentrated on all the variety of design directions and techniques for editorials and books, aspects of graphic design, illustration, typography and lettering, small print forms like postcards, invitations, posters etc.


wordpress theme design tubikstudio


All the categories can feature posts marked as original D4U sections.


  • D4U Inspiration: thematic collections of design works, quotes, videos
  • D4U Interview: interviews with people connected to design sphere, inspiring leaders, newcoming stars etc.
  • D4U Review: books and tools reviews
  • D4U Expertise: presentations of recognized experts in design sphere, their biographies, works, tips, videos and publications.
  • D4U Reading List: collections of recommended articles about from various resources published weekly
  • D4U History: posts about prominent cases and works in the sphere of design in historic retrospective.
  • D4U Case Study: practical case studies giving details on creative process for different design projects.


Design and Layout


Design of the website is accomplished with a view to effective presentation of both copy and visual materials that are provided in wide variety. Basic background of the web pages is dark, aiming at creating stylish harmony and balance for featured images in preview sections and contract with the light background for the article body supporting better usability and readability of copy blocks.


Home page features two blocks of articles: the most popular according to the total number of views and recent, showing the chronological feed of posting.


design4users Tubik Studio


The users are provided with the ability to switch to another category immediately from the top menu, footer menu and dynamic menu moving in the process of scrolling and making navigation easy. The articles are supported with tags and recommendations on further reading.


Subscription is fast and simple, enabling users to get the fresh updates immediately after publishing in their inboxes. Also, readers are able to share the content to the variety of social networks right from the article in split seconds.


Welcome to see more details about design for the website in extended Behance presentation




Design4Users is the content project fully created, designed and developed by Tubik Studio. Being a comprehensive team experienced in variety of design directions and knowing all the stones on the path, we have decided to set a platform uniting creators via knowledge, practice and inspiration for the sake of design for users.


Tubik Studio design team




For those who are interested to get more about the website structure and content in more interactive way, welcome to watch Design4USers Video Tour.



If you wish to see details and contact information about Design4Users, welcome to check out the Press Kit.

In the next post, we will provide the case study on design process for the website. Stay tuned and join us via Design4Users!

Welcome to see designs by Tubik Studio on Dribbble and Behance

Welcome to Design4Users

Welcome to connect with Design4Users on Facebook and Twitter

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

andre landscape tubik studio logo design

Case Study: Andre. Rebranding Logo.

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


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


andre logo design by tubik



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



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




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


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


andre logo design case study


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


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


andre logo design Tubik


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


Andre logo design Tubik


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


Andre logo design Tubik


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


andre logo design Tubik


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


Andre logo design Tubik


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


Andre logo birds Tubik studio


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


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


Andre logo design final Tubik

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

Welcome to see designs by Tubik Studio on Dribbble and Behance

tubik studio home page design

Home Sweet Home. Strategies of Home Page Design.

Home is usually associated with the place where you feel comfortable, convenient and safe. That is why, perhaps, the saying «Home is where your heart is» has gained its popularity. For many of us, web network has become an integral part of everyday life, both professional and personal, so no wonder the word «home» describing the main page of a website stays much more common and frequently used than all the other versions.


Talking about webdesign, home page in fact is the place which should make the interaction with a website of any complexity convenient and positive. Any designer wants to create it as a place where users can find everything they need easily and quickly. So, this object of design effort is strategically significant as most users dealing with a final web product in vast majority of cases have a chance to interact with a home page, even if its not a place from which they start a jorney around the website.


Earlier, we have already provided our readers with general explanation of home page and its typical features in the issue of UI/UX glossary devoted to web design issues. This time let’s extend the basics with some ideas and strategies important to consider designing home page.



What is a home page?


Home page is the most popular name for the main page of the website. It is called home as it usually provides starting point with many further directions for the user, containing direct links to the most important areas of interaction with a website. In other words, it can be also named initial page or index page. Home page is mostly the start of users’ journey if they are directed to the site by search engines which means that it is the page which is visited by the biggest number of website users.


In addition to essential links to different website parts, home page often contains search field, basic onboarding functionality for personalized sites, different areas of navigations showing users diverse categories of data. It might also contain engaging welcome messages and copy blocks featuring slogan and/or explaining benefits of the website or objects it presents.


More than a decade ago famous expert in usability Jakob Nielsen wrote Top 10 Guidelines for Homepage Usability in which he said: “Homepages are the most valuable real estate in the world. Each year, companies and individuals funnel millions of dollars through a space that’s not even a square foot in size. For good reason. A homepage’s impact on a company’s bottom line is far greater than simple measures of e-commerce revenues: The homepage is your company’s face to the world. Increasingly, potential customers will look at your company’s online presence before doing business with you — regardless of whether they plan to close the actual sale online.” Long time has passed since then but clear and user-friendly home page is still the issue of vital importance for an efficient website.


Home page is actually a basis of good navigation which is usually the core of positive user experience. Messy interface and badly designed layout can become the reason of user confusion and annoyance.

tubik studio homepage design

Event Agency Webpage by Tania Bashkatova


What does a home page usually include?


The aspects of interaction with a website home page should advisably provide the following data:


— the nature/theme of the website: the users need to understand immediately if they deal with a company website, professional blog, e-commerce website, social network, personal blog, educational platform etc.;


branding elements or other stuff supporting the web product identity: home page should be easily recognizable, memorable and identified by users among tons of others. Thoughtfully accomplished branding can be used to serve these goals, at least presented with a logo and corporate color palette. It plays the vital role for commercial and corporate websites which should feature strong connection with a particular brand or company; however, for non-profit or personal websites elements of identity also have a great impact on boosting usability and memorability;


goals and utility of the website: it’s important to let users know what is the purpose of the website and what users’ needs it can satisfy. When users are provided with this sort of data during the first interaction with a website, they are ready to devote their most precious resource — time — to know more;


ability to search around the website content: the search field or button should be easily seen and recognizable as well as located in the area of high visual intensity according to eye-tracking trends;


navigation elements providing the ability to move to different sections and pages starting from the home page: the home page becomes the starting point of the route from which the user should get the ability to move to any essential and meaningful part of the website an also get back home any moment and from any point of journey;


contact information and preferably data about creators or responsibles: the home page is the place where users expect to get provided with the basic information about who creates, maintans and curates the website and how to contact people in charge if there is such a need;


— links to social networks: support of social networks is not only an effective tool of social marketing but also the good way to communicate to users. Social networks are now used by thousands of users on regular basis, so there will be always the ones who are interested to see how the website is positioned in the environment which is common and clear for them as well as contact via usual social network tools instead of looking for the means of communication on the website. Considering and applying this trend can be one more step to positive user experience;


testimonials or information supporting trust to the website: mentioning famous clients or partners as well as the signs of social popularity can be a catchy factor to learn more and further invesigate the website content.


Defined target audience and rigorous user research, made on the earliest stage of interaction and visual design, enable designers to sort out layout elements of the highest priority according to target audience’s needs, expectations and  peculiarities of psychological perception. Preferably, the components of the highest priority should be placed in the pre-scroll area of the home page to make their perception fast.


As home page is actually the front door to the website, definitely it should provide all the strategically vital information about the website which a user should be able to absorb in split seconds. It’s important to remember that not many users tend to spend much time investigating a new website: in most cases there is a couple of minutes to attract their attention and inform about the website while they are scanning the page. If this short time is used wisely to communicate the observers about the theme and benefits they can get, they will be ready to spend more time to learn further and browse the site.


For this reason, it is highly advisable for web designers to learn more about psychological and physiological aspects of user interaction with web products, in particular color psychology and studies about eye scanning trends, for example the investigations by Luke Wroblewski and Nielsen Norman Group. They are deeply helpful for designers seeking to create home pages with high level of usability which directly influences general conversion and bounce rates of websites. Knowing how users tend to scan the web pages, designer can apply the most important elements in the zones of the highest visibility and in this way make the page quickly informative and catching attention of target users or readers.


tubik studio ice ui website

Tubik Studio | Ice by Ernest Asanov


Should all the traffic be directed to home page?


The answer considerably depends on the nature and complexity of the website. The biggest deal to think over is the user attention and its concentration on definite areas of the websites in terms of solving a particular problem or satisfying particular needs.


For simple one-page websites this question is not actual: indeed, they represent only a home page which satisfies one or multiple functions and there is no other place where the traffic could be directed from the outer sources. The same happens if the website is not complex, home page in not overloaded with diverse links and navigation elements, so conversion can be reached right from the home page while other pages play secondary roles. In this case directing all the traffic to the most informative part of the site, which also enables a user to accomplish necessary action and get what they need, is a good idea.


However, for complex websites and platforms, especially if they satisfy multiple needs of broad target audience, this approach can be the step killing profitability and reducing conversion rates. The user can get scared, distracted or even annoyed with the tons of information they have to get through to find what they need, especially if the needs or wishes are focused on a particular narrow goal. Using landing pages in case when you need to concentrate user’s attention on something important, to make it noticeable and easily available can be the efficient way of solving this problem. Landing page is a tool to emphasize one item, to make it quickly found and reduce delays in cases when target user seeks for specific operations, services or items. This is the issue of especially high importance in case of ecommerce websites when unwise design solutions bring to poor user experience and financial losses. If you want to know more about effective use of landing pages, welcome to read about the topic in detail in our previous article.  Anyway, the approach in every case should be based on user research and then thorough user testing.


What are important aspects of efficient home page?


Among the numerous aspects essential for such an essential zone of high functionality as home page, we would define the following aspects as the ones definitely deserving attention:

— clear intuitive navigation and balanced visual hierarchy

— application of different menu types enabling to avoid overloaded page design

— utility of the applied layout elements

— readable copy easy to scan

— length of copy blocks that correspond to target users’ needs and expectations

— usage of language (vocabulary, syntax, modality, keywords etc.) which is understandable and appealing to target audience

— intensity of graphic visual content

— short loading time of the webpage

— thought-out and efficient search

— responsiveness of the webpage when it’s opened on different devices and screens with various resolutions

— effective application of keywords

— good balance of tradition and innovation

— accessibility of the home page from any point of the website

— easy and clear recognizability of the home page in comparison with the other pages of the website

— consistency of visual design solutions

— visible and informative call-to-actions

— defining most important content to get it supported and strengthened with visual design solutions.


Here are some more design concepts for home pages accomplished by Tubik Studio designers.


home page landing tubikstudio

Comics Shop Home Page by Dima Panchenko


tubik studio design

Structure – Architecture Blog by Ernest Asanov


Recommended reading


Here are some more articles we could recommend for those who would like to get deeper into the topic of home page design. Some of them are classics while the others represent the ideas around quite modern and fresh trends, anyway all are useful for those who want to design helpful, usable and attractive home pages :

Top 10 Guidelines for Homepage Usability

6 Features a Prospect Needs to See on your Homepage Design

The Ten Most Violated Homepage Design Guidelines

5 Things to understand before designing Homepage for your start-up website

113 Design Guidelines for Homepage Usability

36 E-commerce Homepage Design Best Practices from the Experts

6 Elements of Outstanding Homepage Design

Home page principles

How eye scanning impacts visual hierarchy in UX design

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