Alef Portfolio 2021

ALEF VERNON

DESIGN

& ILLUSTRATOR

U I/UX

PRODUCT DESIGNER

PORT FOLIO

ABOUT

UX UI

ALEF 25

VERNON

Education 2013 Graphic & Product Design 2017 UFAM - Federal University of Amazonas

MAO AM

YO

ME

2018 Interface Design Postgraduate 2021 UFAM - Federal University of Amazonas

Experience I am passionate about researching users and creating solutions ‘‘ with technology and Design. This passion made me migrate from Graphic Design to UX / UI Design, with the aim of experiencing and working in this area, in addition to learning in practice how its application changes people's lives and mine.

2015 Jr. Researcher INPA Instituto Nacional de Pesquisas da Amazônia Research and product development. Pibic - Cientific initiation Program

(2015 - 2016)

2016 Web Designer Ecoem UFAM trainee Research and product development. Pibic - Cientific initiation Program

2017 Illustrator

Faber-Castell Brasil

(2017 - 2018)

Creation of artwork for Faber-Castell social media and events.

Skills 2018 Graphic Designer The White Publicidade Creation of Interface and layout for online graphic pieces

2020 UX UI Designer UFAM Universidade Federal do Amazonas (2020 - atual)

UI

UX

R&D

2D ART

jr. Participation in interface, experience and innovation design. Use of agile methods.

Projeto Super: Samsung + UFAM

DT

Events Contact me Alef.vernon@gmail.com

+55 92 9 8170 - 5926

UFAM & UPV

2015-2016

Pedra, Madeira e Fibra

Red Bull, SF, CA - USA 2017

Samsung Ocean, Manaus 2018

Red Bull Doodle Art World

Global Game Jam

CCXP, Brazil 2017

Faber-Castell, Stein, Baviera - Germany 2017

HOW, Online Brasil 2020

Faber-Castell - CCXP

Castle of Faber-Castell visit

UX Bootcamp

Red Bull, Brasil 2017

Samsung Ocean, Manaus, AM - Brasil 2018

Nasa Space apps, Brasil 2020

Red Bull Doodle Art Brasil

Global Game Jam

Nasa Space-app Hackaton

1º Lugar no concurso Nacional de Doodle

UX RESEARCH

Strook Streaming your book.

Drink our coffee.

UI DESIGN

Strook is a plataform with all the Books on the library ‘Strook’, where you can search and choose books for read and create personal lists with your favorites Strook also have a digital menu that suggest you books that fits the coffee you ordered.

Design Process The work consisted of the following stages of Double Diamond approach

Discover

Definition

Ideation

Prototype

1. Discover the first step of this project was to understand if it was possible to integrate a cafeteria into a bookstore and to attract customers through creative and digital solutions. researching the needs and actions of customers to connect them with ideas. main findings

User Survey Survey is important at first because it collects data and finds potential aspects for solutions. For this, was used Google Forms and Interviews.

Times users go to Cafe 22.7% 8.2%

85.2% Drink Coffee daily

25 - 33 years old

42.8% Read book often

70% female

50.8% Read e-book

ofter

31.8%

sometimes rarely

35.5%

7.7% 49.1% 7.8%

almost never

often

92.5% Book + Coffee

Times users go to Bookstore

33.6%

What is attractive in a Coffee Shop Decor coffee variety in menu Coffe smell snacks Internet acess Service others

What is attractive in a bookstore Decor Variety of the collection Service Receptivity Cultural events Techinical and specific books others

2. Definition the first step of this project was to understand if it was possible to integrate a cafeteria into a bookstore and to attract customers through creative and digital solutions. researching the needs and actions of customers to connect them with ideas.

Goals Helena

Persona

Creative and cozy place to work and read

32 years old, Architect.

about Helena is a 32 years old Architect teacher, a woman with a lot of jobs and really appreciate a good cozy place.

She also love a coffee during her work. Her goals, needs and behavior reflects the researches findings

Visit the bookstore

Costumer Journey

It looks like a good place to visit and enjoy a good time reading.

The place may not have the comfort needed to be there reading.

OPORTUNITIES

Connect the user to the bookstore and cafe, giving them easy access to services

Choose a Book Find the wanted book

Many options and difficulty finding specific books in the place.

Create a solution that gathers books by categories and has easy access.

Find and read books easily and conveniently

Enjoying good coffee while reading

Pain points Monotonous places

Drink a Coffee

Difficulty finding the book she wants easily

worried about the quality and taste of coffee

Enjoy the place

Ordering and enjoy coffee effectively

A peaceful and cozy place to read and have coffee

