Como um programa de fidelidade pode contribuir para que a viagem seja um sonho mais acessível, inclusivo e democrático?

Esse foi o desafio proposto pela Smiles para o Hackthon que aconteceu entre os dias 26–28 de março de 2021, com organização pela Shawee.

Aqui contamos um pouco do projeto desenvolvido nos 3 dias de desafio. Esse texto foi escrito em parceria com Marina Merlin.

Como a Smiles trouxe o desafio (ele está no final do texto), o que fizemos inicialmente foi organizar todos os dados expostos e levantar as dúvidas que tinhamos em uma matriz CSD.

Pesquisa Quantitativa

Apesar de termos alguns dados, decidimos fazer uma pesquisa com objetivo de descobrir um pouco sobre como as pessoas se planejam para viagens, quais tipos de aplicativos usam, programas de milhagem, meio de pagamento utilizado, distância percorrida e motivações para viagens.

Persona

O perfil identificado na nossa pesquisa foi de homens cis, na faixa de 25 a 34 anos de idade, com renda acima de 10 salários mínimo, que fez uma viagem nos últimos 6 meses de até 3 dias, junto com família e se hospedou em casa de amigos para descansar.

Nossa Persona se preparou somente 15–30 dias antes da viagem, sem utilizar programa de viagem. O fator determinante para escolha do destino foi o valor, tipo de lugar, indicação (nessa ordem). Do planejamento feito, ela teria olhado com mais cuidado mesmo sendo um lugar já conhecido.

Dor

Pessoas conseguem projetar quando vão viajar, mesmo que em datas distantes, mas não conseguem planejar com antecedência.

HMW

Como podemos ensinar e motivar as pessoas a realizarem sonhos através de programas de milhagem e colocar os elementos desse planejamento no cotidiano das pessoas?

A Solução — Smiles Todo dia

O Smiles Todo Dia é uma solução criada para mudar o comportamento dos usuários. O propósito dele é ensinar e motivar as pessoas a realizarem sonhos através do programa de milhagem.

Queremos estimular as pessoas que pensam que juntar milhas é algo só para quem viaja frequentemente e mostrar para elas que viajar pode ser feito na própria cidade e possível para quem tem objetivos.

Nossa proposta conversa com o propósito da Smiles de “promover a evolução das pessoas por meio de uma das mais completas e prazerosas formas de educação e crescimento que conhecemos: a viagem.
Nossa solução permite que a Smiles crie novas relações com pessoas, cultura e empresas. Através de parcerias com outras plataformas, ajudar também pequenos estabelecimentos que foram atingidos pelo momento atual.

User Flow

Wireframe Média Fidelidade

Wireframe Alta Fidelidade

Protótipo

Pitch

UX Process

Aqui mostramos um pouco de como foi o processo de UX e quem foi responsável em cada uma das etapas.

Equipe

Mentores

Reflexões

Quem já participou de um Hackathon sabe bem como é uma experiência incrível e enriquecedora. Queria destacar algumas reflexões e pontos altos.

• Trabalhar com pessoas que você acabou de conhecer e formou um time quase na “sorte” após uma conversa breve só para saber qual a área que a pessoa domina, tivemos muita sorte com o time formado nesse desafio.
• Mentorias são uns dos momentos mais enriquecedores. Existem mentores que trazem questionamentos super relevantes, que no momento em que a mentoria termina traz muitas sensações, de inseguranças, achar que o projeto está no caminho errado ou que tudo precisa ser reiniciado. Mas nada como um bom alinhamento do time com as orientações para colocar o projeto no eixo novamente.
• Trabalhar colaborativamente traz um crescimento e uma velocidade na entrega muito boa. Todo mundo que trabalha com design sabe como nosso olhar precisa de uma pausa em alguns momentos. Quando se está em um hackathon, nada com uma troca rápida de tarefas em alguns momentos para ajudar o trabalho a andar. O processo todo foi colaborativo.
• Organização é fundamental, agora temos um template no Figma que nos ajuda no processo o que faz com que tudo aconteça de forma mais organizada e fique documentado.

O Desafio

Após um ano de isolamento devido à pandemia, ficou ainda mais evidente que as pessoas buscam novos ares, destinos e formas de sair do seu lar para esfriar a cabeça e fugir dos problemas. Até setembro de 2020 houve uma queda de 70% no mercado de voos domésticos, enquanto o internacional alcançava a média de 90%. Tais resultados interferiram diretamente em mais de 50 indústrias do setor turístico.

Hoje, o mercado começa a retomar seu movimento, de maneira mais segura para destinos adaptados ao isolamento, com novas experiências e formatos. Entretanto, o perfil do brasileiro ainda é pouco propenso para o planejamento de viagem. De acordo com uma pesquisa feita pelo Serviço de Proteção ao Crédito (SPC Brasil) e pela Confederação Nacional de Dirigentes Lojistas (CNDL), o maior endividamento do brasileiro acontece devido ao hábito de consumir a prazo, porém sem planejamento ou organização financeira.

