Tiago Porto

++++ Interface/type/graphic designer

+++++++++++++++++Web developer

Tiago Porto Pereira

Belo Horizonte - MG - Brasil

tiago@tiagoporto.com

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

Dos tempos de Designer

Como desenvolvedor

Ainda em estudo

Cursos/atividades extracurriculares

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.

Ler todo o artigo

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.

Ler todo o artigo

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.

Veja a palestra

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

Fonte Saudade
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
Fonte Attitude
Tipografia display
Fonte Processual
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.
Fonte Scretch
Tipografia baseada em escrita manual.
Fonte Excited
Tipografia baseada em carimbos de stencil.
Fonte Pen-acho
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.