O novo site da Avianca Brasil foi totalmente repensado buscando trazer a melhor experiência para o usuário e cliente Avianca. Todo ele foi baseado em 2 personas:

1 - quem procura passagem e informações
2 - quem já tem passagem

Então ele todo foi desenhado trazendo a vista todos os items de acesso rápido para cada uma das necessidades do usuário. Com uma caixa de compra de passagem em evidencia e um menu auxiliar com os itens mais usados no site logo abaixo. 

A home foi layoutada com uma hierarquia funcional que dita a a ordem dos elementos. Em primeiro lugar vem todos os itens operacionais, como procura de passagem e check in. Logo em seguida vem a área inspiracional, onde o usuário passou pelos items operacionais sem acessar nenhum serviço, então mostramos ofertas e destinos mais cobiçados para incentivar a compra. Finalmente vem a parte informacional, onde o usuário que não busca tomar ações nem se inspirar com destinos, pode encontrar informações sobre a Avianca e notícias.

Pensando em em uma experiência exclusiva para cada momento de acesso, um site mobile foi desenhado, focando nos items mais necessários quando a pessoa acessa através de um device portátil.

Este foi o resultado de meses de trabalho duro com um time espetacular que merece crédito igual ao meu por este trabalho. Principalmente o Silvio Senne, que fez toda a replicação de conceito e desenho de todas as demais telas seguindo e complementando meu conceito. Tú é o cara!

UI Lead: Glauco Lima
UI Assistance: Silvio Senne
UX Lead: Carol Ganho

Confira: www.avianca.com.br

----

The new Avianca Brasil site was totally re-thought having in mind the best user experience for the Avianca user. It was completely based on 2 personas: 

1 - Those who look for tickets and info
2 - The ticket holders

So it was entirely designed to bring to view all the important items for quick access for each of the user's needs. The booking box has the prime focus of the site, followed by the quick access bar that contains all the most requested services.

The home page was designed with a functional hierarchy that guides the order of the elements. In first place you see the operational part of the page, where the user can can take action like book a flight and check in. Following that is the inspirational part, where the user who did not want to "operate" can get inspired by new destinations and cheap tickets. Finally you arrive at the informational part. Here the user didn't want to find take some action or get inspired, so we put all the Avianca information and news. 

Thinking of an exclusive experience for each moment of use, we designed a mobile version of the site. Focusing on the most vital items the user needs when accessing the site through a mobile device.

This was the result of months of hard work with an incredible team that deserves all the credit too. Specially Silvio Senne, who replicated my concept in all the screens while also building upon it. You're the man!

UI Lead: Glauco Lima
UI Assistance: Silvio Senne
UX Lead: Carol Ganho

Check it out: www.avianca.com.br

A Avianca pediu que todas as agências enviassem um conceito visual para serem consideradas para o trabalho de design do site inteiro da empresa no Brasil. 

Percebemos que seria muito mais útil focar em todo um fluxo ao invés de somente uma tela (o pedido original da Avianca). Então repensamos em um fluxo intuitivo de compra de passagem com um visual bem diferente que colocasse a Avianca como uma das inovadoras do mercado atual. Resultando neste design que junto com toda a proposta comercial e infra-estrutura da equipe veio a levar esta conta para casa.

Liderança de UX/UI: Glauco Lima
Supervisão de UX/UI: Marckson Lacerda 

_

Avianca Brazil asked all the agencies in this bid to send a visual concept to be considered for the chance to redesign their entire website.

We noticed that it would be much more effective if we focused on an entire purchase process instead of just sending one screen (their original request). So we developed an intuitive flow with a disruptive visual identity that would set Avianca as one of the innovators in the airline business. Resulting in this design that together with the commercial proposal and team infra-structure that took home the account.

UX/UI Lead: Glauco Lima
UX/UI Supervision: Marckson Lacerda

Havaianas é uma obsessão Brasileira e faz parte da história de cada um deste país. Então aqui vai minha homenagem a este ícone mundial. Do começo ao fim, o processo de ilustração durou mais ou menos 6 horas de muita tentativa e erro até chegar ao resultado final. Legal ver todas as frustradas variações que testei antes de chegar nesse design mais simples.

