Entrar no mercado de trabalho sempre fui algo bastante complicado para os que ingressam. A experiência não é um dos melhores “trunfos” para convencer alguém do quanto você é capaz. É nessas horas que vale usar de suas melhores qualidades e fazer um bom portfolio correspondente com o que você quer passar, com a sua visão.

Com a ajuda da tecnologia e a exigência dos meios digitais, não basta mais ter seus trabalhos impressos. Se souber aproveitar muito bem as facilidades disponíveis o portfolio digital tem a possibilidade de trazer bons resultados profissionais.

Me encontro justamente nessa etapa: a elaboração do portfolio. Em busca de algo mais expressivo tenho feito algumas pesquisas relacionadas ao tema e encontrei textos bastante interessantes que valem a pena repassar.

Portfolio Digital, por Cezar Calligaris

Manual do Estagiário, por Eugênio Mohallem

Na aula do dia 4 de junho para a atividade acadêmica “Elementos Visuais”, com a professora Letícia Rosa, a turma 2008 teve uma proposta a realizar: transformar letras em desenhos. Essa proposta foi criada a partir da animação em flash do site: http://www.bemboszoo.com/Bembo.swf.

Apesar de trabalhosa, foi uma tarefa muito interessante de fazer, por isso decidi colocar no blog. O quanto podemos ser criativos até mesmo com a junção de elementos tão simples.

Abaixo minhas “criações”.

Elaboração de páginas internas (Wireframes)

Mais uma etapa a ser desenvolvida: a parte de arquitetura de informação que conta com a construção de wireframes, ou seja, o esboço estrutural de interface. Segue abaixo a imagem de meu primeiro “rascunho” demostrando o posicionamento do conteúdo, menu, categorias, etc.

SiteMap

Durante a conversa com o professor Daniel Bittencourt, orientador da atividade acadêmica, discutimos sobre todas as idéias que já elaborei até agora e chegamos à conclusão que a da interface com estrela poderia ser uma boa opção se eu conseguir torná-la menos estática. Refere-se a uma interface que demonstra dinamismo e atualização. Entretanto, de acordo com o professor, é necessário que se primeiro funcionamento do site antes de desenvolver o projeto de interface, isso é mais fácil adaptar a interface ao planejamento de funções e conteúdos do que o contrário.

O planejamento funcional do site é chamado de sitemap que consiste em representar todos os caminhos e funções que o usuário poderá percorrer pelo site. O meu sitemap foi feito a partir do site Gliffy , uma ferramenta de caráter web 2.0 que facilita bastante a criação de tal.

Abaixo o mapa do site em sua primeira versões.

Elaboração do conceito

A criação desse produto final, que é o site pessoal, deve ser embasada em um conceito. Para tal selecionei várias palavras e expressões que representam meus objetivos, características e itens que gostaria que pertencessem ao site.

• clareza
• facilidade de uso
• visualmente agradável
• alegre
• vídeos
• perfil
• imagens
• cores
• objetos
• formas
• menu estático (sem mover-se com o restante da página)
• menu na parte superior
• outros itens na parte esquerda (”eu virtuais”)
• contato
• parte para comentário
• organização
• objetividade

Planejamento: Demanda/ definição da estratégia e Benchmark

Durante a aula de Desenvolvimento de Produto I o professor Marcos Nähr, orientador dessa atividade acadêmica, falou à turma como os conceitos do design podem ser relacionados ao desenvolvimento de um website, neste caso nosso produto final.

Mostrou-nos diversas metodologias que podem ser seguidas para que se tenha um planejamento mais satisfatório e com melhores resultados. Como primeiros itens cita-se: Demanda/ Definição da estratégia e Benchmark.

Começando pelo primeiro item, devo analisar qual o público-alvo do site e quais objetivos quero alcançar com tal. O público-alvo refere-se a pessoas que tenham algum interesse na área de comunicação digital e do meu ciclo de relacionamentos. O objetivo do meu site pessoal é poder mostrar um pouco do que aprendo com o curso, demonstrando meu progresso e minhas habilidades. Este objetivo deverá ser alcançado através de um produto de interface simples e objetiva, com itens claros e visualmente alegre e atraente. Outro ponto que deve constar em meu portifólio será um sistema de busca interno para que o usuário tenha mais controle e se localize mais facilmente no conteúdo oferecido.

COMPARAÇÃO

Google.com

Aspectos positivos: A comparação com o site Google se refere a objetividade exercida por tal. O logo apresenta-se constantemente adaptado às datas comemorativas, tornando-o visualmente alegre.

Aspectos negativos: A simplicidade é bastante característica de um buscador, mas no caso de um site portifólio deveria ser mais atraente, pois não teria visitas tão constantes pela mesma pessoa quanto o Google.