A pesquisa também aponta que menos da metade da população (48%) tem o costume de estabelecer metas e seguí-las para realizar viagens. Um levantamento de 2018 mostrou que o brasileiro tem uma forma bastante peculiar de organizar suas viagens: define com antecedência os passeios que quer fazer no destino, mas deixa detalhes importantes como reservas em hotéis e compra de passagens para a última hora (31 dias para viagens nacionais e 72 para internacionais), o que faz com que o merecido descanso fique mais caro e, considerando as consequências deste aumento de custos, mais estressante também, pois pode complicar a vida financeira da família.

A Smiles é mais do que um programa de fidelidade, é uma plataforma que se propõe ajudar a evolução das pessoas por meio de uma das mais completas e prazerosas formas de educação que é a viagem. Acreditamos que o planejamento é uma das ferramentas que o brasileiro pode dispor para realizar seus diferentes destinos dos sonhos.

Convidamos você a ajudar nesse novo desafio de melhorar a jornada do usuário, auxiliando no planejamento de suas viagens e otimizando ainda mais o uso dos nossos benefícios. O Hackathon é uma oportunidade de colocar conhecimentos e ideias em prática, mostrando o talento e capacidade de cada um ao mercado, para pessoas de diversas áreas, e ainda adquirir conhecimento com os outros participantes.

Queremos receber ideias e projetos para ampliar o nível de consciência do brasileiro sobre a importância de planejar o caminho para realização dos seus sonhos. Com isso o desafio é:

Como um programa de fidelidade pode contribuir para que a viagem seja um sonho mais acessível, inclusivo e democrático?

Realização: Smiles

Organização: Shawee

Aqui vou listar alguns dos livros que li e recomendo por terem acrescentado algo de relevante na minha vida.

- A Mágica da Arrumação — Marie Kondo

Este foi um dos livros que eu mais rápido li. Além de ser um livro pequeno, prático e objetivo, ele nos deixa com vontade de começar a implementar as dicas imediatamente. Eu não concordo 100% como ela indica o método, adaptei um pouco pra minha vida.

O método da Marie Kondo me ajudou principalmente a entender que só devemos manter nas nossas vidas aquilo que nos traz felicidade. Não vou dizer que apliquei totalmente, ainda tenho dificuldade em me desapegar de algumas coisas, mas mudou totalmente minha forma de consumir e de desapegar das coisas, e também de pessoas.

Resumidamente, eu sempre me pergunto se algo está me trazendo felicidade, e se não, fica mais fácil deixar ir.

- Essencialismo — Greg McKeown

O conceito mais básico que mantenho deste livro é o aprender a dizer “não”. No sentido de conseguir ter mais controle da minha vida e ser mais produtiva. Ele ajuda a tentar identificar o que é realmente importante e o que pode ser deixado para depois. Colocar energia somente naquilo que possa fazer a diferença.

- As 5 linguagens do amor-Gary Chapman

Eu relutei em ler por causa do título e sempre que indico eu menciono que acho o título “brega”, mas o conteúdo é tão direto e simples quanto o livro . Mas tirei muitas lições importantes deste livro, afinal ele não serve somente para aplicarmos em relacionamento amorosos, mas em qualquer tipo de relacionamentos que temos.

Ele ensina que cada pessoa tem um jeito de se sentir amada, e que muitas vezes a gente espera que o próximo aja como a gente agiria. Mas cada indivíduo tem uma forma de pensar e agir.

Basicamente o livro me ajudou a olhar o próximo com mais empatia.

- Comunicação Não Violenta-Marshall B. Rosenberg

Ele ensina como melhorar os relacionamentos interpessoais através da clareza de comunicação. É um livro super didático.

Um dos pontos mais transformadores para mim foi começar a expressar melhor o que eu estou sentindo e verbalizar. Entender que é importante falar e não deixar as coisas subentendidas. Resolver conflitos, ter mais compaixão e empatia com o próximo.

- O ano em que disse sim — Shonda Rymes

Tem uma leitura muito agradável, afinal a Shonda é uma roteirista. Num almoço a irmã dela diz que ela nunca diz sim para as oportunidades que tem e aquilo faz ela repensar muito da própria vida. Shonda então decide dizer sim para todas oportunidades, desde convites para discursos, festas, saúde, controle do tempo, e o principal, sim para ela mesma, se aceitar como pessoa e se empoderar.

O livro é muito inspirador para que a gente saia mais da zona de conforto e veja que existem muitas oportunidades que podem passar se a gente ficar pensando muito ao invés de viver elas.

Estes são alguns dos que mais me marcaram nos últimos tempos mas pretendo ir acrescentando mais na lista.

Eu leio menos do que gostaria, mas o mais importante para mim é o poder transformador que cada um dos livros acaba tendo na minha vida.

Estou sempre aceitando dicas de livros =)

Transformando a ação de investir em uma experiência de compra online

Este texto foi escrito por Eliza Fagundes, Marina Merlin e Simone Ferreira, UX/UI Designers.

Sobre o Startup Weekend Fintech Women

Durante os dias 25, 26 e 27 de outubro nós participamos da nossa primeira Startup Weekend. Foram 54 horas trabalhando e aprendendo a criar uma startup. O evento ocorre em diversos países do mundo.

