So, basically, what is Gaffer?<\/p>\n\n\n\n
Our goal was to create a user-friendly and well-operable web platform for football coaches. It needed to be a place where coaches from all around the world can share, discuss, and create their own drills.<\/p>\n\n\n\n Before diving into building visual identity and app logic, our team conducted a deep analysis of Gaffer\u2019s opportunities. The main focus of our research was defining the needs and wishes of our target audience. The discovery of these factors allowed us to implement relevant functionality and visual identity.<\/p>\n\n\n\n We started interviewing football coaches and asking questions on their forums. The results were worth investing the time and effort.<\/p>\n\n\n\n Key insights:<\/p>\n\n\n\n 1) Most of the coaches outlined that they use their mobile phones or notebooks primarily. As they say, when you see a new possibility to improve your strategy, you need to write that down as soon as possible. Otherwise, you will forget it within minutes.<\/p>\n\n\n\n 2) The problem was not in making notes, but in searching for inspiration. The information you can find on forums isn\u2019t well-organized and is often displayed in different form. We needed to improve on this. <\/p>\n\n\n\n 3) The vast majority of coaches pointed out that they often try to mix their strategies with other examples from other coaches. This is a exercise, which helps you find more opportunities faster. <\/p>\n\n\n\n After finding all necessary information about customers’ needs, we moved to design. <\/p>\n\n\n\n ,<\/mark><\/p>\n\n\n\n In order to ensure compliance with the users\u2019 needs, we based the whole design process on <\/mark>Design Thinking methodology<\/mark><\/a>. Therefore, the design process was divided into 6 stages: Analysis, Interview, Prototyping, Design System, Interface Design, Presentation. Two of them we already completed..<\/p>\n\n\n\n The first thing we did was make a detailed User Flow Map. This map helped us to understand the future journey of our users, so we started wireframing main screens.<\/p>\n\n\n\n Along with wireframing, we created branded materials and established brand guidelines. These were, fonts, colors, rules of usage of branded elements, a logo. Everything was designed to represent the training camp atmosphere.<\/p>\n\n\n\n And of course, the design system.<\/p>\n\n\n\n As a whole, the Pecode design team successfully finished all necessary design stages. The next phase was development.,<\/mark><\/p>\n\n\n\n We planned Gaffer as a Web Application. However, it has responsive design adapted for mobile and tablet usage.<\/p>\n\n\n\n The functionality of Gaffer includes:<\/p>\n\n\n\n – Ability to create a user profile using your email, and log in to a previously created profile.<\/p>\n\n\n\n – By logging in, the user has the opportunity to create posts and publish them in his profile.<\/p>\n\n\n\n – Ability to delete your profile (also change personal data, password, and access for premium access)<\/p>\n\n\n\n – Built-in messenger, in which the user can create chats with other users, as well as create group chats with them.<\/p>\n\n\n\n – Notifications (comments, messages, likes etc.)<\/p>\n\n\n\n After buying a premium subscription, Gaffer opens new opportunities to grow your strategy skills. You will be able to use the editor feature for creating football tactics (drills). The user can choose one of the proposed layouts of the football field, of which he can later place various figures. Those figures are the same as the ones that coaches use on a football pitch. It is also possible to change the size of these figures on the field, rotate them, change their color and move them around the field. All drills created by the user are stored on the \u201cCoaching Center\u201d page, and when creating a new post, it is possible to attach an image of a drill from your profile.<\/p>\n\n\n\n During the development process, we were sticking to SCRUM methodology with the possibility of fully remote work. You can find the principles of effective remote workflow which we use in our team <\/mark>here<\/mark><\/a>.<\/mark><\/p>\n\n\n\n To ensure Gaffer\u2019s good performance, we needed to conduct a full-scale QA analysis and report all possible bugs and pitfalls.<\/p>\n\n\n\n Our QA team took the challenge and accomplished lots of important tasks, including:<\/p>\n\n\n\n – Smoke testing after the implementation of each functionality<\/p>\n\n\n\n – Functional testing of the platform<\/p>\n\n\n\n – Usability testing<\/p>\n\n\n\n – UI\/UX testing<\/p>\n\n\n\n – Creation of proposals for new functionality<\/p>\n\n\n\n – Retest and Regression testing<\/p>\n\n\n\n – Security testing<\/p>\n\n\n\n – Database testing<\/p>\n\n\n\n – Responsive testing<\/p>\n\n\n\n – Cross browser testing<\/p>\n\n\n\n – Component, Integration and System testing<\/p>\n\n\n\n – Applied Positive and Negative test scenario<\/p>\n\n\n\n – Applied Use Cases (for different types of users: those with and without searches)<\/p>\n\n\n\n – The deep analysis and custom QA strategy helped us to release Gaffer as a bug-free and smooth platform.<\/p>\n\n\n\n ,<\/mark><\/p>\n\n\n\n Now, Gaffer is a well-optimized web platform available everywhere! You can check it out here<\/mark><\/a>.<\/p>\n\n\n\n We are still working with Gaffer to ensure a proper work of the platform and assist with the new updates and features releases.<\/p>\n\n\n\n We believe that the solution we provided will help football coaches from all around the world to improve their skills and make their jobs easier.<\/p>\n\n\n\n![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_1-1024x640.png-e1724168766998.png\")
<\/figure>\n\n\n\nAnalysis and preparation <\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_9-1024x640-1.png\")
<\/figure>\n\n\n\nDesign and wireframing<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_3.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_4.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_5.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_9.png\")
<\/figure>\n\n\n\nDevelopment<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_7.png\")
<\/figure>\n\n\n\nQA<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/pecodesoftware.com\/blog\/wp-content\/uploads\/2022\/10\/csgaffer_8.png\")
<\/figure>\n\n\n\nConclusion <\/strong><\/h2>\n\n\n\n