Many coffee options not knowing what to choose

Noises and lack of structures

Separate coffees by categories and show what is in each, making choices easier.

A beautiful and comfortable place that connects the user, books and coffee

ACTIVITIES

3. Ideation based on data and directions, it is possible to start to generate solutions and ideas to the problems founded.

Moodboard

Images and visual compositions related to the main themes of the project were selected: book and coffee, in order to extract colors and style that convey the feeling in the photos

The colors were extracted from the images on the moodboard Coziness

Sketches

Sketch ideas for wireframes application, describing the paths mentioned in userflow + initial interface proposals

‘‘

Sketch ideas for wireframes application, describing the paths and showing initial low fidelity proposals of the interface, besides serving as a basis for the userflow.

quietness

knowledge

4. Prototype With the useflow, showing how the users can navigate the app, it’s possible to visualize the user interface and create a mid fidelity prototype.

Wireframes Midi-fi

Wireframes Hi-fi

Thank you

Akakor Game Design

Product Design

Boardgame

Akakor foi o nome dado ao Jogo de Tabuleiro desenvolvido para a Tese de conclusão de Curso em Design pela Universidade Federal do Amazonas UFAM. O Jogo foi criado com o objetivo de disseminar a Mitologia Brasileira através de um jogo que pudesse divertir e mostrar a riqueza deste nicho cultural pouco exposto no país. No tabuleiro, quatro cartas principais influenciam o jogo: Tupã, Jaci, Guaraci e Anhangá, que assim como nas história indígenas, influenciavam a vida e o destino dos povos.

PROCESS

DESIGN

EMPATHIZE

THINKING

DEFINE

ENTENDER

1

ENTENDER

IDEATE

PROTOTYPE

EXPLORAR

TEST

IMPLEMENT

MATERIALIZE

EMPATHIZE

Desk Research

User Survey

Primeiro foi realizada uma pesquisa Desk, para coletar dados de pesquisas já realizadas sobre mitologia brasileira, bem como leitura em livros e instituições que possuiam coletâneas deste tema em seu acervo. Toda essa pesquisa foi documentada em um projeto escrito para a tese da UFAM.

Elaborou-se um questionário para analisar o relacionamento de pessoas com jogos de tabuleiro, bem como seu conhecimento e interesse sobre mitologia brasileira, a fim de definir se o tema despertava curiosidade e interesse do público alvo.

Ja ouviu falar sobre conhece e admira não conhece conhece muito sobre

muito interessante interessante pouco interessante não é interessante

2

DEFINE

PERSONA Iuri

Jornalism Student

2O years old

Gosta de se reunir com amigos para jogar.

Prefere jogos onde é possível socializar pessoalmente, como tabuleiro, cartas e rpg.

Ama conhecer novos jogos e explorar novos temas

Não encontra muitos jogos diferentes, e deseja variar. Sempre acha os temas sempre muito monótonos ou parecidos com outros que já conheçe.

MOODBOARD

filtred colors Amazon Mystical color palette

3

IDEATE

SKETCHES & ILUSTRATIONS

Sketches com o intuito de esboçar ideias para os elementos do jogo, bem como criar mapas de fluxo e enredo, criou-se sketches para visualizar as melhores ideias.

Icons & Pictos Com base na estética de grafismos e pinturas de povos indígenas do Brasil, foram desenvolvidos ícones, símbolos e pictogramas a serem utilizados para funções no jogo. nenhum símbolo criado é igual a um grafismo indígena, apenas coletou-se inspirações da estética de tais.

4

PROTOTYPE

ELEMENTOS DO JOGO

CARTAS Os itens de inuência do Jogo Cada Carta Intervenção indica ações que o jogador deve seguir no jogo, prejudicando ou beneciando eles ou seus oponentes. Taisa denições de açãoes seguem estudos feitos sobre a cultura e mitologia nacional onde cada uma das quatros guras mitológicas podiam interferir de modo a contribuir ou castigar o seu povo

SIMBOLOS A ideia do jogo, é que ele tenha uma comunicação completamente visual, repleto de símbolos e ícones e a menor quantidade de texto possível.

CONSELHO da CAIPORA As cartas Conselho, funcionam como um Sorte/Revés no Jogo

CA R D S

Akakor BoardGame

RELÍQUIA As moedas do Jogo

RE L Í QUI AS As Relíquias funcionam como moedas no jogo, onde é possível colecioná-las e cumprir missões, ou utilizá-las para determinar ações em outros jogadores.

Cada uma das relíquias é inspirada em elementos da fauna, ora e mitologia amazônica

