Hub2decor
Projeto do design do website de venda de decoração da Hub2decor e do seu produto de Tour Virtual.
Sobre
A Hub2decor nasceu como uma startup de venda de móveis de decoração e que se transformou em um serviço de personalização virtual do seu imóvel.
Contratado como designer para criação inicialmente do site da empresa fui convidado a desenhar uma solução de Tour virtual 3D como um novo produto que a empresa gostaria de apresentar no mercado para Construtoras e Corretores.
Site 1ª versão
Bem no começo do projeto o fundador do projeto me contratou para desenhar o site do seu novo projeto chamado Hub2decor. O site tinha a ambição de ser um portal de serviços de arquitetura e decoração, oferecendo opções de personalização de plantas, catálogo de profissionais e uma biblioteca de mockups 3D de móveis reais para que arquiteros pudessem usar em seus projetos de decoração e ter o produto depois físico idêntico oferecido aos seus clientes.
Depois de alguns meses de reuniões e alinhamento fentreguei a seguinte versão do site Hub2Decor:
Banners
Nesse primeiro projeto também fiquei responsável pela parte de marketing de algumas peças e pude atuar não apenas como Product Designer como também Designer Gráfico. Como essa era uma entrega pontual e única, deixei preparado alguns modelos de banners para que o designer que eles iriam contratar para alimentar as redes sociais e site pudesse usar de guia e inspiração para as próximas peças:
Hub2Decor 2.0
Após alguns anos, a empresa me procurou novamente para colaborar no desenvolvimento de um novo produto. O negócio, que havia evoluído significativamente, já não seguia mais o modelo inicial, e a estratégia proposta estava mais focada em um produto personalizado: um tour virtual utilizando a planta real do imóvel adquirido pelo cliente.
Neste novo modelo, a empresa passou a prospectar, além de investidores, parceiros e construtoras que quisessem oferecer a plataforma como um diferencial na compra de apartamentos. O grande objetivo era permitir que os clientes vivessem a experiência de um imóvel já decorado no momento da entrega das chaves. Enquanto aguardavam a construção do apartamento, que haviam comprado na planta, eles poderiam, através do tour virtual da Hub2decor, visualizar e personalizar o ambiente como se já estivesse pronto.
Tour Virtual
Meu primeiro desafio foi construir do zero toda a interface do tour virtual. Login, navegação e checkout da compra.
Iniciamos uma bateria de reuniões envolvendo O CEO, sua sócia arquiteta, Desenvolvedores e um Product Manager para alinhar as nossas entregas.
Com os primeiros wireframes desenhados fomos alinhando e aparando as arestas do que ainda precisávamos resolver.
Layouts Tour Virtual
Após aprovação dos wireframes comecei a desenhar a interface do novo Tour Virtual. Veja aqui algumas telas de como ficou a versão final.
Componentes
Embora fosse um trabalho freelancer, sem equipes envolvidas em sistemas complexos, decidi construir toda a interface de forma componentizada, visando facilitar a manutenção e futuras alterações. Para isso, criei todos os assets e a biblioteca no Figma, preparados para um futuro Design System. Além disso, deixei esses elementos organizados e prontos para que o desenvolvedor pudesse integrá-los de forma eficiente.
Handoff
Todos os arquivos foram entregues com um fluxo detalhado e explicado em formato de overflow para que qualquer pessoa pudesse entender como se daria a navegação nas telas e o comportamento das ações escolhidas na interface. Para isso preparei um documento super detalhado organizado no Figma, assim como protótipos e assets separados no Zeplin para serem baixados sem nenhuma dificuldade.
Protótipo
Após concluir os layouts, desenvolvi um protótipo para realizar testes de usabilidade com usuários reais.
Para isso, selecionei um arquiteto, um estudante de arquitetura, dois funcionários de uma construtora e uma pessoa que havia recentemente decorado o seu imóvel recém-adquirido. Apresentei o protótipo a cada um deles e solicitei que realizassem algumas tarefas específicas, com o objetivo de avaliar se a navegação estava clara e intuitiva. Com base nos feedbacks recebidos e após realizar os ajustes necessários, o material foi finalmente entregue ao time de desenvolvimento.
Site 2.0 - Landing Page
Com o Tour pronto e já sendo oferecido a algumas empresas e corretores, era necessário atualizar o site, que agora refletia um produto completamente diferente. Sabendo que o desenvolvimento do novo site levaria algum tempo, decidimos criar uma landing page temporária, com um resumo conciso do que seria a nova Hub2decor.
Redes Sociais