O Startup Weekend Fintech Women foi desenvolvido para incentivar as mulheres a entrarem no mercado financeiro. Somente 22% dos investimentos na Bolsa de Valores são feito por mulheres, das 553 Fintech Startups somente 12% tem mulheres como protagonistas.

Foram 10 grupos com média de 7 mulheres. Apesar de o evento ser voltado para mulheres, 25% das vagas eram para homens, somente 2 participaram do evento.

Project Summary

[texto em andamento]

Matriz CSD (Certezas/Suposições/Dúvidas)

Começamos usando esta metodologia no início do projeto para alinhar o grupo e responder algumas perguntas:

• O que a gente sabe sobre o projeto? (Certezas)
• Quais são as hipóteses ou o que a gente supõe sobre? (Suposições)
• Quais são as dúvidas que temos e quais questões poderiam ser perguntadas?

Problem Statement

Um dos exemplos que usamos é de uma faxineira que por não ter despesas em casa, já que mora com os pais, gasta o dinheiro dela com coisas supérfluas e presentes para as pessoas. Ela nem sabe a importância de guardar dinheiro e muito menos que poderia estar investindo este dinheiro.

Através deste exemplo identificamos a dor do nosso usuário que é

“Gastar é mais fácil que investir”

Pesquisa Quantitativa

113 pessoas responderam ao formulário enviado e os dados principais levantados abaixo.

• 57% responderam são mulheres
• 24% tem de 25–34 anos
• 43% tem renda familiar de R$ 8.000,00
• 27.8% ganha de R$ 2.000,00 à R$ 5.000,00
• 24% ganha entre R$ 5.000,00 à R$ 8.000,00
• 54% recebe salário uma vez por mês
• 34% ganha 2–3x por mês
• 36% sempre guardam dinheiro

Pesquisa Qualitativa

Fomos para a rua para entender mais profundamente o comportamento das pessoas com o dinheiro. Fizemos algumas das perguntas abaixo.

1. Quem ganha dinheiro na sua casa e quem é a pessoa que cuida do dinheiro?
2. Do que você ganha, quanto você consegue guardar?
3. Como você recebe esse dinheiro? Direto para o banco? Em espécie?
4. Onde você guarda seu dinheiro?
5. Me conte o que você fez quando recebeu seu dinheiro no último mês? Follow-up: Qual é a primeira coisa que você faz quando você ganha dinheiro?
6. Teve alguma coisa que você queria muito e conseguiu realizar? Como foi a experiência (o que foi mais difícil)? Como você se sentiu?
7. Você guarda dinheiro? Como você guarda? Tem alguém em quem vc se espelha na hora de guardar o seu dinheiro? Por quê?
8. Me conte sobre a última vez que você comprou alguma coisa e se arrependeu.

O que percebemos desta pesquisa foi que a maioria das pessoas que conseguiu juntar algum dinheiro foi porque tinha algum objetivo, como comprar uma casa, um carro, uma moto. Quando eles não têm objetivos, eles não compram e acabam gastando o dinheiro em coisas que se arrependem depois. Por exemplo, roupas, celular, fone de ouvido.

Todos que conseguiram juntar dinheiro fizeram guardando na poupança.

Affinity Diagram

[texto em andamento]

Personas

Tivemos duas personas para nos guiar no desenvolvimento do produto. Ambos são trabalhadores que conseguem ter alguma reserva de dinheiro no final do mês.

Análise de Competidores

Wireframe — Média Fidelidade

Alta Fidelidade

Protótipo

Monetização

[texto em andamento]

Business Model Canvas

Validação

Para validar o produto fizemos através de duas formas.

• Landing Page

68 pessoas demonstraram interesse no produto durante o período em que lançamos a landing page até a apresentação do projeto.

• User Testing

Fomos apresentar o produto e testar o protótipo com os possíveis usuários. Foram testados com 13 usuários, destes somente 1 não demonstrou interesse no produto.

Apresentações

As apresentações foram feitas em Pitch de 3 minutos para um juri com 5 mulheres incríveis do mercado financeiro, são elas:

• Daiane Almeida
• Ana Leoni
• Luciana Zonzini De Marchi
• Viviane De Paula
• Daniela Audino

Equipe

Marina Merlin — https://www.linkedin.com/in/marinalmerlin/

Simone Ferreira-https://www.linkedin.com/in/simoneferreira/

Viviane Carvalho- https://www.linkedin.com/in/viviane-carvalho-productowner/

Maithe Sato- https://www.linkedin.com/in/maithe-sato-08ab5ab5/

Débora Russo- https://www.linkedin.com/in/d%C3%A9bora-russo-40705030/

Franciny Tavares-https://www.linkedin.com/in/franciny-tavares/

Eliza Fagundes — https://www.linkedin.com/in/flavia-eliza-fagundes/

SWFW na Globo News

No domingo o evento teve transmissão ao vivo no canal da Globo News. O vídeo pode ser visto no link abaixo.

Maratona de empreendedorismo termina neste domingo (27), em São Paulo

Agradecimentos

Aproveitamos para agradecer a todos os mentores e staff do evento.