Não tenho nenhuma ligação com a marca e não faço nenhum lucro com esse design. Ele é somente um "obrigado" a este chinelo tão bacana.
___
Havaianas is a Brazilian obsession and it is part of the history of every citizen. So here is my homage to this world icon.
From beginning to end, the illustration process lasted around 6 hours of trial and error until I reached this final result. It is cool to see all my frustrated attempts at some different variations before I got to this simplistic design.

I have no link to the brand and I make no profit with this design. It is just a "thank you" to this super cool flip-flop.

Eu tenho seguido o trabalho do Soul Pancake a um tempo, ajudando eles com seus designs regularmente. Eu propus a ideia de um novo site que não somente mostra as verdadeiras cores do Soul Pancake como também se mantém atualizado com os requisitos da internet. 

O desafio foi desenhar um UI responsivo que é leve e coerente em qualquer dispositivo enquanto mostra ao mundo a essência do Soul Pancake. O resultado foi um site divertido, interativo, e leve.

Confira: www.soulpancake.com

UX/UI: Glauco Lima
Identidade: Golriz Lucina & Irene Wang
Programação Front/Back End: Rômulo Argolo

___

I have been following Soul Pancake's work for a while, helping them with their design needs often. I approached them with the idea of a brand new website that not only displays their true colors but also stays up to date with the web standards. 

The challenge was to design a responsive UI that stays fresh and connected across every device while showing the world the essence of Soul Pancake. The result was a site that is fun, interactive, and refreshing.

Check it out: www.soulpancake.com

UX/UI: Glauco Lima
Identity: Golriz Lucina & Irene Wang
Front/Back End Programming: Rômulo Argolo

Nesta campanha para a Bayer, fui responsável por criar um hotsite para a campanha "Não pare na primeira", para o anticoncepcional Mirena. Com o objetivo de transformar um diálogo desconfortável e cheio de tabus em algo mais atraente, eu criei um site cheio de ilustrações, cores, e animações parallax. O site, totalmente responsivo, leva a usuária através de todos os pontos de informação mais importantes sobre este método anticoncepcional sem que tenha a cara de um site sobre produtos farmacêuticos. 

UX/UI: Glauco Lima
Campanha: Sabrina Costa & Fernando Colaço
Redação: Fernando Colaço

___

In this campaign for Bayer, I was responsible for creating a hotsite for the "Don't stop at the first one" campaign, for the Mirena birth control method. With the objective of transforming an uncomfortable and taboo filled dialog into something attractive, I created a site filled with illustrations, colors, and parallax animation. The site, totally responsive, takes the user through all the benefits of this birth control method without giving it a pharmaceutical look. 

UX/UI: Glauco Lima
Campaign: Sabrina Costa & Fernando Colaço
Copywriting: Fernando Colaço

Este projeto foi especialmente legal pois fui completamente responsável em criar a identidade de uma, até então, empresa não existente. A total ausência de uma prévia identidade me deu uma total liberdade e também foi desafiante. Depois de alguns designs, este foi o resultado. Um logo que não é somente divertido, mas também flui e passa a mensagem de algo leve e agradável. 

Assim que o logo foi escolhido, estabeleci as principais fontes e cores para a criação de uma identidade forte. 

___

This project was specially cool because I was completely responsible for the creating of the identity of a until then non-existent company. The total freedom from previous identity was both freeing and challenging. After a handful of logo designs, this was the result. A logo that it is not only fun, but also flows and conveys the message of something fun, cool, and pleasant. 

Once the logo was set, I moved on to establishing core typefaces and colors to be used to create a strong identity. 

Um projeto completo para Candy Club: logo, identidade, UX, UI, e criação do e-commerce.

Na criação do logo e site, tentei criar uma experiência online do que seria ir à uma loja de doces na Times Square. Com essa direção, eu criei um loja dinâmica, intuitiva, e com um divertido "look & feel". Dando a ela uma identidade "fresh" e que apela para ambos as crianças e adultos fissurados por doces.

Contém:

- Uma barra de busca responsíva que mostra o resultado em tempo real
- Uma palheta de cores atraente que não cansa a visão
- Páginas de erro como 404 e produto fora de estoque bem divertidas
- Sistema de notas de produtos intuitiva e visual
- Uma estrutura responsíva