Usabilidoido

Aspecto positivo: Apresenta no portifólio um sistema de busca interno.

Aspecto negativo: O conteúdo não está bem demarcado e classificado dificultando a compreensão de organoização.

Minha Turminha

Aspectos positivos: Os usuário do site têm um enfoque especial, mas pode atrair outros que não sejam do mesmo “ramo”. Sua linguagem condiz com o público que deseja atrair.

Aspectos negativos: A interface tem elementos indicativos do enfoque, mas poderia ser mas atraente, ainda mais se tratanto de público infantil. Elementos de participação efetiva do usuário talvez proporcionassem mais satisfação.

Enter Comunicação

Aspectos positivos: Este é um dos sites que mais se enquadram nos meus objetivos. Apresenta uma interface muito atraente, clara, objetiva e alegre. Consegue cativar os usuários, mas ao mesmo tempo não perde o foco do conteúdo proposto. Seus objetivos estão de acordo com a proposta de trabalho da empresa.

Aspectos negativos: Na primeira vez que entra-se no site atrai muito a animação do bonequiho, mas as próximas vezes esta acaba prejudicando, pois não permite o acesso imediato ao conteúdo. Deveria haver um item “pular introdução” para que fosse mais eficaz.

Em busca de um caminho

Falar sobre nós mesmos pode ser difícil, ainda mais quando temos que nos representar através de uma produção própria. Quando tratamos com o cliente mais difícil que já tivemos: nós mesmos.

Continuo nessa complexa jornada em busca de um caminho seguro, um caminho que me identifique, um caminho de certezas, de idéias e de satisfação. Estou tentando várias possibilidades, progredindo e ampliando planos para que finalmente eu encontre algo que me convença como cliente, como aluna e como quem sou.

Minha idéia inicial não correspondeu a meus objetivos. Então parto dos mesmos princípios de clareza, objetividade, alegria, etc. A estrela continua como objeto ilustrativo, entretanto busco algo ainda mais representativo de minha personalidade e mais atraente para o usuário.

Sugestões e críticas ainda valem.

Primeiras idéias e metas

Como primeira passo para a elaboração do produto final foi orientado que trouxéssemos idéias pré-formuladas com nossos objetivos para o produto, tanto funcionais quanto estéticas.

Como metas para meu site estabeleci que ele deveria ser simples, prático, funcional, agradável visualmente, com cores alegres (verde, amarelo, rosa, laranja, azul fraco) e preferencialmente fundo branco. Escolhi a estrela como objeto ilustrativo.

Minha idéia inicial se tratava de uma estrela, com cores ainda não escolhidas, onde cada ponta representaria uma sessão do site, ou seja a estrela funcionaria, além de objeto decorativo, como menu. Ela teria todos os seus lados iguais, possibilitando giros de 360º sem modificações na imagem. Assim, o menu-estrela ficaria constantemente girando até que o cursor se aproximasse.

Antes de aparecer a estrela principal no centro, viriam estrelinhas menores piscando enquanto a página é carregada e ocupando o restante da tela. Este pensamento se refere a homepage do site.

As demais seriam mais simples, apenas com a estrela de tamanho reduzido no canto superior esquerdo. O restante seria dedicado ao conteúdo do site de acordo com a sessão do menu escolhida.

Entretanto, conversando com os professores orientadores pude perceber que meu propósito estava se encaminhando mais para o lado pessoal do que professional. A partir disso estou reformulando minha idéia de produto. Idéias serão sempre bem-vindas.

O curso de Comunicação Digital, diferentemente dos outros cursos, não é formado por semestres, mas sim, por trimestres seguidos de bimestres. Nos trimestres são passados aos alunos conhecimentos fundamentalmente teóricos para que no bimestre seja realizada a prática.

A prática se constitui de um produto embasado nos conhecimentos adquiridos no período anterior e nas atividades acadêmicas que se está realizando. Cada bimestre tem um enfoque próprio para a realização de tal produto.

Neste primeiro semestre, iniciado esta semana, o produto refere-se a um site pessoal que acompanhará os alunos por todo curso e funcionará também como portifólio. É fruto, principalmente, da atividade acadêmica “Desenvolvimento de Produto I”, orientada pelos professores: Daniel Bittencourt e Marcos Nähr

Acompanhando o desenvolvimento de meu portifólio criei esta categoria (Diário de bordo) que contará com diversos posts relatando os acontecimentos e progressos, assim como idéias e rascunhos sobre o andamento do produto.

Como exemplos, trago os produtos realizados pelas turmas anteriores, acessando o site do curso na sessão: Produção dos alunos.

Apresentação sobre a Escola Bauhaus para a atividade acadêmica Inglês I.

Gabriela Steigleder e Clarice Copstein