Em especial ao mentores Juliana Oshima, Marcos Cavagnoli, Natália Braulio e Pamela Bassi que acompanharam nosso projeto e nos instigaram a cada momento.

Tandara Costa por toda energia e motivação. Natasha Büchler pelo incentivo no megafone.

Keila Aviano pela comida deliciosa e história de vida.

“How might we foster sorority by bringing women together so that they feel safer when they occupy public space, changing society’s view of harassment against women?”

That was our inspiration to create Yoni!

This text is co-wrote by Marina Merlin and Simone Ferreira (me!), all UX/UI Designers and we will tell everything from understanding, creating and delivering.

Why a product for women?

Some context before explaining our theme

In our childhood, we “learned” that women are competitors, that we should judge each other, that we should compare ourselves and much more.

We’ve met at Ironhack but we both are graduated in architecture. During our university, we could observe the same, women were the majority. However, when we are talking about professional life, men are the majority in higher positions.

Things have changed a little when we were at Ironhack. We were 13 students, 7 women, and 6 men. It’s a good balance. Furthermore, we have a woman professor with a huge background and an impressive career. She was an example to us. There we had the chance to become a good friend of other women, and exchange a lot of knowledge and support each other.

We learned a lot, especially that together we are stronger.

Both of us had the idea of doing something for women in our final project. Marina had the idea of creating a feature to help women in a risk situation. Simone had the idea of creating a platform where women could learn about positive sexuality.

Quantitative Research

Violence against women and Sexuality

Graphic of the result of our researches

Violence against women

The numbers above were collected in a quantitative survey of men and women of all ages, mostly women between 25 and 34 years. In this research I could see some contradictions regarding what men feel and what women suffer on a daily basis. Almost 77% of the women who responded to the survey said they had been harassed while 100% of men said they had never been harassed, and just over half of them had never seen harassment occur.

More than 50% of women told other people about the harassment they suffered, and approximately 20% of the women who answered the survey said they did not tell anyone because of fear of being judged, or that it was not an important thing to be spoken.

Another thing our research showed was that women rarely get help from other people present at the time of harassment, only 18% of them received, 59% of women received no support either before or after the incident.

This research was anonymous and we left a space where women, or men, could share anything they wanted with us. And in these reports we could see that harassment comes in all forms and from everywhere. Women can dress in any way or be in places they think are safe and yet be harassed.

Sexuality

The numbers above come from a survey that asked 1370 women from Brazil, most of them from South and Southeast, ages between 21 and 40 years old (83%). 76% are heterosexual, 87% monogamous when in a relationship.

Only 16% of them have pleasure in penetration and 27% enjoy most when their partner does oral sex or when they are touched in the clitoris, 22%. When it’s about masturbation, 70% enjoy touching the clitoris directly, and 67% using only their hands and 21% stimulating themselves with some vibrator.

Only 43% of them talk openly with their partners about sex.

Some women still have limitations or difficulty in raising sexuality issues. They still feel pressured to reach orgasm during penetration.

The majority of women have never had sex education or the focus has always been on the negative perspective involving the risks and consequences of the sexual act.

Qualitative Research

Violence against women

We spoke with some women and men about harassment and violence, we asked about how they feel walking in dark streets, or commuting in a big city and the results of the quantitative survey were validated.

The women said that they often call their partners to pick them up when they feel that the path is considered dangerous or when it’s dark. They try to go close to other people or if they see another woman walking alone the tend to walk close to them so both can feel safer.

We asked about what they would do if something bad happen with other woman around them, men said that they would help if the woman requests, but women in my research said that if they feel they could help they would approach the other woman by telling a name so the person who is harassing would think that she knows her. We could hear that man can also think if they come to help they would be misinterpreted by the woman as a person who can harass her.

Sexuality

We asked some women about their sexual life and their relation with their bodies, self-esteem. Below what we have heard:

• Women who know their bodies are more confident and can express their desires to their partner
• They learn on Youtube and Instagram
• Many women don’t masturbate because of shame or guilty
• Some think that the partner should know what she likes about sex.
• Some talk with friends about sex but many don’t feel comfortable doing it

Affinity diagram

We organized our ideas and data in common themes to analyze and to discover the relationships to allow a design direction based on the associations.

We separated the topics we had into 5 categories: Sexuality, Male Chauvinist, Sorority and Help, Feminism and Values.

From these, we highlighted the keywords to identify what was drawing our attention most to the problem. This led us to a great analysis of the problem.

Problem Statement

“Young women need to find a way to get to know themselves and feel safe because they want to express themselves without being judged by society.”

We decided that in addition to addressing the issue of sexuality and abuse, we want to help women empower and help each other.

HMW

“How can we foster serenity by bringing women together so that they feel safer when they occupy public space, changing society’s view of harassment against women?”

“How can we approach and empower women to face taboos and social stigma together and find quality information to know and express themselves without judgment?

We want to develop a platform that is a support for women all day long, that she finds information and questions and transforms her mindset so that she does not block herself because of taboos and social stigmas.

Personas

We created three personas to help us to understand our users.

User Journey

The journey map was used to help us to identify when users interact with the product. We briefly described a day of our personas to support our design decisions.

Competitive Analysis