Direção criativa e identidade: Glauco Lima
Assistência de criação: Fred Luna
Planejamento Estratégico: Annahy Laira
Coordenação de projeto: Tadeu Castro
UX: Rodrigo Martins
Programação FrontEnd: Fernando Tavares
Programação FrontEnd: Romulo Silva
Programação BackEnd: Flávio Dutra

___

A full-service work for Candy Club: logo, identity, UX, UI, and creating of their e-commerce.

When coming up with the logo and website, I strived to create an online experience of what going to a candy store in Times Square would feel like. With that direction, I created a very dynamic, intuitive and fun "look & feel" to the store. Giving it a fresh identity that appeals to both kids and candy enthusiasts.

It features:
- Interactive and responsive search bar that displays results in real time
- A fresh and inviting color pallet that does not strain the eye
- Fun and colorful error pages, such as 404 and out-of-stock warning
- A fun looking rating system for each product
- A responsive structure

Creative Direction e branding: Glauco Lima
Creative Assistance: Fred Luna
Strategic Planning: Annahy Laira
Project Coordination: Tadeu Castro
UX: Rodrigo Martins
FrontEnd Programming: Fernando Tavares
FrontEnd Programming: Romulo Silva
BackEnd Programming: Flávio Dutra

Nesta concorrência, nós tentamos cumprir 2 coisas: Apresentar a Huawei no Brasil como de confiança e qualidade. Criar sua loja online Brasileira. 

Almejando evitar o visual ultrapassado e corporativo que os sites Huawei tem hoje, nós decidimos dar a cada página um look atualizado, leve, e cheio de espaços para respiro. Outra coisa que mantive em mente era medir as características dos aparelhos em termos humanos. Mostrando para o usuário, não os números complicados de entender sobre o aparelho, mas sim o que lhe permite fazer em um modo bem humano. 

UX/UI: Glauco Lima
Redação: Fernando Colaço

___

In this bid, we wanted to accomplish 2 things. Introduce Huawei in Brazil as a trustable, quality brand. Create it's Brazilian online store.

Striving to steer away from their outdated corporate look, I decided to give each page a look that was fresh, light, and filled with breathing space. Another thing I kept in mind was to measure the phone specs into human terms. Telling the user not the difficult to understand numbers and specs, but what it allowed you to do in a very human way. 

UX/UI: Glauco Lima
Copy: Fernando Colaço

Os tênis Tiger tem sido minha obsessão desde que comprei meu primeiro par a 6 anos atrás. Então aqui vai minha homenagem a este tênis tão icônico, bonito, e confortável.

Do começo ao fim, o processo de ilustração durou mais ou menos 12 horas de muita tentativa e erro até chegar ao jeito que imaginei. Os cadarços foram refeitos 3 vezes até eu atingir uma fluidez natural. Você pode ver o último design do cadarço no vídeo ao lado.

___

Tiger shoes have been my obsession since I bought my first pair about 6 years ago. So here is my homage to such iconic, comfortable, beautiful, and comfortable shoes ever. 

From beginning to end, the illustration process took about 12 hours of trial and error until I finally got it the way I envisioned it. The laces were re-done 3 times until I managed to give it a natural flow. You can see the final laces' design in the video. 

Diversas ilustrações pessoais sem propósito comercial. Feitas a mão e digitalizadas com o Wacom tablet e Adobe Illustrator. 

___

Various personal illustrations with not commercial purpose. Made by hand and digitalized with a Wacom tablet and Adobe Illustrator. 

Este é um pôster pessoal o qual ilustrei. Vários rascunhos em papel antes de ser escaneado e vetorizado usando um tablet Wacom e Adobe Illustrator. Imprimido em pôster.

-

This is a personal poster I illustrated. Sketched in pencil numerous times before scanning and vectorizing it using a Wacom tablet and Adobe Illustrator. Printed on 18”x24” matte paper.

Neste aplicativo de Facebook, Mercure Hoteis propôs uma promoção onde participantes dão e votam nas melhores dicas de sua cidade e concorrem a uma viagem a Paris. O desafio deste design foi manter tudo bem visual e limpo já que há muita informação. Usando as vantagens do API do Facebook, fiz um design inteligente em que a foto do participante aparece customizada em diversas partes do site. Ao escrever uma dica, suas infos e foto já aparecem nos campos de informações. Com isso, consegui manter um design bem interativo e surpreendente. 

