BARROS, Rodolfo Miranda de. Doutor em Engenharia Eltrica Universidade Estadual de Campinas rodolfo@uel.br BARROS, Vanessa Tavares de Oliveira.

. Mestre em Engenharia da Produo Universidade Federal de Santa Catarina vanessa@uel.br

MIRANDA, Alexandre Jorge De Bellis. Graduado em Design Grfico Universidade Estadual de Londrina alejorgemiranda@gmail.com CABOLA, Gabriel. Graduado em Design Grfico Universidade Estadual de Londrina gabrielcabola@msn.com

Introduo
Com a incluso digital aumentando no Brasil, a

internet est se consolidando como um grande agente de negcios de alto potencial, j apresentando resultados financeiros excelentes que vm seduzindo cada vez mais as empresas privadas nacionais.

O volume cada vez mais crescente de internautas

brasileiros movimentou, em 2005, 2,5 bilhes de reais somente no varejo on-line, de acordo com dados da empresa E-Bit (MENDES, 2007).

Introduo
Ainda pouco se discute sobre como os usurios

navegam e se esto satisfeitos com o manuseio das interfaces de websites de comrcio eletrnico.

O conceito chamado Webs Progressivas ou P-Webs,

desenvolvido por alguns dos maiores profissionais do mercado brasileiro e internacional, consiste em um fluxo com mais de 10 etapas, visando a melhoria de navegao e facilidade de uso destes sistemas.

Introduo
A usabilidade foi claramente identificada como um

diferencial cientfico e estratgico para o aumento de vendas, melhoria da experincia de uso, agindo indiretamente como agente de fidelizao de marca e de clientes. estudo de caso sobre a criao de um novo projeto de comrcio eletrnico no mercado nacional com base no modelo de gesto P-Webs.

Pretende-se por meio deste trabalho realizar um

Modelo de planejamento P-Web

Criar um projeto web utilizando uma metodologia P-

Web consiste em uma maior carga de planejamento do que execuo prtica.

Primeiramente, necessrio entender e compreender

todo o cenrio que se insere o projeto. Para isso, dever ser coletado o mximo de informaes sobre a empresa, produtos, concorrentes, pblico e mercado, unindo e analisando todas estas informaes sob um aspecto da internet.

Modelo de planejamento P-Web

Em segundo lugar, este planejamento deve ser capaz

de suprir todas as necessidades detectadas e objetivos estipulados. muito importante que isto seja realizado em fases sistemticas. Na prtica, isto consiste em criar prioridades para todos os aspectos tcnicos.

Com todas as fases, datas, prioridades e objetivos

definidos, as prximas fases ocorrem em um prazo menor, mais gil e automtico.

Modelo de planejamento P-Web

Aps a produo e lanamento do projeto, deve-se

realizar um severo e cuidadoso processo de medio de resultados, gerando relatrios que acarretaro em novas fontes de dados, formando um ciclo que garante a evoluo do projeto web (ALMEIDA; OLIVEIRA, 2002).

Sendo assim, pode-se definir o ciclo de um planejamento

P-Web em quatro fases principais, que sero dividas em quinze subfases na metodologia Moebius para ebusiness.

Figura 01. Ciclo de Vida de um Projeto P-Web Fonte: prpria

Metodologia Moebius para desenvolvimento de P-Webs

Os Key-Elements e Anlise de Cenrio
Os key-elements consistem na primeira fase e no incio do planejamento da metodologia Moebius para projetos web. a definio detalhada desses key-elements que iro definir as linhas e direes gerais para o projeto (ALMEIDA; OLIVEIRA, 2002):
Pblico-alvo (target): para quem se destina o projeto. Orientao ao consumidor: priorizao dos objetivos do usurio no site, como ele se comporta e quais os processos que ele est disposto ou quer atingir. Produto: produto, servio ou conceito que se deseja vender. Mercado: onde ocorre a captao de usurios. Concorrncia: concorrentes no ambiente web, seus pontos fortes e fracos e seu posicionamento.

Metodologia Moebius para desenvolvimento de P-Webs

Objetivos Montando a Estratgia
Estes objetivos so extremamente importantes, pois iro servir como guia e um documento para acompanhamento para que o foco estratgico definido inicialmente no se perca durante o processo de produo. Quanto mais clara estiver a descrio destes resultados, melhor ser o acompanhamento e o resultado. Os objetivos podem ser divididos em trs partes para uma melhor visualizao e entendimento: Objetivos do Negcio; Objetivos de Marketing e Comunicao; Objetivo de Retorno.

Metodologia Moebius para desenvolvimento de P-Webs

WebCore
o corao de qualquer projeto, onde todos os key-elements convergem em solues para o usurio. Para isso sero criados desenhos demonstrando o processo off-line e on-line percorrido pelo usurio, sendo necessria a criao dos Processos de Negcios Off-line. Em seguida, devem ser priorizados todos os Customer Goals (ou Metas do Usurio) no projeto, relacionando os key-elements com o Processo de Negcio Off-Line.

Metodologia Moebius para desenvolvimento de P-Webs

WebContext
Nesta fase do planejamento, os elementos de marketing e comunicao so os pontos chave para catalisar e aperfeioar o uso dos componentes do WebCore. Sendo assim, podemos definir trs pilares de sustentao para o WebContext: Contedo, Navegabilidade e WebDesign. Na rea de Design, esses trs elementos seriam classificados respectivamente como: Linguagem e Comportamento; Usabilidade e Ergonomia de IHC; e Produo Grfica do projeto Web.

Metodologia Moebius para desenvolvimento de P-Webs

Documentao e Desenvolvimento
Para a finalizao de todas as fases e o estabelecimento de uma documentao completa, faz-se necessrio um trabalho em conjunto com profissionais de Publicidade, Analistas de Sistemas, Engenheiros de Softwares e o prprio empreendedor do projeto.