From our competitors, we realized that they are not attending everything we want to achieve in our platform.

Brand Personality

Card Sorting

From the topics that we did a card sorting with different users to understand how they would organize them. We did that on Figma using “virtual post its”. The first 3 users did an open card sorting. From them, we got the categories name and we asked more 2 users to do a closed card sorting.

Closed sort carding

Site Map

We created a site map to organize the navigation of the application.

Design

Crazy 8’s

During 8 minutes we did 8 sketches for our mobile version.

Style Guide

Low Fidelity

High Fidelity

We have used Figma to create our wireframes.

You can check our interactive prototype and more about the images and the illustration on our behance post!

All the illustrations were made from Marina.

Testing

We have asked some users to navigate on our mobile to make sure that the flow was easy and intuitive. We asked them to achieve some actions. We made some corrections for our final version with feedback from first user tests.

Prototype

Mobile Version

App

Presentation

We’ve presented to our classmates, professor, teacher assistant, and manager. All the projects were evaluated from everybody and our project was chosen as a highlight.

Hackshow

The Hackshow is Ironhack “demo day”, where people interested in technology and all students are invited to see the highlight projects. Them we had the pleasure of presenting again.

Final of all presentations

That’s our class by the end of all the presentations.

Na sétima semana do Bootcamp da Ironhack tivemos um Hackathon que juntou os alunos de UX/UI, Web Dev e Data Analysis para um desafio de 32 horas.

Meu grupo foi formado por Marianna Molena e Marina Figueiredo (Data), Marco Modena e Guilherme Mori (Desenvolvimento), Eu e Hector Paoletti (UX/UI). Tivemos como mentoras a Mayra Sasso e a Juliana Forlin.

Fui eleita pelo meu time como PO (Product Owner), para acompanhar as etapas dos times e garantir que todas as partes fossem entregues no prazo.

Abaixo conto um pouco de como conduzimos o trabalho até o resultado final.

Briefing

Desenvolver uma landing page para divulgar um novo produto para uma empresa especializada em em comercialização, produção e distribuição de insumos para o mercado alimentício, a Genki Food.

Deveria ser levado em consideração o aumento da preocupação das pessoas com o bem-estar somado a rotina acelerada das pessoas.

Landing Page é uma página da web independente, criada especificamente para o marketing ou para a publicidade. É para ela que o usuário costuma ser redirecionado ao clicar em um anúncio do Google AdWords ou similar.

O visitante deveria chegar através de um anúncio do Facebook.

Pesquisa

Dados trazidos pelo nosso time de Data mostraram algumas tendências para alimentação para 2020. Uma das informações apontadas é a busca por super alimentos (superfood), que são alimentos benéficos à saúde, com valores elevados nutricionais e poucas calorias. Além disto, possuem grande concentração de vitaminas e minerais em pequenas porções.

Nuvem de principais superalimentos encontrados nos dados analisados em sites de comida congelada.

Alguns outros dados:

• Pessoas mais novas aceitam pagar mais por alimentos
• 20% do mercado consumidor do país será formado por millennials em 2020.
• 37% dos entrevistados procuram melhorar a saudabilidade da dieta em relação ao ano anterior.
• 51% procuram comprar produtos naturais sempre que possível

Super alimentos — Benefícios

• Metabolismo mais rápido;
• Sensação de saciedade por mais tempo;
• Aumento dos níveis de força e energia;
• Fortalecimento do sistema imunológico;
• Melhora no funcionamento da mente;
• Prevenção do envelhecimento precoce;
• Prevenção de diversas doenças, como os problemas cardiovasculares e alguns tipos de câncer.

Moodboard

Nossa inspiração foi a imagem abaixo, que remete a natureza, a fonte dos superalimentos. As cores remetem a uma alimentação saudável e também lembram nozes, castanhas, que também são ricos em nutrientes.

Genki Food lança a linha Goji

O nome veio do vegetal de origem chinesa, chamado Goji Berry, que é um alimento antioxidante e energético.

Estratégia de lançamento:

• Divulgação de links patrocinados nas principais redes sociais.
• Landing Page
• Coleta de banco de dados de e-mails de clientes em potencial
• Fornecimento de desconto para cadastrados no site

Landing Page

Nossa landing page pode ser acessada no link abaixo. Ela foi executada pelo time de desenvolvimento.

Front-end: HTML, CSS, JavaScript

Back-end: Node.JS, Mongo

Grupo 6 Hackaton

Conclusão

Foi uma excelente oportunidade para entender melhor como funcionam as áreas de Data e Desenvolvimento além de ver como elas se complementam e conversam com UX. Tivemos que exercitar a comunicação entre pessoas que desconheciam o trabalho um do outro e controlar o tempo que cada um precisava para executar suas tarefas.

“For good ideas and true innovation, you need human interaction, conflict, argument, debate.” — Margaret Heffernan, International Businesswoman, Author, Interviewer, and TED speaker.

O Hackathon ocorreu nos dias 17 e 18 de outubro de 2019.

Here it’s a little bit about our first experience in a Hackathon that gave us second place.

This text is co-written by Julio Blay Kocinas, Marina Merlin and Simone Ferreira (me!), all UX/UI Designers.

