PROJETO

Ferramenta web de geração de favicons para desenvolvedores e designers

Desenvolvimento da especificação técnica, Design de UI/UX, Implementação do processamento de imagens, Desenvolvimento front-end em HTML/CSS/JS, Desenvolvimento de back-end em PHP, Geração de favicons e manifestos, Testes e otimização, Configuração administrativa, Consultoria de alojamento e suporte à implementação

  • Setor: Serviços de desenvolvimento web
  • Letónia Localização: Letónia
  • Prazo de entrega: 6 semanas
  • Tecnologias: PHP, JavaScript
  • Avaliação: 5/5
2 meses

Visão geral do projeto

O projeto teve como objetivo criar uma ferramenta web com estrutura semelhante à realfavicongenerator.net, permitindo gerar favicons a partir de imagens carregadas (PNG, JPEG, SVG etc.). Os utilizadores podiam pré-visualizar e personalizar favicons para diferentes plataformas (iOS, Android, Windows, macOS) e descarregar os recursos gerados com código de incorporação HTML.

A ferramenta inclui funcionalidades avançadas, como recorte, compressão, margens personalizadas e limpeza automática dos ficheiros gerados.

As principais funcionalidades incluíam carregamento de imagens por arrastar e largar, uma janela de confirmação com as dimensões da imagem, uma ferramenta de recorte para imagens não quadradas, pré-visualizações simuladas para várias plataformas (computador, iOS, Android etc.) e definições de personalização (fundo, margem, compressão e versionamento). Também oferecia o download de um ZIP com o pacote completo de favicon e código HTML, suporte para SVG com conversão alternativa para PNG, configuração administrativa via JSON (sem painel de back-end), eliminação automática dos dados gerados e uma interface em várias etapas alinhada com a estrutura da RFG.

O cliente demonstrou satisfação com o processo de desenvolvimento e a flexibilidade da colaboração, destacando a necessidade de uma abordagem minimalista e da manutenção da liberdade criativa. Embora tenham surgido problemas técnicos, a 2410 manteve-se disponível, implementando rapidamente feedback e atualizações. O cliente valorizou o sólido "núcleo" do sistema, a comunicação clara e a entrega final de uma ferramenta funcional, pronta para ser aperfeiçoada pela sua equipa.

- Gennady, SIA Webby

Principais funcionalidades entregues

  • Carregamento de imagens por arrastar e largar
  • Janela de confirmação com as dimensões da imagem
  • Ferramenta de recorte para imagens não quadradas
  • Pré-visualizações simuladas para várias plataformas (computador, iOS, Android etc.)
  • Definições de personalização (fundo, margem, compressão e versionamento)
  • Download em ZIP com o pacote completo de favicon e código HTML
  • Suporte para SVG com conversão alternativa para PNG
  • Configuração administrativa via JSON (sem painel de back-end)
  • Eliminação automática dos dados gerados
  • Interface em várias etapas alinhada com a estrutura da RFG

Capturas de ecrã

Página principal do gerador de favicons, com carregamento de imagens por arrastar e largar e visão geral do suporte a plataformas e navegadores.

Página principal do gerador de favicons, com carregamento de imagens por arrastar e largar e visão geral do suporte a plataformas e navegadores.

Página de resultados com pré-visualizações do favicon em várias resoluções e pré-visualização ao vivo no iOS.

Página de resultados com pré-visualizações do favicon em várias resoluções e pré-visualização ao vivo no iOS.

Tecnologias utilizadas

PHP
JavaScript
jQuery
Cropper.js
Imagick
Responsive web design
JSON config-based admin
Precisa de algo semelhante? Vamos conversar
Ou consulte mais projetos