Para o presente trabalho, ser apresentado o material gerado pela metodologia P-Web somente at a fase WebContext. Os passos desenvolvidos so suficientes para atingir os objetivos deste trabalho.

Estudo de Caso
Para verificar a eficincia e a eficcia desta metodologia, faz-se necessrio realizar um estudo de caso, que tratar do processo de concepo de um website de varejo de produtos alimentcios e comrcio de aparelhos e suplementos para pessoas portadoras de diabetes.

Levantamento de Dados
Foi levantado que a empresa proprietria do website proposto

tem como objetivo tornar-se a maior loja virtual de alimentos e produtos diet e light do Brasil, com uma estrutura logstica que possibilite o crescimento e atendimento a todo o pas.

Para isso, a empresa necessita de um projeto bem estruturado

com foco na expanso, sem perder suas propriedades bsicas como funcionalidade, simplicidade na arquitetura com foco na comunicao e linguagem que pode ser definida pelo perfil do pblico alvo e imagem a ser definida.

Objetivos
Objetivos do Negcio Site de comrcio eletrnico para vendas ao consumidor final de alimentos diet e light para clientes que tenham uma restrio alimentar ou uma filosofia alimentar saudvel, agregando o valor do servio de informao, variedade e atendimento personalizado. Dialogar com seus clientes e transmitir segurana e solidez do negcio ao mesmo tempo firmar o conceito de sade, bemestar e conforto. Utilizar dos servios e bom atendimento como diferencial para fidelizao dos clientes, facilitando a vida destes usurios e trazendo mais informaes e novos produtos e ajudando-os a superar as limitaes de uma restrio alimentar. Captar 3 mil clientes no primeiro ano, criar um relacionamento slido e confivel entre o cliente e a empresa, manter a captao de clientes a no mnimo 50% ao ano.
Quadro 1. Objetivos do website. Fonte: prpria.

Objetivos de Marketing e Comunicao

Objetivos de Retorno

WebCore

Quadro 2. Goals Priorizados Fonte: Prpria

WebContext
Nesta fase da metodologia, a utilizao do brainstorming e do

Guia de Estilo ser til para definies de conceitos do projeto grfico, linguagem e comunicao. No brainstorming, as palavras selecionadas em processo final foram: Felicidade; Vida; Sade; Bem-estar; Longevidade; Alimentao.

O Guia de Estilo determina o conceito da comunicao e cores

adequadas marca, pblico e objetivo do negcio.

WebContext

Figura 2. Guia de Estilo Fonte: prpria

Wireframes estruturais
Os wireframes so um rascunho da tela especfica que

posiciona a informao e a navegao, incluindo-se a agrupamento, ordem e hierarquia de contedo, pode se considerado um esqueleto organizacional sem a interferncia do projeto visual (MEMRIA, 2005).

Figura 3. Wireframe da Pgina inicial Fonte: prpria

Figura 4. Wireframe da Pgina de Departamento Fonte: prpria

Figura 5. Wireframe da Mini Cesta de Compras e Janela de Adio de Produtos Fonte: prpria

Figura 6. Wireframe da Pgina de Produto Fonte: prpria

Figura 7. Wireframe da Pgina Sua Loja Fonte: prpria

Conceito Final
A partir da definio destas fases inicias do planejamento

P-Web, devem-se definir os objetivos do projeto, objetivos da comunicao e conceito, metas de usurios, estudam-se o potencial competitivo em do processo on-line em relao o off-line e criam-se os wireframes estruturais das interfaces. A produo do produto final deve seguir esta documentao para que os resultados planejados ocorram com sucesso.

Figura 8. Pgina Inicial Fonte: prpria

Figura 9. Pgina de Departamento de Produtos Fonte: prpria

Figura 10. Janela de Adio na Cesta de compras Fonte: prpria

Figura 11. Mini Cesta de Compras Fonte: prpria

Concluso
Por meio deste trabalho constatou-se a eficincia e a eficcia do

modelo de planejamento P-Webs aplicado na metodologia Moebius. Sem esta importante ferramenta, torna-se muito mais complicada a construo de projetos que mantenham seus objetivos e conceitos como planejado.

O respeito ao usurio e a criao de ambientes virtuais

ergonomicamente projetados um dever do profissional de design, criando uma nova forma de relacionamento entre as pessoas e empresas, novas formas de realizar negcios, novas formas de apreender e compartilhar informao.

Bibliografia

ALMEIDA, Ricardo; OLIVEIRA, Marcelo. Mirando resultados: Uma metodologia para Planejamento e Gesto de Projetos de e-Business. Novatec, 2002. FELIPINI, Dailton. E-Commerce: aplicao mxima da internet. Disponvel em: <http://www.ecommerce.org.br/Artigos/ecomm erce_maxima.htm> Acesso em 03/04/2008. GARRETT, Jesse James. The Elements of user Experience: UserCenters Design for the Web. Indianapolis (Indiana), 2003, 2nd Ed. 189 p. KRUG, Steve. Don't Make Me Think: A Common Sense Approach to Web Usability. New Riders, 2000. MEMRIA, Felipe. Design para internet: projetando a experincia perfeita. Rio de Janeiro: Elsevier, 2005. MENDES, Marcos. O Comrcio Eletrnico no Brasil. Revista Cientfica da UFPA, Vol. 06, N 01, 2007. Disponvel em: http://www.cultura. ufpa.br/rcientifica/. MONTEIRO, Antnio. Escolha seu .com. 1 Edio. So Paulo: Brasport, 2005. WODTKE, Christina. Information Architecture: Blueprints for the Web. New Riders, 2002.