{"id":60,"date":"2019-09-14T20:45:00","date_gmt":"2019-09-14T20:45:00","guid":{"rendered":"https:\/\/rubenavilah.com\/?p=60"},"modified":"2023-07-11T22:51:54","modified_gmt":"2023-07-11T22:51:54","slug":"adidas-app","status":"publish","type":"post","link":"https:\/\/rubenavilah.com\/adidas-app\/","title":{"rendered":"adidas app"},"content":{"rendered":"\n

We simplify and help people to do their work better and faster. The team believe that corporate tools must be entertaining and friendly. We designed an app and the future of the internal processes of adidas app. In just 3 days of a cold September, a team of brave and creative people co-created this adidas app. We turned a meeting room into an adidas store.<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n\n

The challenge<\/h2>\n\n\n\n

adidas Latam wanted to design and improve the “look and feel” of their brand guide for franchisees throughout Latin America. Analyzing the documents and looking for the best way to present this information we discovered a surprise. In summary more than 10 chapters<\/strong> of content, 300 interactive presentations<\/strong> in PDF format, and 1,500 pages of content<\/strong>. A complex challenge.<\/p>\n\n\n\n

We faced the challenge as a team and began an empathize phase. We interviewed workers from adidas Colombia and adidas stores in Bogota, we visited franchise stores, and attended brand trainings. All of this to understand the business challenges and have an idea of the users of this tool and create around how to solve the challenge.<\/p>\n\n\n\n

\"macbook
Reference image of the Guide PDF<\/figcaption><\/figure>\n\n\n\n

During the understanding we found that the PDF guide was not a good long-term solution due to the type of users and the amount of content. For this reason we proposed to the client to design one adidas app with:<\/p>\n\n\n\n

    \n
  1. Accessibility and fully functional without internet<\/li>\n\n\n\n
  2. Content easy to learn and put into practice quickly<\/li>\n\n\n\n
  3. A functional and friendly navigation<\/li>\n<\/ol>\n\n\n\n

    adidas liked the idea we proposed for the adidas app and asked us about the price of making it. How to estimate the schedule and budget with this rough idea was another question to this process. The adidas app beta need to be availiable in just 3 months. This version will include all the content of the guides in PDF.<\/p>\n\n\n\n

    I carefully evaluated the challenge and found that we needed to develop an innovation process within the company and with colleagues who work at adidas.
    So I evaluated the following options:<\/p>\n\n\n\n

    Design Thinking Artifacts and Double Diamond (The Ideal)<\/h3>\n\n\n\n

    \u2713 Good option to validate the requirements
    \ud800\udd02 More runtime
    \ud800\udd02 More human resources<\/p>\n\n\n\n

    LEAN UX (The other option)<\/h3>\n\n\n\n

    \u2713 Speed in the evaluation of the idea and prototype
    \ud800\udd02 Learning difficulty for the work team and the client
    \ud800\udd02 Fair execution time and not so fast to make decisions in a short time<\/p>\n\n\n\n

    Design Sprint by Google (The elected)<\/h3>\n\n\n\n

    \u2713 Cost savings for the client
    \u2713 A prototype validated with users in just 5 days
    \u2713 Follow the methodology and use the artifacts
    \u2713 Short time with highly focused execution
    \u2713 A clearer idea to estimate schedule and costs<\/p>\n\n\n\n

    The Process<\/h2>\n\n\n\n

    With the Design Sprint proposal, we invited the client to participate in the innovation session and we planned 5 days of intense work from 9 am to 5 pm and the client approved.<\/p>\n\n\n\n

    But it wasn’t all happiness, because the client was very happy with our solution to the challenge, but he gave us only 3 days to run the adidas app prototype. At that moment I almost fainted because we were decreasing from 5 to 3 days<\/strong>, the Stakeholder from Brazil who would work with us had other commitments. However the challenge meant that we had to focus on the solution.<\/p>\n\n\n\n

    With everything approved, we began the preparations, we sent an mail to all the people of the agency to wear adidas clothes during those 3 days for the special visit and we transform the main room of Wunderman Thompson<\/a> Colombia as an adidas store.<\/p>\n\n\n\n

    \n
    \n
    \"meeting<\/a>
    Room of the adidas app design sprint<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"adidas<\/a>
    Door of the adidas app design sprint<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    Day 1 of adidas app<\/h3>\n\n\n\n

    The first day was entertaining. In the morning I made a brief presentation so that we all had a very clear idea of what was going to happen during those 3 days and we began to work on the generation of value ideas that answered to the business and design challenges. The first day we executed these artifacts as proposed by the methodology and some extra ones that I considered important:<\/p>\n\n\n\n

    Super powers<\/strong><\/h4>\n\n\n\n

    Each member of the team introduced themselves and showed their super power for the challenge of the Design Sprint of the adidas app.<\/p>\n\n\n\n

    Light talks<\/strong><\/h4>\n\n\n\n

    <\/strong>We had 3 presentations (with less than 10 slides) to warm up the ground. First a local inspiration of the Juan Valdez brand and its franchise page. Second, an international example of Mc Donalds with Hamburgers University and its recipe for the perfect hamburger. Finally, a client presentation showing the PDF guide and an executive summary of what he wanted to reach at the end.<\/p>\n\n\n\n

    \n
    \n
    \"a<\/a>
    Nicole presenting the Hamburguer University case<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"People<\/a>
    The adidas app team working in their superpowers<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    How Might We and Affinity Maps<\/strong><\/h4>\n\n\n\n

    We launched general ideas and some specific with the HMW. We think on how to solve this challenge and generate valuable questions for the business and our users. Then we group them into categories by topics, achieving an affinity map and later we vote for ideas to prioritize what we would like to solve in the adidas app.<\/p>\n\n\n\n

    Journey Map<\/strong><\/h4>\n\n\n\n

    After lunch we generate a Journey Map together, including as much detail as possible with the ideas prioritized in the previous phase. We highlight pain points, pain relievers and everything to generate a good experience for our users in the adidas app.<\/p>\n\n\n\n

    \n
    \n
    \"People<\/a>
    The adidas app team working in the HMW<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"A<\/a>
    Richie, Lucas and Saul discussing a feature<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    Objectives and value metrics<\/strong><\/h4>\n\n\n\n

    As we refined the ideas, we designed the objective and the statements of the adidas app. We asked ourselves questions about who our users are, what they need, what was desirable, viable and feasible in the time we had. In addition, we thought about how to measure the success of this product, what tools we would use to measure it, and how we would know if it was a success or a failure.<\/p>\n\n\n\n

    Accessibility<\/h3>\n\n\n\n

    The integration of the Web Content Accessibility Guidelines (WCAG) 2.1 AA into the adidas app for franchises was a crucial step towards ensuring inclusivity and equal access for all users. By implementing these accessibility standards, adidas and the team demonstrated its commitment to providing a seamless and accessible digital experience to individuals with disabilities.<\/p>\n\n\n\n

    Worlds of Inspiration<\/strong><\/h4>\n\n\n\n

    Ending the day we used this divergence artifact of “world of inspiration” and we worked on generating ideas by “stealing” from other industries that we could apply to the adidas app and solve questions from HMWs.<\/p>\n\n\n\n

    \n
    \n
    \"People<\/a>
    Pau showing us her worlds of inspiration exercise<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"A<\/a>
    Lucas presenting ideas related to the experience<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    Day 2 of adidas app<\/h3>\n\n\n\n

    We start the day with a delicious Colombian coffee, our Brazilian client was surprised and delighted to try it. We did one last round of brainstorming and began to converge on the final solution. This day was important because we adjust and discard ideas for the adidas app. This was the work of the adidas app this day:<\/p>\n\n\n\n

    Boot Up<\/strong><\/h4>\n\n\n\n

    We navigate through the space to converge seeing all the work from the previous day. Each participant read from the walls what they liked and we learned the day before to focus.<\/p>\n\n\n\n

    Crazy 8<\/strong><\/h4>\n\n\n\n

    We had another divergent space where we drew a considerable amount of ideas to solve, that we couldn’t solve with words the day before. Then new ideas from the adidas app emerged, we voted and selected the most important ones to incorporate into the prototype.<\/p>\n\n\n\n

    \n
    \n
    \"a<\/a>
    Saul showing to the team some of the goals of the House of Retail<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"a<\/a>
    Exercise of Crazy 8 presentation<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    Sketching solution<\/strong><\/h4>\n\n\n\n

    With all the information developed, with the clearest ideas and the inspiration sessions, we began to create the adidas app features. The task was to design 5 to 7 screens of how each one imagined the adidas app. We presented the hand sketches as in an art gallery. Took decisions about the prototype and the features we left and removed from the first version of the adidas app. We did a mix and match of the ideas, mixing and generating more powerful solutions. Many ideas were very interesting but we had to focus and converge on the solution.<\/p>\n\n\n\n

    Storyboard<\/strong><\/h4>\n\n\n\n

    After lunch and with the winning ideas, the client was relevant in the decisions we made. We create the storyboard of the screens and functionalities to incorporate into the adidas app. We created 5 key moments of the digital experience and by hand we refined the hand prototype of the adidas app.<\/p>\n\n\n\n

    \n
    \n
    \"A<\/a>
    Cami presenting their hand sketching ideas to the team<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"designers<\/a>
    Richie and Lau presenting the final version of the storyboard<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    Digital prototype<\/strong><\/h4>\n\n\n\n

    At this point and with the central ideas we generate the wireframes and the prototype in Adobe XD to test the app with real users.
    I divided the team in 3 parts because we create the prototype, make an executive summary of the app in a presentation and design the usability tests.<\/p>\n\n\n\n

    Day 3 of adidas app<\/h3>\n\n\n\n

    The last day of the adidas app was dizzying. We continued working with the prototype, conducted usability and concept tests with real users, and shared the results in a presentation that the client needed. This happened on the last day of the adidas app Design Sprint:<\/p>\n\n\n\n

    Prototype part II<\/strong><\/h4>\n\n\n\n

    We continue with the design of the prototype and discard other features that we could not design due to lack of time.<\/p>\n\n\n\n

    Design of usability tests<\/strong><\/h4>\n\n\n\n

    The team in charge of the tests worked the 10 tasks to be tested by each of our users. Together with the prototype, the team was adjusting and updating as changes arose in the design of the adidas app.<\/p>\n\n\n\n

    Presentation<\/strong><\/h4>\n\n\n\n

    The presentation team made an executive report as a brief for the next phase of the process that contained details of the functionalities to be developed, the technical requirements and some features to include in the MVP of the adidas app.<\/p>\n\n\n\n

    In the midst of cables, water, coffee, food and stress, it was time to test and validate our hypotheses with real users of the adidas app. There were jitters and joy because the previous days were intense work.<\/p>\n\n\n\n

    \n
    \n
    \"people<\/a>
    adidas app prototype team<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"People<\/a>
    adidas app usability tasks team<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"people<\/a>
    adidas app executive presentation team<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    I conducted 5 remote moderated usability tests with adidas workers from Colombia, Brazil, Ecuador and Argentina. On a whiteboard the team took notes and comments while the users used the prototype. We closed the adidas app design sprint sharing our opinions and details of the experience. We adjusted the executive presentation and everyone was happy, we smiled and hugged.<\/p>\n\n\n\n

    \n
    \"Usability
    Usability test with a user<\/figcaption><\/figure>\n\n\n\n
    \n
    See the live prototype tested with users<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n

    The Results of adidas app<\/h2>\n\n\n\n

    On September 11 at 7:30 p.m. and with the office empty, we finished the Design Sprint and completed the design and validated the MVP prototype<\/strong> of the adidas app ready for UI (User Interface) design.<\/p>\n\n\n\n

    In just 3 days, we turned a PDF guide with more than 1,500 pages (that no one was going to read) into a gamified adidas app, with challenges, prizes and learning<\/strong> based on the context of use.<\/p>\n\n\n\n

    We had an executive presentation with all the details<\/strong> of the adidas app, so the project management team had a clear idea of how much time and money<\/strong> it would cost to make the first version of the adidas app.<\/p>\n\n\n\n

    Our users completed the usability tests with a completion rate of 85%<\/strong> of the tasks presented, which validated many of our ideas and hypotheses.<\/p>\n\n\n\n

    The client returned to Brazil with the prototype. He was very happy with the result because we answered his questions with the product prototype. He had never participated in a co-creation process and he even carried out one of the usability tests in Portuguese.<\/p>\n\n\n\n

    Update 2020:<\/strong> After this great work in adidas app Design Sprint, the design and development process began with the Agile methodology and the first version of the app for internal distribution was created. The UI was designed with the look and feel of the brand, new needs arose, some ideas from this Design Sprint and new ones.<\/p>\n\n\n\n

    \"adidas
    adidas app team \ud83d\udda4<\/figcaption><\/figure>\n\n\n\n

    What I did?<\/h3>\n\n\n\n