Tiago Porto
++++ Interface/type/graphic designer
+++++++++++++++++Web developer
Formação
Especialista em Desenvolvimento de sistemas para Web pela PUC-MG "Pontifícia Universidade Católica de Minas Gerais", agosto de 2014.
Bacharel em Design Gráfico pela UEMG "Universidade do Estado de Minas Gerais", dezembro de 2007.
Experiência Profissional
- Grupo Anima de Educação
- Cargo: Analista Pleno
- Atividades executadas: Criação e desenvolvimento de interfaces e sistemas Web e templates para plataforma Moodle.
- Período: Outubro de 2013 até Setembro de 2014.
- Escola Franco Européia de Comunicação (EFEC)
- Cargo: Instrutor de Computação Gráfica.
- Atividades executadas: Aulas de Photoshop, Illustrator , Indesign, Produção Gráfica e Tipografia.
- Período: Março de 2012 até Maio de 2013.
- Agência Penta
- Cargo: Coordenador de produção (EAD).
- Atividades executadas: Coordenação da equipe de educação à distância, suporte técnico e acompanhamento de projeto.
- Período: Maio de 2011 até Junho de 2012.
- Cargo: Programador Flash e Web (Front-End).
- Atividades executadas: Desenvolvimento de Cursos de Educação à Distância e Web Sites usando as tecnologias Flash/Actionscript 2.0, Moodle, HTML, CSS, Javascript e PHP.
- Período: Novembro de 2010 até Julho de 2012.
- Editora Fapi
- Cargo: Designer Pleno.
- Atividades executadas: Criação e diagramação de livros e material paradidático, desenvolvimento de mídia digital (CD-Rom).
- Período: Outubro de 2008 até Novembro de 2010.
- Editora DRP - Bernoulli
- Cargo: Designer.
- Atividades executadas: Diagramação, ilustração e projeto tipográfico na criação de material didático.
- Período: Maio de 2007 até Março de 2008
- Centro DESIGN - Escola de Design - UEMG(Universidade do estado de Minas Gerais)
- Cargo: Estagiário.
- Atividades executadas: Design gráfico e digitalização de fontes.
- Período: Agosto de 2006 até Maio 2007.
Perfil
Organizado • Eficiente • Prático • Responsável • Extrovertido • Calmo • Controlado • Cuidadoso • Empenhado • Autodidata • De Fácil Convívio e Adaptação
Interesses
Design • Tipografia • Fotografia • Tecnologia • Programação • Computadores • 3D • Filmes • Música • Animação • Literatura • Atualidades • Viagens • Culturas Estrangeiras • Línguas • História • Finanças • Direito
Habilidades e Conhecimentos
- Inglês - Nível Intermediário.
- Espanhol - Nível Básico
- Francês - Nível Básico.
Dos tempos de Designer
- Criação e manipulação de imagens vetoriais e/ou bitmap com Adobe Photoshop e Adobe Illustrator.
- Tratamento de fotos com Adobe Photoshop Lightroom.
- Criação e diagramação de mídia impressa (livros, revistas...) e/ou digital (e-books, apresentações...) com Adobe InDesign.
- Criação de peças digitais (banners, CD-ROM, EAD...) e animações com Adobe Flash Professional utilizando a linguagem.
- Criação de demos/tutorias multimídia para aplicativos com a ferramenta Adobe Captivate.
- Edição de vídeos no Adobe Premiere.
- Edição e manipulação de áudio com Adobe Audition.
- Autoração de DVDs, Blu-Rays com menu no Adobe Encore.
- Criação de fontes digitais com FontLab Studio utilizando programação Open Type.
- Criação de layouts para web com Adobe Fireworks e Edge Reflow.
Como desenvolvedor
- Editor Sublime Text.
- Desenvolvimento híbrido para dispositivos móveis com Ionic.
- Automatização de tarefas com Gulp.js.
- Folhas de estilos dinâmicas com SASS e Stylus.
- Responsive Design com Media Queries.
- Customização de CMS (Content Management Systems) Wordpress.
- Utilização da plataforma Moodle para e-learning.
- Controle de versão SVN ou GIT.
- Formatação de dados com XML(eXtensible Markup Language).
- Web Semântica.
- SEO (Search Engine Optimization).
- Usabilidade e Acessibilidade Web.
- Design Centrado no Usuário.
- Otimização de performance.
Ainda em estudo
- Framework Angular.js
- Framework para desenvolvimento Web em PHP Laravel.
Cursos/atividades extracurriculares
- Workshop "Android for Dummies"
- Front In BH - 2014
- Palestra Encontro ADG Tema "Tipografia" com Fábio Lopez.
- Workshop "Tipocracia" com Henrique Nardi.
- Workshop "Design de Tipos" com Fábio Haag.
- Workshop "Kaligraphós" com Cláudio Gil.
- Workshop "Open Type" com Eduardo Omine.
- Workshop "Tipografia" na Tipografia Matias.
- Photoshop - Senac.
- Caligrafia Artística - Senac.
- Fotografia cor - Techimage.
- Treinamento de Liderança - Insoft.
- Línguas Sânscrito e Mandarim - UFMG.
- Palestra Pintura Digital com Ricardo PageMaker.
Artigos
Engenharia Web: estado da arte e comparativo com a engenharia de software convencional
A crescente utilização da Internet e consequentemente da Web começa a transformar o mercado dos sistemas de informação. Entretanto, a capacidade de gerir e planejar estes sistemas cada vez maiores e mais complexos não acompanha este crescimento. Percebe-se que ainda não há, na maioria das vezes, um processo bem definido e organizado, sendo o modelo ad hoc o mais utilizado. Portanto, faz-se necessária a criação de uma disciplina que possa atender às características específicas das aplicações baseadas na Web, a Engenharia Web (WebE). Neste artigo a engenharia e as características das aplicações Web são discutidas através de uma revisão de literatura, além disso, um comparativo com a Engenharia de Software convencional e a WebE também é apresentado.
A potencialização tipográfica com a expansão das Web Fonts e a contínua responsabilidade do designer de interface nesse contexto
A evolução da Web trouxe cada vez mais ferramentas e soluções para um elaborado desenvolvimento de Websites. Artifícios técnicos criados por desenvolvedores Web para a produção do layout, objetivando atingir o resultado tipográfico desejado, já passam a ser obsoletos devido à implementação de novos recursos. O principal deles, as Web Fonts – suporte nativo para a utilização de fontes externas –, amplia o uso de fontes tipográficas para além das já conhecidas Web Safe Fonts. As Web Fonts já se tornaram elemento primordial ao layout das novas gerações de Websites e dão ao designer de interface a livre escolha para uma seleção tipográfica adequada ao projeto, não deixando de lado a importante premissa de cumprir com os requisitos básicos, entre eles, leiturabilidade e legibilidade, tendo em mente as mais variadas plataformas de acesso e público-alvo. Essa responsabilidade requer que o designer de interface continue a aprimorar seus estudos tipográficos e domine seus recursos técnicos no ambiente digital. Este trabalho tem o foco na tipografia como elemento primordial à comunicação, seu contexto histórico e evolução pelo meio digital até o ambiente Web, analisando as novas melhorias técnicas e o impacto visual gerado para o usuário que utiliza as aplicações Web em seu dia a dia. Dialoga-se diretamente com o designer de interface, mostrando como sua escolha precisa ser apurada e seguida por preceitos já antes estudados e abrindo caminho para um novo uso da tipografia digital.
Palestras
Aplicativos Híbridos com Ionic. Você também pode começar a desenvolver agora!
Um incentivo para quem quer começar a desenvolver para dispositivos móveis utilizando o Framework Ioni.
Outros
Com mais um parceiro criou a "dois de um - soluções web", empresa virtual para captação de freelancers.
Com o hobbie fotográfico cada vez maior, publica as fotos em: ..:: www.flickr.com/tiago_porto ::..
Fotografia Profeta selecionada no I CONCURSO NACIONAL DE FOTOGRAFIA DE MINAS GERAIS.
Fundador da Font Foundry Letra Um, distribuidora on-line de fontes digitais. ..:: www.myfonts.com/foundry/letra_Um ::..
Aula ministrada na Universidade do Estado de Minas Gerais na unidade da Escola de Design, junto ao professor Sérgio Lemos no dia 28 de agosto de 2008.
Tema: Tipografia: Criação e desenvolvimento de fontes digitais.
Consultoria em design pelo Sebrae (Clínica Tecnológica) na feira do empreendedor 2008.
Bolsa de Pesquisa e Extensão da UEMG com o Projeto "Tipos de Minas".
Orientado pela professora Cláudia Terezina Teixeira de Almeida.
Período: Abril a Setembro de 2007.
Membro do NUTI (Núcleo de Tipografia) da UEMG - 2007.
Portfolio
Web
- Aplicativo Congresso Brasileiro de Coluna 2015
- Aplicativo híbrido desenvolvido com Ionic.
- Play Store e Apple Store
- Swill Boilerplate
- Boilerplate para desenvolvimento Web com Gulp.js
- accessibility-buttons - Bower package
- Componente para botões de acessibilidade - contraste e tamanho da fonte.
- Gerador e validador de CPF
- Ferramenta para gerar, validar e formatar CPF em JS
- www.loctest.com.br
- Trabalho Executado: Layout + HTML + CSS + JS + Customização Wordpress
- Cliente: Loctest - Laboratório de Geotecnia
- www.geoestavel.com.br
- Trabalho Executado: HTML + CSS + JS
- Cliente: Geoestável - Consultoria e Projetos
- www.festivalnomade.com.br
- Trabalho Executado: Layout + HTML + CSS + Customização Wordpress
- Cliente: Festival Nômade
- Identidade Visual: Voltz Design
- www.radio.pacopigalle.com.br
- Trabalho Executado: Layout + HTML + CSS + JS
- Cliente: Rádio Paco Pigalle
- www.emkt.doisdeum.com.br
- Trabalho Executado: Layout + HTML + CSS + JS
- Cliente: 2de1
- Newsletter Natal 2008
- Trabalho Executado: Newsletter + Gif Animado
- Cliente: Editora Fapi
- Layout: Taisa Siqueira
- Ilustração: Márcio L. Castro
- www.communicatio.com.br
- Trabalho Executado: HTML + CSS
- Cliente: Communicatio
- Layout: Communicatio
Flash
- Demo EAD Coca-Cola
- Trabalho Executado: Montagem + Interação
- Cliente: Demo Coca-coca
- Empresa: Agência Penta
- Demo EAD Faber-Castell
- Trabalho Executado: Montagem + Interação
- Cliente: Demo Faber-Castell
- Empresa: Agência Penta
- Demo EAD Ingleza
- Trabalho Executado: Montagem + Interação
- Cliente: Demo Ingleza
- Empresa: Agência Penta
- CD-ROM No Mundo Da Aprendizagem
- Trabalho Executado: Layout + Montagem + Animação
- Cliente: Editora Fapi
- Ilustração: Márcio L. Castro
- CD-ROM De Olho Em Ciências
- Trabalho Executado: Layout + Montagem + Animação
- Cliente: Editora Fapi
- CD-ROM Bem-Me-Quer
- Trabalho Executado: Montagem + Animação
- Cliente: Editora Fapi
- Ilustração: Márcio L. Castro
- CD-ROM Fique Ligado
- Trabalho Executado: Layout + Montagem + Animação
- Cliente: Editora Fapi
- Ilustração: Márcio L. Castro
- CD-ROM Viagem Pelo Saber
- Trabalho Executado: Montagem + Animação
- Cliente: Editora Fapi
- Ilustração: Rita de Souza
- Dalkia Teaser
- Trabalho Executado: Animação
- Cliente: Dalkia
- Layout: Percepções - Oficina De Comunicação
- Dalkia Convite
- Trabalho Executado: Animação
- Cliente: Dalkia
- Layout: Percepções - Oficina De Comunicação
- Manual em Vídeo
- Trabalho Executado: Captação de vídeo + Adobe Flex + ActionScript
- Cliente: Geoestável - Consultoria e Projetos
Tipografia
- Projeto de graduação do Curso de Design Gráfico da UEMG(Universidade do Estado De Minas Gerais) 2007 - Veja apresentação
- Material escrito - Leia
- Tipografia display
- Tipografia display
- Tipografia baseada em poemas processo, feita para ter leitura rotacionada à 180°, 2006
- Família composta por 10 pesos, projeto comercializado no myfonts.
- Criação de Vicente Pessôa, Tiago Porto e Zed Martins
- Projeto apresentado no R design de Belo Horizonte 2006
- N design Florianópolis 2007
- Selecionada na Bienal Tipos Latinos 2008.
- Tipografia baseada em escrita manual.
- Tipografia baseada em carimbos de stencil.
- Tipografia baseada em caligrafia manuscrita com pena chata
Vídeos
- Vídeo promocional desenvolvido para a edição do Festival Nômade 2013.
- Vídeo desenvolvido para fundo de menu de DVD.
- Video poema "O erro irrisório enriquece o repertório" (Bruno Brum)
- Criadores: Bruno Martins, Tiago Porto e Vitor Leal.
- Participou da 7ª Mostra de Imagens em Movimento 2007, Belo Horizonte MG, Brasil
- Criadores: Vitor Leal, Tiago Porto e Bruno Martins.
- Animação em pixilation
- Criadores: Bruno Martins, Tiago Porto e Vitor Leal.
- Participou da 7ª Mostra de Imagens em Movimento 2007, Belo Horizonte MG, Brasil.
- Animação em Stop motion
- Participou da 7ª Mostra de Imagens em Movimento 2007, Belo Horizonte MG, Brasil
- Criadores: Bruno Martins, Tiago Porto e Vitor Leal
- Animação usando a técnica do flipbook.