Etapa 1: Sistema de gerenciamento de landing pages
Etapa 2: Customização de Landing Page
Etapa 1
Sistema de gerenciamento de landing pages
Será desenvolvido um sistema de gerenciamento no Figma que permitirá aos designers a rápida construção e customização da estrutura das landing pages. Esse sistema funcionará como um design system onde haverá um repositório de seções pré estruturadas que serão usadas como componentes para a construção das estruturas das landing pages.
Essas seções serão compostas por conteúdos variados, como:
Imagem de capa
Título da página
Texto com 1 coluna
Texto com 2 colunas
Texto com 3 colunas
Imagem simples
Imagem + Texto
Imagem + Produtos
Vitrine de produtos variadas
Entre outros que serão identificados na etapa de exploração do produto
As seções serão facilmente customizadas através do recurso de Strings e Image Replacement do Figma, permitindo uma customização ágil de protótipos para validação e aprovação antes da implantação em ambiente de produção.
A etapa 1 será constituida das seguintes atividades:
Discovery & Research - exploração inicial do produto com o intuito de esclarecer às dúvidas relacionadas às necessidades funcionais do projeto adequando a usabilidade para que o produto seja o mais escalável possível.
Wireframes - rascunhos das estruturas que irão compor as seções para validação de posicionamento e usabilidade das propostas visuais.
Library - com os wireframes aprovados iremos construir a biblioteca de seções, onde constarão todas as seções disponíveis para criação de templates em uma interface de alta fidelidade e preparada para receber os mais diversos tipos de conteúdo.
Etapa 2
Customização de Landing Pages
Com o sistema de gerenciamento desenvolvido o designer poderá montar diferentes tipos de templates de landing page, sendo eles adequados às necessidades únicas de cada marca ou parceiro. O template irá passar inicialmente pela visão de um UX Designer para que a ordem de exibição das seções ofereça a melhor experiência e compreensão do produto ou marca divulgado na landing page. Após a aprovação da estrutura, será aplicado pelo time de UI a identidade visual no template, alterando cores, imagens e conteúdo de texto de cada sessão.
Também será necessário que seja preenchido um briefing com informações preliminares de cada landing page a ser criada. Esse briefing será fornecido pelo time da b8one a cada nova solicitação aberta pelo time da Lojas Rede.
A etapa 2 será constituida das seguintes atividades:
UX Design - estudo do melhor posicionamento das seções para atender às necessidades únicas de cada marca ou produto.
UI Design - customização da estrutura definida pelo time de UX Design com a identidade visual da marca ou produto relacionado à Landing Page.
Want to print your doc? This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Versão 1