- \n
- maximizing booking retainment<\/li>\n
- building a client database and interacting with it<\/li>\n
- saving time\u00a0 and effort on administrative work<\/li>\n
- managing automated services and reporting<\/li>\n<\/ul>\n
The task for the tubik team was to create a bright, energetic, functional, and engaging website that would present the service\u2019s benefits effectively and amplify its communication with users, as well as would be actual and appealing to diversify the target users and attract a younger audience which showed a growing interest in playing golf in pandemic times. Also, we worked on a logo redesign for the platform and a consistent set of elegant custom illustrations used across the website to add another pinch of beauty and strengthen the informativeness of the web pages.<\/p>\n
The creative team from the tubik side included Vladyslav Taran, Anastasiia Zhyltsova, Vlad Radionov, Arthur Avakyan, Ladamyra Kunytsia, Natalka Mamchur, and Ira Shaposhnyk.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-website-design-tubik-agency-case-study.jpg\")
<\/p>\nLogo Redesign<\/h2>\n
The creative process traditionally started from the deep research of the market and the analysis of the business goals and target audience to make the design solutions well-grounded and supporting objectives of both the business and the users of the service.<\/p>\n
The company has come to us with an already established brand identity and vision, so with the redesign, it was essential to set the changes that would help reflect the brand’s evolution, keeping a solid connection with the original foundation. So, the first interaction of the redesign process showed the existing logo tweaks to make it more flexible for different marketing goals, neat and actual. Take a look at the first stage in the following steps:<\/p>\n
- \n
- Existing logo<\/li>\n
- Cleaning the wordmark by removing small details such as shadow and \u201c.com\u201d<\/li>\n
- Redrawing characters to provide even thickness and balancing the proportions. The constructions of the letters remain the same.<\/li>\n
- Tightening up letter spacing to make wordmark bold and prominent.<\/li>\n<\/ol>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-logo-tubik-design-case-study.png\")
<\/p>\n![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-logo-tubik-design-case-study-2.png\")
<\/p>\nConsidering and discussing these options, the clients decided they were open to trying even more expressive changes in the logo redesign. Hence, the creative search and graphic design process moved further and resulted in a bunch of examples, also featuring the offer to renew the core brand colors combination. Several options saved the initial idea of the wordmark with emphasized orange letter A, while most variants presented the combination marks featuring a graphic symbol and a typographic part.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-logo-tubik-design-case-study-3.png\")
<\/p>\nThe final shortlist of variants to discuss and choose from included two font-based wordmarks, two combination marks, and the wordmark based on hand-written lettering echoing the same style as the bunch of custom illustrations created for the website.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-logo-tubik-design-case-study-4.png\")
<\/p>\nEventually, the decision was made on the logo presented with the combination mark whose elements use contrastive colors: a bright orange abstract symbol echoing both golf balls and the idea of networking, and the solid typographic part presenting the brand name.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-website-design-case-study-logo.jpg\")
<\/p>\nThe brand typography choice for the identity design and online presence of the platform via website fell on Sharp Grotesk, an elegant and flexible sans-serif typeface designed by Lucas Sharp and released through Sharp Type in 2017, with the design inspired by nineteenth-century wood type combined with Adrian Frutiger\u2019s technical design process.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-website-design-case-study.jpg\")
<\/p>\nThe color palette keeps the original orange brand color but extends the approach and expands it with an eye-pleasing combination of colors with an optimal level of a color contrast<\/a> which enables to use it effectively for various objectives of visual identity and brand communication as well as web design. As well this color palette looked not only friendly and energetic but also original and helped the website stand out from the competition in the given sphere.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-website-design-case-study-colors.jpg\")
<\/p>\n<\/p>\n
Graphic Design and Illustrations<\/h2>\n
Considering the visuals for the website and brand communication, based on a closer look at the websites in the sphere, the creative team came to the conclusion that photos and video should not be used as the only types of media content in the web presence of the service. Combining high-quality, real-life photos with the original illustrations was seen as the direction maximizing the essence of the product and creating an original style that helps to distinguish the brand from the competition and make it more recognizable and memorable. The suggested visual direction was based on using a line art illustration style to set a consistent, unique, and user-friendly manner for the website. That style of illustrations supported the emotional brand communication and spoke the same language as the user, not looking too formal and strictly businesslike. Here are some artworks using neat and curvy line art and attractive color accents.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-website-illustrations-tubik-design.jpg\")
<\/p>\nA pack of line icons was also developed for the website to visually support some benefits or functionality.<\/p>\n
![\"proagenda](\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2023\/02\/proagenda-website-design-case-study-icons.jpg\")
<\/p>\nWebsite Design<\/h2>\n
In web design, the creative team focused on providing a web user interface with a clean layout and attractive graphics, making a bright first impression, using expressive typography, and setting the accents helping to guide users and make the navigation easy and straightforward.<\/p>\n
Warm neutral color tones are used for the background, so the website looks more personal and enjoyable. Orange brand color combined with green and blue create the feeling of friendly and open business communication and transfer the emotional connection with the refreshing energy of sports and outdoor activities. Additional colors help focus on the needed elements to make navigation intuitive and ensure that the content is scannable, as well as make the layout look bright and catchy. The text content is organized in well-arranged digestible blocks supported by a solid visual hierarchy to make the pages skimmable and readable. Smooth web animation<\/a> adds originality and makes interaction with the website dynamic and lively.<\/p>\n
See how it works in the home page design for the ProAgenda website, with the prominent animated illustration used as a hero image.<\/p>\n