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
