Voltar

Construção do site para o Pipeflow

Overview

O Pipeflow é um ecossistema completo com módulos que permitem ao empresário que deseja abrir um e-commerce vender, lucrar, administrar e obter vantagens totalmente alinhadas com a sua empresa.

Atuação

Meu papel como designer foi alinhar as expectativas com o stakeholder, buscar referências para o projeto, desenvolver o styleguide, desenhar a interface do site web e mobile e entregar ao time de desenvolvimento.

Voltar

Construção do site para o Pipeflow

Overview

O Pipeflow é um ecossistema completo com módulos que permitem ao empresário que deseja abrir um e-commerce vender, lucrar, administrar e obter vantagens totalmente alinhadas com a sua empresa.

Atuação

Objetivo

O objetivo do projeto é posicionar o Pipeflow na internet, um ecossistema novo desenvolvido pela agência Postali de Rio Claro.

Mostrar quem é o Pipeflow e principais diferenciais para o cliente;
Listar com clareza os módulos do Pipeflow e permitir que o cliente possa se tornar um lead com facilidade;
Destacar as funcionalidades do ecossistema;
Traduzir o posicionamento em um site responsivo, moderno, clean e intuitivo.

Processos

Para a construção do site do Pipeflow, foram seguidos esses processos:

Alinhamento com Stakeholder: Conversei com o dono da agência Postali para entender as expectativas para o projeto, como deveria ser o design, quais os principais concorrentes e o que era essencial no design;
Análise de concorrentes: Analisei os concorrentes do Pipeflow para entender boas práticas no setor e encontrar diferenciais para o projeto;
Busca de referências visuais: Foi feito uma busca de referências visuais de concorrentes diretos e indiretos para criação do design;
Definição do styleguide: Conforme o padrão e manual da marca desenvolvido
Criação da interface web e mobile: Garantindo responsividade no projeto.

Para a construção do site do Pipeflow, foram seguidos esses processos:

Alinhamento com Stakeholder: conversei com o dono da agência Postali para entender as expectativas para o projeto, como deveria ser o design, quais os principais concorrentes e o que era essencial no design;
Análise de concorrentes: analisei os concorrentes do Pipeflow para entender boas práticas no setor e encontrar diferenciais para o projeto;
Busca de referências visuais: foi feito uma busca de referências visuais de concorrentes diretos e indiretos para criação do design;
Definição do styleguide: conforme o padrão e manual da marca desenvolvido
Criação da interface web e mobile: garantindo responsividade no projeto.

Para a construção do site do Pipeflow, foram seguidos esses processos:

Alinhamento com Stakeholder: conversei com o dono da agência Postali para entender as expectativas para o projeto, como deveria ser o design, quais os principais concorrentes e o que era essencial no design;
Análise de concorrentes: analisei os concorrentes do Pipeflow para entender boas práticas no setor e encontrar diferenciais para o projeto;
Busca de referências visuais: foi feito uma busca de referências visuais de concorrentes diretos e indiretos para criação do design;
Definição do styleguide: conforme o padrão e manual da marca desenvolvido
Criação da interface web e mobile: garantindo responsividade no projeto.

Para a construção do site do Pipeflow, foram seguidos esses processos:

Alinhamento com Stakeholder: conversei com o dono da agência Postali para entender as expectativas para o projeto, como deveria ser o design, quais os principais concorrentes e o que era essencial no design;
Análise de concorrentes: analisei os concorrentes do Pipeflow para entender boas práticas no setor e encontrar diferenciais para o projeto;
Busca de referências visuais: foi feito uma busca de referências visuais de concorrentes diretos e indiretos para criação do design;
Definição do styleguide: conforme o padrão e manual da marca desenvolvido
Criação da interface web e mobile: garantindo responsividade no projeto.

Solução

Layout moderno e limpo: O layout do projeto foi desenvolvido de forma moderna e clean, respeitando a identidade visual e utilizando a marca ao longo do projeto.
Formulário destacado: Nas páginas internas sobre os módulos do Pipeflow, o formulário ganhou destaque com o objetivo de gerar mais leads.
Layout escalável: Para facilitar novos desenvolvimentos de módulo e para o time de programação, as páginas internas foram pensadas em formato de template, de forma a ser fácil a substituição de conteúdo e imagens.

Layout responsivo

O site foi entregue também adaptado a versão mobile, para facilitar o desenvolvimento do time e garantir que o projeto atenda às melhores praticas de usabilidade para celulares.

in/michelpercegaroli

michel.percegaroli@gmail.com