Página inicial do site Renetik Music Apps apresentando a família atual de produtos Android.

Site do Renetik Music Apps

Uma plataforma de produtos, documentação e suporte que projetei e construí com VuePress, Vue, TypeScript e Vite.
Abrir o site do Music Apps
Cliente
Renetik — produto independente
Cargo
Designer de produto, web designer, content designer e engenheiro frontend
Envolvimento
março de 2021 – O presente
VuePress 2Vue 3TypeScriptViteNode.js

Projetei e construí o site do Music Apps como a camada pública de produtos para a família completa de aplicativos. Criei sua linguagem visual, arquitetura de informação, navegação, estrutura de página responsiva, apresentação de produtos, abordagem de documentação e conteúdo, em vez de implementar um design fornecido.

O site é uma aplicação separada em VuePress 2 construída com Vue 3, TypeScript, Vite, Node.js, o tema Hope, layouts e componentes Vue personalizados, e uma camada de SCSS sob medida. O Markdown e o frontmatter estruturado mantêm páginas de produtos, guias de recursos, tutoriais, capturas de tela, avaliações e ações de lojas fáceis de manter sem precisar codificar cada página de forma estática.

Mídia WebP otimizada, galerias em tela cheia, suporte a vídeo, pesquisa, breadcrumbs, páginas de suporte e privacidade transformam o site em uma vitrine de produtos e em um guia prático para o usuário. A compilação também gerencia análises, URLs canônicos, metadados sociais, sitemaps, redirecionamentos e uma experiência 404 específica para o produto.

Integrei o site gerado abaixo de /app/ no lançamento combinado de renetik.com. O Portfólio orquestra e verifica o artefato final, enquanto os repositórios da web do Music Apps e do Portfólio mantêm históricos independentes, tornando a fronteira explícita sem duplicar o código-fonte do site.

Destaques

Identidade de produto, UX, web design responsivo, arquitetura de informação e conteúdo criados por mim.
VuePress 2, Vue 3, TypeScript, Vite, Node.js, componentes Vue personalizados e SCSS.
Markdown estruturado e frontmatter alimentam páginas reutilizáveis de produtos, recursos, tutoriais e suporte.
Galerias WebP otimizadas, vídeo, pesquisa, navegação, documentação e caminhos de conversão do Google Play.
SEO canônico, pré-visualizações sociais, análises, sitemaps, redirecionamentos, páginas de privacidade e comportamento 404 personalizado.
Verificações automatizadas de lançamento validam 49 páginas HTML geradas e o contrato de implantação combinado /app/.
Página inicial do site Renetik Music Apps apresentando a família atual de produtos Android.
Página do produto Renetik Audio Mixer dentro do site Music Apps.