Confira  www.facebook.com/MercureHotels.br

(Agradeço a todos meus amigos que só agora estão vendo que usei suas fotos como marcação do meu design... Oooops) 

---------

In this Facebook app, Mercure Hotels proposed a campaign in which participants can give and vote on tips of things to do in town to try to win a trip to Paris. The challenge in this design was too keep everything visual and clean since there is a lot of information to display. Using the advantages of Faceook's API, I made an intelligent design that automatically loads the users photo in various customized places within the app. While writing a tip, the user's photo and info are already pre-loaded into place. With this, I kept the design very interactive and somewhat, surprising. 

Check it out - www.facebook.com/MercureHotels.br

(Thanks to all my friends who are just now seeing I used their pics as placeholders for my design... Oooops)

Animação para promover os eventos para ex e futuros alunos. Responsável pela maioria da produção do vídeo, como conceito, história, ilustração e edição. Animação por Xavier Corral.

-

Animated video to promote alumni and prospective students weekend. Worked on most of the production steps including, concepting, storyboarding, illustrating and editing. Animated by Xavier Corral.

O desafio deste design for fazer um site de e-commerce que seja inovador mas que não alienasse o público alvo. O resultado foi um design simples chamativo, clean, e eficaz devido a interatividade do site através de mouse-overs e animações

Confira: www.honeybe.com.br

Gerenciamento de projeto por Tadeu Castro

------------

The challenge with this design was to come up an e-commerce site that is innovative but that would not alienate its target audience. The result was a simple design that popped out, clean, and effective with its use of mouse-overs and animations.  

Check it out: www.honeybe.com.br

Project management by Tadeu Castro

Esta é uma reforma do aplicativo para iOS atual da Verizon (operadora de celular Americana). O objetivo deste design é reduzir o excesso de informação, simplificar a navegação, e modernizar o visual do aplicativo. O maior problema a ser resolvido foi mostrar todas as informações importantes em um modo eficaz.

O resultado do design é reduzir o tempo que demora para o usuário achar as informações que ele(a) está procurando.

-

This is a rethinking of Verizon’s current iOS app. The baseline for the redesign is to reduce its clutter, simplify the navigation and modernize the look. The main issue to tackle was to effectively display the most vital information to the users. 

The end goals of the redesign are to reduce the time that it takes for users to find the information that they need, and to accomplish the task they were set to do.

Vídeo para recrutar alunos para a Liberty University. Fui responsável pelo conceito, storyboard, roteiro, co-direção de filmagem, e co-direcão artística.  

-

Video to recruit prospect students to Liberty University. I was responsible for the concept, storyboard, script, co-direction and co-artistic direction along with Bryce Morris.

Skate de edição limitada vendido pela loja de materiais esportivos, “Scene3” em Lynchburg, Virginia. Ilustrado manualmente e vetorizado usando um tablet Wacom e Adobe Illustrator. Impresso em 100 decks, todos vendidos.

-

Limited edition skateboard sold-out at Scene3 Board shop, a local board shop in Lynchburg, Va. Illustrated by hand then vectorized using a Wacom tablet and Adobe Illustrator. Printed on vinyl to later be applied to each of the 100 boards.

SoulPancake é a “agência do bem” do ator Rainn Wilson (da serie The Office). Com o crescimento da agência, eles precisam conseguir novos investidores.

O propósito deste livro é ser uma  forma de mostrar “o que é o SoulPancake” para os possíveis investidores, como Oprah Winfrey, YouTube, Google, entre outros. Uma série de fotos, dados, e planilhas foram traduzidos em designs infográficos neste Kit de Mídia de mais de 20 páginas. 

-

To summarize, Soul Pancake is the “feel good media bombardment” project by the actor Rainn Wilson. As they grow, they are also reaching for new prospects for partnerships. 

The purpose of this booklet is to act as an overview for the prospective partners, such as Oprah Winfrey, YouTube, Google, and others. An abundant amount of data, spreadsheets and pictures are transformed into a series of infographic for this 20+ page Media Kit Booklet.