We were selected to participate in the Hackathon organized by Goethe Institut in São Paulo, from 11 to 13 of October.

Team members

On this event, that had several lectures before and during the hackathon, we formed an international group. With us, we had the opportunity to share those days of a lot of work, learning and friendship with Hanza Lari, developer from Pakistan, Frerich Hanisch developer from Germany and Jana Reinhardt, designer also from Germany.

With people from different countries we faced a big challenge that was to communicate and express our thoughts and ideas, in everyone’s second language: English.

Hanza, Julio, Friedrich, Jana, Simone and Marina (from left to right) designed by Marina

Fake News

Before the hackathon itself, we had some lectures about the topic. Journalists, teachers, sociologists and researchers were invited to present some information about fake news, and other similar topics, like big data. Unfortunately, we couldn’t be present in all the presentations, but we learnt a lot from those above.

The Concept

After some of the lectures, instructions and presentations of the ideas and the other candidates, we finally had our team, by around 1 am on Saturday. We decided to make a game that would expose the main subject: fake news.

After some debate and brainstorm of ideas, we managed to start reaching something. The concept of our game would be a multi-platform game, played in two different screens, a computer and smartphones. The players could play with some personalities like President Trump and Bolsonaro, Elon Musk or some stereotypes of people, like a vegan person, WhatsApp aunt, and Neuropathy.

References

The inspiration of the game was especially the cards game “Humans against Humanity”. We considered the idea of having blank spaces to be filled for the players with words or sentences that could have politically incorrect content.

Some other game that inspired us were Dixit, Kahoot and Quiplash.

To test the usability and the achievement of the game we played one round all together, using five of the characters, and we had a lot of fun.

The Set

The idea of the game in the Uber, was because we wanted to have the game to be set in a daily situation, talking to unknown people about different subjects.

Another reason is that when people are in a space like an Uber, they are not face-to-face and this make it easier to say things that maybe they wouldn’t say looking to each other.

Gameplay

The objective of the game is answers news provided by the uber driver. She starts by saying “Have you Heard?” and then come with some news, and suddenly a bus comes and horns so it’s impossible to listen to some part of the sentence. Then she asks the person that is in her car, i.e. Trump what he thought about she just said, like “Ethiopia ______ with Eritrea” and the players have to complete having in their minds that they’re the american President. All of this is going on the main screen and the players have to answer in their phones.

After everyone had their answers, the players vote for the one that made the best imitation of what Trump would say in that moment, every vote counts 5 points, in the end, after 5 rounds of different news provided by the uber driver, the player with more points win. After everyone voted for that round, come again the uber driver and correct what it was actually the news, and a link is provided in the player phone, so they can check the news.

Characters

For each one of the characters we provide some information about who it is and some characteristics of the person in order to make the player thinking on someone else’s shoes.The user will be the character only for one round and then another one. A game has 5 rounds.

Our message

The main idea is to show how fake news become viral. And also that some people have an agenda and push it. That misunderstanding news often causes fake news and they can be deliberate. Sometimes only one different word can completely change a situation. It can become viral because of the feelings that are provided.

Our final message is to check the sources, by presenting them to each player.

Tools

The design of the game was created on Figma. Unfortunately, we had some technical problems in the development of the back-end of the game. We manage to show the usability of the game prototyping on Figma.

For a better display of our game, we created a video using soundtrack and sound effects for the different stages of the game. Also our Uber driver have a voice, and says the content to the users, but the horn make some part of it, inaudible.

Other team’s games

We faced other great teams, with brilliant ideas. Most of the groups decided to do games, but also had an amazing APP, that you could send a link to a news on the WhatsApp and see if it was fake news or not, or read news other people sent and write back to the system if it was fake or not. This group ended in third place.

One very fun game, was about one old lady that just need to go to the pharmacy to get her medicines without saying her CPF to the pharmacists

The first place of the Hackathon were a group that developed something inspired on Tom Cruise’s movie Minority Report. In this case, the player were emerged on virtual reality and have different tweets in front of him, and must find the ones that are fake news and the ones that aren’t.

Our achievement — 2nd place

For our pure joy, happiness and surprise we ended in the second place, that was a triumphal reward for all our work from this weekend.

External links

You can access all the informations about the game here:

https://juliobk1.itch.io/have-you-heard

Results on Goethe Instituit wepage:

Resultados do Hackaton

https://juliobk1.itch.io/have-you-heard

Individual Conclusion

Simone (Me!)

At the beginning of the Hackathon, I wasn’t sure how I could help in the competition since I’m new in this field and I didn’t have any idea how it works. After this experience I can say that I helped in many moments, by giving some ideas, bringing some game references, working in the development of the interface of the game on Figma, organizing the style guide and some other tasks. It was an amazing experience. I also want to say thank you to my colleagues in this challenge because we worked all together the whole time.

Julio Blay Kocinas

It was a great experience to be part of this event. Before the Hackathon starts we had several lectures from experts on fake news, and co-related subjects, from all over Latin America that was a great introduction to the event and opened my mind to all the creative work that we would need after.

