Edir Pedro

Web Designer & Developer

Esta é uma seleção de trabalhos & estudos
realizados em minha carreira
como profissional de web

Conceição Bem casados

Programação de Front-End

O conceito deste projeto era o de uma interface com as qualidades do Flash mas feito inteiramente com HTML, em um layout líquido, que se adequa a resolução do monitor do usuário. Para isso foi desenvolvido um framework de navegação em Ajax e diversos scripts para as animações presentes em cada página deste site. Aqui também foi dada atenção ao acesso através de dispositivos móveis como o iPad.

Produzido para agência Pic em 2011, utilizados recursos como jQuery, Ajax, XHTML, CSS e foram criadas diversas animações em Javascript.

Visite o site

Royal Music

Estruturação interna, layout da tv e artistas e programação

Projeto de renovação do site desta distribuidora de equipamentos e acessórios musicais. Minha responsabilidade foi a de construir o tema e suporte para as funções do site. Destaque para a Royal TV, totalmente moderna e interativa.

Produzido para Marcelo Graciolli em 2011, com base WordPress, possui área restrita, filtros na busca, TV com navegação totalmente em Ajax, codificação usando jQuery, PHP, XHTML e CSS.

Visite o site

Musical Express

Estruturação interna e programação de tema WordPress

O projeto para esta distribuidora de acessórios para instrumentos musicais durou 20 meses e conta com 12 hotsites que podem ser acessados pelo portal, seu foco era para a divulgação das marcas exclusivas e seus produtos. Foram desenvolvidos plugins para auxiliar na inserção do conteúdo, migração do banco de dados dos produtos e com o uso do plugin Gravity Forms, foi criado uma ferramenta para criar as pesquisas promocionais, com integração do cadastro dos participantes na plataforma do WordPress.

Produzido para Marcelo Graciolli em 2011, com base WordPress Network, uso do plugin Gravity Form, codificação usando jQuery, PHP, XHTML e CSS.

Visite o site

Kinomeia

Programação de Front-End

No projeto desta startup ouve um cuidado grande com o layout e as formas de navegação do site. Foi elaborada uma animação para o movimento dos vídeos na página inicial, junto com mais duas outras formas de visualização da lista de vídeos. Também criado um modal para mensagens e ações da ferramenta e um layout de formulário caprichado.

Produzido para agência Pic em 2012, usando muitos recursos de JavaScript e jQuery para cada mínimo detalhe, XHTML e CSS.

Visite o site

AHPAS

Usabilidade e arquitetura, layout e programação WordPress

Este projeto de uma instituição apoiada pela empresa Pic foi desenvolvido pela equipe de interface, 3 profissionais incluindo eu ficaram encarregados de desenvolver a arquitetura de informação, usabilidade e elaboração do layout. Concluída esta etapa eu passei para a programação completa do site em plataforma WordPress, construindo todos os recursos colocados no projeto.

Produzido para agência Pic em 2012, montado como tema para a plataforma WordPress.

Visite o site

Metrus

Programação de Front-End

O projeto de re-design do site deste instituto foi complexo e envolvia o trabalho da agência e interno do cliente. Diversos detalhes visuais, animações e scripts foram criados para dar mais modernidade ao site. Foi dada uma atenção a mais para a documentação do projeto que ia sendo atualizada durante a produção. Um modelo de formulário, de páginas, tipografia e design patterns estão disponíveis para os desenvolvedores a realizarem manutenção no site.

Produzido para agência Pic em 2013, codificado em HTML5 e CSS3, usando jQuery e jQuery UI.

Visite o site

Touratech

Adaptações na plataforma OpenCart

Nesta loja foram elaboradas algumas intervenções na plataforma de ecommerce OpenCart. A página de produtos foi completamente reformulada, diversos detalhes visuais como o carrinho de compra, vídeos, página das categorias, adição de um quarto nível no menu, entre outros foram executados nesta ferramenta.

Produzido para Marcelo Graciolli em 2012, codificação em PHP, HTML, jQuery e CSS.

Visite o site

Vagas Inclusivas

Programação de Front-End com foco para deficientes

O site é um cadastro de currículos e vagas exclusivos para deficientes, por isso foi dada uma atenção dobrada para as questões de acessibilidade. Cada página e ferramenta do site passou por testes de acessibilidade e por aplicativos específicos. Os formulários foram dotados de recursos para assegurar seu uso mesmo com o JavaScript desligado.

Produzido para agência Pic em 2011, usando PHP, JavaScript, HTMl e CSS.

Visite o site

WDC Networks

Usabilidade, Layout e tema para WordPress

Na primeira etapa deste projeto foi elaborado o layout das páginas internas seguindo o layout criado pela designer. A programação inicial foi terceirizada. Nas manutenções foram criados diversos recursos e seções seguindo o modelo de programação da empresa que iniciou. Na versão mobile o foco foi para a navegação pelos produtos. Foi desenvolvido a documentação do estudo de navegação, layout e a construção final do tema para WordPress que roda acima do principal. Adicionado suporte para telas de alta densidade e construído o script do menu de navegação.

Produzido para Agência Pic em 2012, construído em WordPress com PHP, jQuery, XHTML e CSS.

Visite o site

Você Imobiliária

Produção de HTML para versão mobile

Projeto rápido para montagem de uma versão mobile onde foram utilizados recursos de Media Queries para ajustar o layout aos tamanhos variados de tela dos dispositivos móveis.

Produzido para Agência Pic em 2011, ferramentas utilizadas como jQuery, Media Queries, XHTML e CSS.

Visite o site