‘‘Todos os símbolos do jogo foram criados a partir de inspirações na simbologia de tribos do tronco tupi-guarani, porém nenhuma delas foi copiada das mesmas.’’

Guaraná Muiraquitã

Vitória-Régia

Orquídea

Morpho

TABULEIRO O Tabuleiro possui formato circular com o intuito de quebrar a monotonia e o padrão de outros tabuleiros, além do mesmo possuir apenas símbolos, pois faz alusão a forma de comunicação e transmissão de mensagens das tribos brasileiras mas antigas.

5&6

TEST & IMPLEMENT

RESULTADO Jogo produzido e sendo utilizado por um grupo de amigos. O Jogo atendeu os objetivos propostos no projeto e seguiu o método do Design Thinking + Método Waterfall para gerar um produto que soluciona óbices de um público alvo bem específico, mostrando-se eficaz no que se propôs: um game curioso e que fomenta a socialização entre grupos de

Akakor BoardGame

Wall

Wall Personalize your boards Organize groups and tasks Create your own wall

About Wall helps you and your team to create projects in an organized way, with board, cards and lists. Easy to use, understand and see Make us your wall.

Design Process

1. Understand & Discover Research

The work consisted of the following stages of Design Sprint approach

day 1

day 2

day 3

day 4

The first step was to research and understand the main functions of a project management system, as well as how this platform is used and its importance to people.

Main Findings with references in books and publications, some points of relevance were found that validate the project and the research as of great importance today.

day 5

Adoption of agile methodologies is expected to grow 35.7% per year in Brazil

Understand

Sketch

Decide

Prototype

The Agile methods have been widely adopted in technology companies that work with software engineering, R&D and Interface Design.

Results

This methodology was chosen to develop the project because it is possible to use several Design thinking techniques in a short period of time effectively and still reach the goal and deliver the solution on time.

Focused on enhancing the relationship between production teams and customers.

1. Understand & Define Persona

Based on the data colected, Julia emerged. Her goals, needs and behavior reflects the research findings and helps to create solutions

Julia 29 years old, Software Dev Master’s Student

goals organize group activities easily

:) view and analyze tasks progress with others

work with her team in a web system

about Julia is a Developer, 29 years old and a master's student. She is a Virgo sign, considers herself very perfectionist and organized. And recently she became a partner in an R&D/TI firm. Julia works part time at office and part time at home, so she needs digital tools to help organize her work with her team and her master’s studies.

pain points Visual overload on interfaces

Difficulty using some system tools