Once we decided our group, with three foreigners and 3 colleges from UX/UI we at first had some problems with the communication, but after less than 48 hours knowing each other, after the project we became real partners and with much better integration. Was great to see how well we worked together, even with different background and cultures. This for me was the highlight of our project.

Marina Merlin

The first thing that comes to my mind when I remember the hackathon is exchange! Exchange culture, knowledge and effort! It was an amazing experience, we could work and sharpen ideas together, what made our experience very rich. For me, it was a natural choice to be together with people of another country since I live in the Czech Republic for more than 3 years so far. We could introduce them to the software that we are used to, Figma, they showed us the workflow that they were used to. The weekend was very dynamic and even though a lot of things were not like we expected to be the result was very impressive and the idea was well shown and executed.

O exercício da sexta semana do bootcamp de UX/UI da Ironhack foi desenvolver uma plataforma para algum festival.

Minha escolha foi pelo Festival da Rua dos Pinheiros e desenvolvi um aplicativo para que as pessoas que frequentam o evento possam encontrar todas as informações em uma única plataforma de forma prática e ágil.

Sobre o Festival

O Festival da Rua dos Pinheiros é organizado pelo Coletivo Pinheiros e ocorre duas vezes ao ano na R. Dos Pinheiros e nas adjacências, em São Paulo. A rua fica fechada para carros e o evento reúne música, gastronomia, atividades, venda de produtos de pequenos produtores. Alguns restaurantes estendem suas atividades com comidas em barracas na rua.

Etapas do Processo:

• Pesquisa Quantitativa
• Pesquisa Qualitativa
• Persona
• Moodboard
• Benchmarking
• Lo-fi
• Hi-Fi
• Style Guide
• Prototype

Pequisa Quantitativa

Através de pesquisa feita através de formulário respondido por 33 pessoas.

55% das pessoas se identificam como sexo feminino. 64% na faixa etária de 25 a 34 anos. A maioria das pessoas se informa sobre o festival através do Instagram e Facebook. Elas costumam ir com amigos e familiares e o que mais atrai elas é a gastronomia e música.

Elas gostariam de ter informações sobre horários dos shows e localização dos lugares, um mapa do evento e cardápios dos restaurantes.

Pesquisa Qualitativa

Conversei com 3 frequentadores do evento e eles disseram sentir falta de maiores informações antes do evento e também de conseguirem explorar melhor o evento enquanto estão nele. Eles gostariam de poder ter um line-up dos shows para poderem escolher quais palcos e bandas assistirem.

Benchmarking

Pesquisei aplicativos de vários tipos de festivais, tanto de música quanto gastronômicos.

Moodboard

A identidade visual do Festival foi criado pela designer Suzana Jahnel e utilizei como referência para execução do meu protótipo. Também foi referência durante a busca os grafites do artista Kobra que estão espalhados pela região.

Aplicativo para o festival

A ideia de criar um aplicativo para o festival foi colocar em uma plataforma todas informações necessárias para as pessoas se informarem de todas atividades que ocorrem no local. Outra funcionalidade do aplicativo, quando não estiver no período do festival, é servir como um guia de restaurantes, bares e comércio do bairro.

Style Guide

Abaixo alguns dos elementos do style guide.

Para cada uma das categorias do evento escolhi uma cor de background diferente.

Protótipo

Quinta semana no bootcamp da Ironhack e um novo desafio, criar uma plataforma de notícias.

Este trabalho foi desenvolvido em grupo junto com a Gabriella Cadete e larissa colares. (Foi ótimo trabalhar com vocês!!!)

A “to magazine” foi uma plataforma desenvolvida por nós para pessoas que buscam uma vida mais equilibrada e notícias para ajudar no crescimento pessoal.

PROCESS

A primeira etapa foi escolher uma das personas apresentadas para guiar nas definições da plataforma.

A Elaine é uma mulher de 35 que busca uma vida mais equilibrada. Por ela ler normalmente nos intervalos do trabalho, em casa ou numa biblioteca, optamos por desenvolver uma plataforma web por este motivo.

Moodboard

O moodboard criado foi pensado na ideia de conseguir levar uma sensação de paz, casualidade, simplicidade e natureza, tendo em vista que a Persona busca um balanço vida-trabalho.

A paleta de cores escolhida contém cores pastéis e linhas finas.

Fizemos um Perception Test com o moodboard e conseguimos atingir o resultado esperado.

O Conteúdo das notícias do site também foi baseado na ideia de transformação e auto cuidado buscado pela persona. As categorias são divididas em 3:

• Live
• Transform
• Energize

O nome da revista complementa as categorias, passando a ser “to live”, “to transform” e “to energize”.

Style Guide

Outra tarefa era criar o Style Guide no Hi-fi. Abaixo alguns dos elementos. Seguindo o conceito do nome da revista, nomeamos ele de “to guide”.

Perception Test

Como dito anteriormente, o Perception Test foi aplicado com o moodboard antes de seguirmos no desenvolvimento da plataforma. Após o desenvolvimento aplicamos novamente, desta vez apresentando duas telas do protótipo para 5 pessoas diferentes e pedimos para selecionarem algumas palavras de uma lista. Abaixo, na nuvem de palavras, são as palavras escolhidas pelos usuários.

