Como eu perdi $ 1000 em um pixel

Esta é a história de como um cliente me fez perder $ 1.000 ao mover coisas em 1 px. Transformou minha carreira e nunca pedi para apostar o dinheiro de volta. Também me disse algo sobre como o desenvolvimento web se transforma e como podemos nos adaptar a essas mudanças.

Naquela época, eu dirigia uma agência de mídia social. Além de administrar contas de mídia social com um sistema interno de ponta, também realizamos concursos e pequenos aplicativos de marketing para nossos clientes.

Às vezes, um cliente vinha sem nenhuma ideia, então estávamos projetando um aplicativo do zero. Raramente tínhamos clientes que vinham com designs prontos para um aplicativo de marketing a ser desenvolvido.

Normalmente, o que eu fazia era seguir vagamente o projeto para caber no orçamento do cliente. Todos ficaram felizes, os concursos foram bem-sucedidos e deram aos nossos clientes muitos novos seguidores e amplo conhecimento da marca.

Foi o começo da mídia social e era muito fácil, comparado a como é agora, alcançar clientes com atividades orgânicas.

Então, minha vida como desenvolvedor web era bastante confortável. Até que um cliente entrou. Ele não queria fazer um concurso. Ele queria ter uma página de assinatura de boletim informativo em sua conta de mídia social.

Não vou mencionar o nome da plataforma de mídia social, mas antigamente ela era capaz de criar uma subpágina em sua página de mídia social com HTML, CSS e JS.

O orçamento que negociei para a tarefa era razoável; o cliente aceitou. Tive tempo suficiente para cumprir o pedido sem pressa.

Esqueci de mencionar? Ele veio com seu próprio design para a página do boletim informativo. Era bonito e chamativo, superando em quilômetros o que era a ideia de aplicativos de marketing na época.

Para mim, facilitou a tarefa porque eu só tinha que compor a página e passar para outras tarefas. Depois de dois dias misturados com outras tarefas, finalizei a landing page e enviei para o cliente satisfeito com os resultados.

Mas o cliente não partilhou do meu entusiasmo. Ele me disse que a página de destino era diferente do design. Bem, ele fez. O desenho foi apenas uma inspiração, e eu apenas coloquei tudo mais ou menos no lugar certo.

Eu pensei, ok, vou ajustar mais. Mova um botão para a esquerda, imagem para cima e assim por diante. Era bastante comum para mim, porque muitas vezes, mesmo fazendo uma solução perfeita, alguns clientes pediam algumas mudanças.

É um passo natural e importante porque dá ao cliente um sentimento de participação e satisfação em ter algo que deseja.

Depois de mais alguns dias, ajustei a página inicial da newsletter e enviei para o cliente. Depois de uma hora, recebi uma resposta: “Ainda está distorcido”.

Foi decepcionante para mim, porque a implementação foi *quase* uma representação perfeita do design fornecido e fiquei sem orçamento para este projeto.

Foi nessa época que decidi fazer uma captura de tela da implementação e sobrepô-la ao design no aplicativo Paint.NET. O que revelou foi que, embora a implementação fosse semelhante ao design, os elementos estavam afastados do design em várias direções.

Até este ponto da minha vida, eu estava muito feliz por não ver diferenças de pixel. Eu estava frustrado. Mas eu realmente queria terminar essa tarefa que assumi. Então eu trabalhei mais neste projeto. No total, excedi o orçamento em $ 300 trabalhando várias horas extras.

Desta vez, escolho uma abordagem diferente. Eu não tentei ajustar a implementação. Acabei de mover os elementos, para que eles se encaixem 100% no design do Paint.NET. Foi minha primeira implementação com pixel perfeito.

Na minha cabeça, eu lutava entre “não faz sentido” e “vamos tentar”. Finalmente, consegui enviar a nova versão para o cliente. Uma vez que o pixel estava perfeito, o cliente aceitou o resultado.

Eu estava planejando passar para a próxima tarefa imediatamente, mas estava curioso. Qual era a diferença? Abri dois aplicativos Paint.NET lado a lado para comparar minha primeira implementação e a de pixel perfeito.

O que meu olho bastante eclético de engenheiro viu foi surpreendente. Minha implementação inicial parecia feia! Eu nunca tinha visto isso antes e pensei que esses 2–3 pixels de diferença não afetavam a percepção. Mas lá estava eu, olhando para o boletim informativo Mona Lisa com um olhar péssimo.

Inicialmente, eu queria cobrar do cliente por esse absurdo com pixels. Porém, levando em consideração que eu estava apenas aprendendo algo extremamente importante, apenas cobrei dele uma taxa básica.

Esse momento e esse cliente consolidaram minha transformação de desenvolvedor front-end em desenvolvedor de design. Desde então, tenho trabalhado com muitos designers, clientes e desenvolvedores front-end.

Nem todo mundo espera implementações com pixels perfeitos. Nem sempre é necessário e nem sempre sábio monetariamente. Mas às vezes é, especialmente quando você deseja atrair clientes.

Bons designs atraem os olhos das pessoas. Bons designs se escondem naquele 1px que você adicionou à sua folha CSS.

Para poder se concentrar nessas questões, você deve resolver os aspectos técnicos do seu software. Para que mais esforço possa ser colocado nos aspectos de marketing, negócios e experiência de sua loja ou aplicativo de comércio eletrônico.

É por isso que gosto do que a Elastic Path oferece. É uma empresa que patrocina o concurso do qual estou participando com este artigo. Eles oferecem todas as funcionalidades operacionais necessárias para configurar vários sites de comércio eletrônico.

Como desenvolvedor, adoro a ideia porque prefiro me concentrar nas necessidades de negócios do que em manter e desenvolver catálogos de produtos, sistemas de pagamento etc. Eles oferecem uma API fácil de usar que você pode acessar em seu novo local de comércio eletrônico .

Se você gostou do artigo, clique no ícone do coração, comente e compartilhe nas redes sociais. Saúde!