Processo de criação
Antes de iniciar qualquer trabalho com os clientes, procuro sempre compreender o seu nicho e faço perguntas sobre o que pretendem alcançar com o software, seja ganhar notoriedade, chegar a um público mais vasto, criar uma ferramenta para os ajudar, etc. Isto me ajuda a identificar com precisão o que pretendem e a fazer outras perguntas relacionadas com o seu objetivo.
Neste caso, fui encarregado de criar uma landing page simples para uma empresa do ramo musical, com o objetivo de aumentar a aquisição de clientes, uma vez que, até então, não possuíam um site para promoções. Além disso, a empresa gostaria de poder editar de forma rápida, simples e eficaz algumas informações relativas aos artistas que representam e apresentam no seu catálogo.
Ao fazer outras perguntas, tais como requisitos funcionais e não funcionais, e ao captar e compreender o pedido, consegui rapidamente delinear um plano e criar uma pequena lista do que precisava fazer para entregar o site o mais rapidamente possível.
Concepção
Este freelance foi desenvolvido inteiramente do zero, desde o design até à implementação; não havia nada pronto, apenas um logotipo a partir do qual pude definir a paleta de cores que iria utilizar, bem como o tipo de fonte para os textos. Uma vez que o site foi concebido para que os clientes ascendessem e utilizassem os serviços da empresa, recorri a padrões de design e UX para ir direto ao essencial, mantendo ao mesmo tempo uma estética moderna e elegante, transmitindo uma sensação de confiabilidade, seriedade e segurança ao cliente.
Anteriormente, fiz alguns esboços no Excalidraw para analisar se era realmente o que o cliente desejava e, após a sua aprovação, realizei todo o design e remasterização do logotipo da empresa no Figma, um software que utilizo sempre para desenvolver o design das minhas aplicações.
Desenvolvimento
Com os requisitos e o design em mãos, é hora de programar. Como queria realizar este projeto da forma mais rápida e eficiente possível, utilizei frameworks, bibliotecas e ferramentas que já domino e que seriam muito eficientes neste trabalho. A stack utilizada foi Typescript, ReactJS, NextJS (versão 14 com Server Actions), TailwindCSS, Shadcn/ui e Hygraph (CMS utilizado para criar e editar conteúdos). Para o envio de e-mails, utilizei o Resend com o React Email.
Durante o desenvolvimento, me concentrei em criar um site elegante, com bom desempenho, boa usabilidade e totalmente responsivo, o que acabou por ser uma tarefa muito simples e rápida com o uso destas tecnologias.
Implementação do deploy
Não há mistério nenhum aqui, decidi utilizar a Vercel. A empresa não é muito conhecida e é improvável que cumpra os requisitos do plano gratuito da Vercel. No entanto, é importante informar o cliente sobre todos estes custos de implementação, hospedagem e domínio. Como o cliente já tinha um domínio, foi mais fácil ter esta conversa, haha.
No geral, em termos de dificuldade, foi bastante fácil concluir este projeto. Me diverti e melhorei as minhas competências ao conceber esta aplicação, e o seu desenvolvimento decorreu de forma bastante tranquila. A única coisa um pouco irritante foi, na verdade, a comunicação com o cliente, porque o responsável não me forneceu muitos detalhes importantes sobre a empresa para eu preencher a página inicial, tanto que algumas informações, como a secção «Sobre» e os dados dos artistas, foram corrigidas praticamente algumas horas antes da entrega 💀. Mas nada de muito complicado!
Link: CMA Digital Music