Mobile Version

Abaixo a tela responsiva da versão mobile.

Adding a new feature for Tinder to make it easier to schedule a date. Watch the prototype in action at the end of the text.

The challenge of this week in my Bootcamp at Ironhack was to add a new feature for an app.

Nowadays people are so busy that schedule to meet someone is almost a challenge. After talking to some friends about how is difficult to meet friends it came to my mind the idea to add a match schedule on Tinder, the most used app for meeting new people.

I validate the idea asking some Tinder’s users and all of them said that it is a very good idea and they’d use that.

The idea is to simplify the process of scheduling a date and avoiding long talkings about when one or another person are free to meet. Both of the users need to set up the days and times that they are free. When they talk about meeting, the system will recommend then to use the “match schedule”, both of them need to agree and then the system will match possible days that they can meet.

They just need to choose one day, invite the other and wait for an answer.

The methodologies I applied in this work were:

• JTBD
• Use Case
• User Flow
• Lo-Fi Wireframe
• Hi-Fi Wireframe
• Prototype

JTBD — Jobs To Be Done

That’s the sentence for the JTBD:

“When I’m trying to schedule to meet someone on Tinder, I want to easily figure out the possible days to meet, so I can schedule a date without a long talking to try to match our schedules.”

Use Case

Two users are trying to schedule a date but they need to send many messages until figure out a day to meet. I reproduced in this chat bellow.

Hi-Fi Wireframe

Tinder has 2 colors, pink and blue and shades of gray, and I used that to keep the same aesthetic in my feature.

Prototype

The prototype simulates how people will manage the app.

Besides this idea, I also thought about adding some places that people would like to go to meet and that they could share with the other or also the system could do the same as with the schedule and match places.

Thanks, Marina Merlin for helping me to animate the match moment and record the prototype videos! =)

Terceira semana do bootcamp da Ironhack e hora de colocar em prática as ferramentas e metodologias aprendidas nas duas primeiras semanas.

O projeto desta semana tem como foco criar uma plataforma educacional que forneça uma experiência online engajada para pessoas que não podem atender ao curso presencial.

Para este projeto estão junto comigo Dan Silva e Isabella Paiva.

Processo

Pesquisa Quantitativa e Qualitativa

Começamos lançando uma pesquisa quantitativa para tender entender um pouco o comportamento das pessoas que buscam cursos online.

Apesar do aumento no uso de mobile, para aprendizagem a preferência é por desktop, muitas pessoas buscam por cursos de tecnologia.

Após a definição por uma plataforma de ensino de tecnologia, lançamos uma pesquisa qualitativa para identificar as dores dos usuários. A falta de feedback, a sensação de se sentir sozinho e a falta de networking foram os principais pontos que fazem as pessoas preferirem um curso presencial.

Metodologias

Durante o processo utilizamos diversas metodologias como: Benchmarking, Brainstorm, Moscow, Task Analysis, Sketch-frame, Use Case, Branding, Sitemap, Wireframe mid-fi.

No benchmarking comparamos alguns sites que oferecem cursos de tecnologia online e percebemos que nenhum deles possui uma ferramenta que faça com que a experiência do aprendizado online se aproxime com a presencial.

Para a Task Analysis primeiro traçamos a jornada da Natália em um curso presencial e então fizemos ela no curso online.

O método de Moscow foi essencial para definirmos quais as ferramentas iríamos focar em executar na primeira versão e quais ficam no road map ou fora.

Lean UX Canvas

Personas

How Might We

“ Como podemos desenhar uma plataforma digital de educação de tecnologia que garanta que os usuários se sintam acompanhados e engajados proporcionando os mesmos resultados de uma experiência de aprendizado presencial?”

MVP

Abaixo o resultado final da plataforma.

A página inicial contém todas informações sobre a metodologia do curso e diferenciais.

O grande diferencial neste projeto foi o Open Room, que é um espaço no curso onde os alunos encontram a possibilidade de fazer networking além de terem aulas especiais com profissionais do mercado de trabalho.

Acrescentamos uma ferramenta onde a pessoa pode solicitar a palavra simulando quando se levanta a mão em uma sala de aula.

E os planos para outras versões são programas de bolsas, portfólio online dos alunos, cursos personalizados e gamificação.

Conclusões

Processo

Após ter tido o contato com diversas metodologias nas primeiras semanas, foi muito bom ter tido este desafio onde nós deveríamos escolher quais iríamos aplicar. Nestas horas sempre vejo como é importante acreditar no processo e como ele é importante e cada etapa acaba trazendo alguns insights além de ajudar a deixar de lado algumas ideias que parecem muito boas, mas que não são possíveis de serem executadas.

Grupo

O maior aprendizado que tirei desta semana foi a auto gestão do tempo e também a importância de se usar algum tempo planejando e organizando as etapas do processo antes de iniciar. Isto nos ajudou a usar somente o tempo necessário em cada uma das etapas e sermos mais objetivos. Apesar de todo planejamento, precisamos voltar em algumas etapas algumas vezes, mas por causa dele sempre sabíamos para onde voltar. Meu agradecimento a Isabella e ao Daniel.