Anielle Casagrande

Designer web com experiência em usabilidade, arquitetura da informação, design responsivo e conhecimentos em HTML5, CSS3, jQuery, JavaScript. Formada em Design Gráfico pela UTFPR, cursando Engenharia da Computação na Universidade Positivo e Pós-graduação em Marketing na FAE.

jpg-1600-1669

APP Colégio Positivo

Já na primeira semana na empresa, foi iniciado este projeto. Foi um projeto longo e bem completo, no qual foi realizado um estudo complexo sobre o produto, incluindo testes com usuários etc. De acordo com os feedbacks dos usuários no período beta, foram feitos diversos ajustes para facilitar a interação, assim como diversas melhorias.

Também foi feito um painel para efetuar postagens no app, para o qual foram realizados design e arquitetura da informação.

Front-end

Atuando em frontend desde 2014, tenho conhecimentos sobre htm5, css3, responsividade, interação, php e javascript. Foi esta área do design web que me levou a cursar Engenharia da Computação, onde estou focando em Programação.

No último ano trabalhei diretamente com frotend e experiência do usuário, em diversos tipos de projetos. Um deles foi o design e frontend do totem com informações sobre a Universidade que ficou no shopping por muitos meses e todos os formulários usados no site, por exemplo para os concursos.

Além de estudos e melhorias em todos produtos web do Grupo Positivo, também fui a responsável pela criação e manutenção de todos os Blogs da Universidade. Nestes blogs há desde sites para cursos e eventos até projetos mais informativos, sobre sustentabilidade ou saúde, por exemplo. Assim adquiri conhecimentos ainda mais aprofundados sobre PHP e javascript.

Este é o blog criado para divulgar um evento realizado pela pós-graduação. Organizar todos os conteúdos de forma intuitiva e atrativa foi o desafio.


Aqui, um dos blogs que foi derivação de um extenso manual em PDF. Foi pensada uma forma de organizar tudo de forma que o usuário compreendesse que todo conteúdo do manual estava ali.

O maior desafio neste projeto foi organizar os conteúdos para que o aluno de uma modalidade pudesse navegar apenas nos conteúdos dessa modalidade, sem condundir-se com as outras, já que alguns conteúdos diferem. Para isso, foi criado um sub-menu visível, seguindo padrões de cores.


Neste caso, o problema era o usuário entender que todos os ícones eram na verdade botões, lembrando que às vezes alguns não estavam ativos para ele. Outro problema era que acaba virando uma tabela cansativa e confusa de navegar, que sequer funcionava no celular. A solução encontrada após três estudos, foi o uso de botões e separação dos concursos de maneira clara e organizada.

Antes e depois:


Para este projeto, foram analisadas as necessidades do RH do grupo presente na unidade Ecoville. Assim, foi feito um site com todas informações para os funcionários, com cardápio do refeitório atualizado, lista de ramais, documentos e dicas. Foram feitos design, arquitetura de informação e front-end.

Sites até 2015

Este foi um de meus primeiros sites. Trata-se de um hotsite que a pessoa acessa após receber um kit picnic, com uma cesta e diversos quitutes enviados pela agência de publicidade. Foi customizado totalmente o mapa e houve intenso aprendizado para saber aplicar a API do google maps. Veja Online


Este site foi produzido para uma empresa de turismo curitibana que precisava melhorar sua comunicação e ajudar os clientes a localizarem viagens compatíveis com seus perfis.


Abaixo estão duas telas do wireframe feito como proposta para uma empresa. Na ocasião foi feita uma proposta completa de redesign do site, buscando auxiliar a interação do usuário. Fiz muitos wireframes em 2014-2015.


Versões de sites responsivos feitos em 2013 como propostas para empresas curitibanas que já tinham sites, porém não eram responsivos.


Este hotsite foi criado para mostrar para o mercado que a agência onde trabalhei havia recebido muitos prêmios naquele ano. Para o primeiro abaixo, realizei o design além do front-end.


Estes foram alguns hotsites que realizei para facilitar a divulgação e captação de interessados em concursos desta empresa.

Blog pessoal

Comecei este blog em 2013, que foi o ano em que percebi que gostava mesmo de design web. Computadores e internet sempre foram parte da minha vida, afinal ainda criança eu fiz cursos de flash 4 e 5 e sempre tive sites. Desde 11 anos eu já tinha meu site, que eu mesma construi com html e css.

Os anos passaram, refiz todo o tema (design) do blog com um código limpíssimo e organizado feito do zero, o que me levou a conhecer muito bem php, html5, css3 e javascript. Comecei a ver os resultados de SEO na prática, com fotos boas com nomes e legendas bem feitas, refazendo todos permalinks (estrutura dos links) do blog e acompanhando os feedbacks pelo Google Webmaster Tools. O analytics virou meu aliado e comecei a taggear todos links do blog manualmente com javascript.

Recentemente realizei também um teste de usabilidade, pedindo para diversas pessoas que achassem certos conteúdos no meu blog. O menu antes era assim: Home – Livros – Filmes – Viagens – Quotidiano. Se a pessoa quisesse achar receitas, ou posts sobre a horta ou a reforma, ela estava perdida. Refiz toda estrutura do blog organizando o menu em áreas de interesse baseada nos meus públicos, que são muito diversificados. Estou muito satisfeita com tudo que aprendi com meu blog!

E-mails

A news da UP foi um dos primeiros projetos realizados na empresa. O e-mail anterior era confuso e ficava constantemente desalinhado. Para otimizar este e-mail, foram feitos diversos estudos e testes. O resultado final é um e-mail organizado por categorias em blocos, que conta também com uma versão responsiva. Exemplo online

Abaixo, o antigo e o novo:


Este e-mail foi feito com objetivo de fazer o usuário perceber a diminuição das árvores ao descer a barra de rolagem.


Em 2015 tive a oportunidade de criar várias campanhas para este hotel, incluindo identidade e todos desdobramentos.


Em 2013 realizei vários emails para este cliente, sendo que todos deveriam ter sua própria identidade e destacar fotos de animais diferenciados. Este foi meu primeiro contato com e-mails HTML, que aprendi a desenvolver com muita qualidade no ano posterior.


Exemplo de um dos muitos e-mails criados e montados para o Grupo Educacional.

Cartazes

Abaixo estão alguns dos cartazes que desenvolvi semanalmente para esta empresa. Os cartazes em voltados para todo os funcionários e eram afixados em diversos locais. A maioria foi desdobrada também como email.

Ilustração

Entre 2010 realizei, por 13 meses, um estágio na Editora Unificado. Foram feitas ilustrações manuais e vetoriais para vários fins, sendo a maioria para materiais apostilados do Unificado e escola Stella Maris.

Ilustrei todos os fundos para personagem para todas apostilas do stella maris, de 1 a 9 ano, cerca de 40 ilustrações por matéria por ano. No exemplo o vetor do personagem aplicado não é a imagem final, pois os personagens eram feitos por outra equipe.

Estas ilustrações foram feitas a mão com nanquin e lápis de cor. Elas foram feitas para um público adulto, do EJA unificado, por isso não tinham o apelo cartum colorido dos vetores.