:( monotonous and confusing layout

‘‘I like to organize my tasks well, and always be aware of what to do. I consider myself very organized and spend a lot of time on the computer, so my schedules have to be all digital.’’

2. Sketch & Ideate Branding

Sketches were made to visualize ideas of both the interface and the brand

To create the brand, I was inspired by the shapes of the bricks, fundamental components of the walls and menu bars of websites and mobile app. creating the idea of organization united to the concept and the history of the wall.

for a good part of my life as a student, I used post-its on the wall of my room to memorize content for exams, and then I started to use it to organize my chores and tasks.

As an adult, I still use post-its on walls to organize several important things in my daily life.

Wall Moodboard

The brand created

Wall

Wall

Images and visual compositions related to the main themes of the project were selected: walls with notes, interfaces with organzation and post-its in order to extract colors and style that convey the feeling in the photos

The colors were extracted from the images on the moodboard

3. Decide User Flow

Home/Welcome

log in

Priorization

In this step, a technique - Must have, should have and Nice to have - was used to define priorities and elements to include in the sketch interface

My tasks / list of tasks new user

Wall

MUST

enter

sing up

How to use it

Dashboard

kanban board

HAVE

SHOULD

HAVE

Dashboard

list of tasks

new task

calendar

user stories

task detail

kanban board

labels

Color key

Backlog check

Teams

My activities

user account

clean visual

responsive design

New board

Wall

calendar

Task details

10 Dezembro

NICE

New Task

key no question yes

text action button icon

type bar primary flow optional flow

charts

TO

HAVE Personalize Board

work load

Instructions

tasks timeline

stickers

Wall

Styleguide Colors &

PRIMARY

The interface is minimalist and clean with Orange as the main color Energetic and Friendly, Orange is used for highlighten choosen elements and CTA buttons, also works well with other pastel colored tones

typeface

FONT

Montserrat Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Xx Yy Zz

COLOR

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Xx Yy Zz #Ee7023

1 2 3 4 5 6 7 8 9 0

PALETTE

#F78A47

#FEFEFE

#F5F5F5

#525252

Wall

Prototype & Results Minimalist and clean interface with friendly colors and useful

50

hours of work

practical application of Design Sprint approach

Developed with

15

screens

Alef Vernon Evaluation Test

1

prototype

Hey U App U I U X

UI

PROJECT

HELP U App - User Interface Design Projeto fantasia desenvolvido para curso de UI Design, promovido pela instituição: Cellep.

O Objetivo do app é oferecer aos usuários profissionais capazes de realizar tarefas mecânicas e domésticas de urgência, como consertar o carro que ficou estancado ou ajeitar a geladeira.

SOFTWARES:

PROCESS: DESIGN SPRINT

Freezing Flame Game Design

MOBILE

GAME

FREEZING FLAME Jogo desenvolvido durante a Global Game Jam, na Samsung Ocean, envolvendo um time com ilustradores, designers e programadores, onde o objetivo era criar um jogo com um tema proposto. Foram utilizados os softwares: Adobe Photoshop, Illustrator & Unity Para acessar o jogo: https://globalgamejam.org/2018/games/freezing-ame

Minha função no time do projeto Design do Personagem e Ilustração dos backgrounds das telas + Pesquisas com usuários e público alvo am de conectá-los com o tema do game

Ouro Rosa Pattern Surface Design

OURO ROSA Iconograa Design Gráco

OURO ROSA

Projeto desenvolvido para criar elementos grácos minimalistas a partir de visuais icônicos de Manaus am de valorizar tais elementos da região. No OURO ROSA, a inspiração vem da fachada do Teatro Amazonas e sua arquitetura neo-clássica, dando origem ao módulo que compõe padrões visuais possíveis de ser aplicados em diversas plataformas, desde cabeçalhos para sites, até em decoração de sketchbooks e cadernos

FOTOGRAFIA

ELEMENTO DE DESTAQUE

VETORIZAÇÃO

MÓDULO CRIADO

Surface Design Iconography Pattern

Alef Vernon

PROJETO VISUAL

ONE COFFEE Layout Design UX Design

A One coffee é uma cafeteria manauara que inaugurou em 2016 e teve um grande sucesso devido aos sabores criativos no cardápio. Desde sua abertura foram desenvolvidos projetos visuais para campanhas online para atrair o público para o local através de posts com uma estética criativa para redes sociais onde mesclava a divulgação dos produtos e serviços do lugar com perguntas que faziam o

One Coffee Visual Project Design

PROJETO VISUAL

ONE COFFEE

Simultaneamente, foram desenvolvidas artes tipográcas e handletterings que faziam parte tanto dos objetos quanto do próprio local, com o objetivo de elevar ainda mais a experiência do usuário no Café, onde toda a estética visual criada para os elementos digitais da One Coffee, chegasse ao ambiente físico.

Minha função no Time do Projeto: Visitar o local e analisar os pontos onde os usuários mais possuam contato visual e elaborar grácos ou ilustrações que tornem essa experiência mais intensa com os critérios propostos pela One Coffee Criar conteúdo gráco para as plataformas online da marca.

Desenvolver Layout para a aplicação dos grácos e visuais criados para o conteúdo digital online da One Coffee

EEHC Sign Design Project

A Escola Estadual Humberto de Campos, localizada na cidade de Manaus, não possui sinalizações primárias nem secundárias, apenas as sinalizações de segurança. Por isto, foi feita uma pesquisa de campo no local e traçada as coordenadas para desenvolver os elementos visuais de todo o local.

SALAS DE AULAS CLASSROOMS

BANHEIROS BATHROOM

REFEITÓRIOS

DESIGN DE SINALIZAÇÃO

ESCOLA

DINNING HALL

HUMBERTO DE CAMPOS Design Gráco

BLOCO A

Sinalização P&D

A

DIRETORIA PRINCIPAL

SECRETARIA SECRETARY

SALA DOS PROFESSORES

PICTOGRAMAS

TEACHERS ROOM

Os pictogramas possuem formas arredondadas e simples para serem facilmente identicadas pelo público alvo em questão: crianças e 0 a 13 anos.

BLOCO B LABORATÓRIO DE CIÊNCIAS SCIENCE LAB

SALA DE INFORMÁTICA COMPUTER ROOM

B PADRÕES CROMÁTICOS As cores selecionadas seguem o padrão cromático utilizado na marca, com poucas alterações em sua composição visando tornar o contraste e o equilíbrio de cores ainda mais adequado. A tipograa é a que mais se adequa no círculo escolar infantil.

BIBLIOTECA LIBRARY

MODELAGEM

Thank You! Obrigado.