Figma para site ou app
Os seus designs Figma construídos como código limpo e responsivo: HTML e CSS, React, Next.js ou um tema de CMS.
Principais características
- Páginas ou componentes construídos
- Código num repositório seu
- Resultados de testes de responsividade e navegadores
- Readme com notas de instalação e implementação
- Aqui não se paga nadaRecebe primeiro um orçamento por escrito. Sem pagamento, sem compromisso.
- Vendido e entregue pela GRADAXUm contrato e uma equipa, independentemente de quem faz o trabalho.
- Os seus dados ficam na UENada é movido para fora da união para ser processado.
Sobre este serviço
Tem os designs concluídos e precisa que sejam construídos exatamente. Transformamos ficheiros Figma em código front-end responsivo que corresponde ao design em todos os breakpoints, usando a stack que escolher: HTML e CSS simples, React, Next.js ou um tema WordPress ou Shopify. Os componentes são construídos para serem reutilizados, e as lacunas de design são assinaladas antes de adivinharmos.
Onde os designs ficam em silêncio
Os ficheiros Figma mostram o aspeto de uma página em algumas larguras fixas, normalmente desktop e mobile. Raramente mostram o que acontece pelo meio, o que faz um botão ao passar o rato, como fica um cartão com um título muito longo, o que aparece quando um formulário tem um erro ou enquanto o conteúdo carrega. É nessas lacunas que a implementação se afasta do design.
Revemos o ficheiro antes de construir e listamos todas as lacunas que encontrarmos. Algumas resolvemos com predefinições sensatas que seguem a lógica do design. Outras perguntamos, porque adivinhar mal e reconstruir custa mais do que uma pergunta curta. O resultado é uma construção que corresponde ao design onde ele é explícito e respeita a sua intenção onde não é.
Primeiro componentes, depois páginas
Bons ficheiros de design são construídos a partir de componentes: botões, cartões, navegação, campos de formulário. O bom código também deve ser. Construir página a página, copiando e ajustando elementos à medida, produz um site onde cada botão é ligeiramente diferente e uma alteração de design implica editar dezenas de locais.
Construímos primeiro os componentes partilhados, correspondendo aos componentes no Figma, e depois montamos as páginas a partir deles. Uma alteração ao estilo do botão atualiza todos os botões. As novas páginas podem ser construídas a partir de partes existentes. O markup é semântico e acessível, as imagens são otimizadas e os tipos de letra carregam de forma eficiente, porque uma página perfeita ao pixel que demora seis segundos a carregar num telemóvel não é uma boa construção.
Especificações
- Categoria
- Automação e dados
- Preço
- € 290 a € 1.050
- Tamanhos
- Pequeno (Landing page), Médio (Construção multipágina), Grande (Construir com CMS)
- Prazo de execução
- 3 dias a 5 semanas
- Faturado
- Pagamento único
- O que recebe
- 4 itens, tudo incluído no preço
- O que precisamos de si
- Ficheiro Figma com acesso de visualização e Dev Mode, A stack que prefere e onde vai ser alojada, Designs para telemóvel, ou autorização para adaptarmos com bom senso
- Comprado mais frequentemente por
- SaaS, Agências e estúdios, Startups, Comércio eletrónico
- Vendido e entregue por
- GRADAX, um contrato e uma só equipa
- Onde são tratados os seus dados
- União Europeia
O que recebe
Tudo o que está abaixo está incluído no preço. Nada aqui é um upgrade.
- Páginas ou componentes construídos
- Código num repositório seu
- Resultados de testes de responsividade e navegadores
- Readme com notas de instalação e implementação
O que muda
- Páginas que correspondem ao design Figma em larguras de desktop, tablet e mobile
- Componentes reutilizáveis que espelham os componentes do ficheiro de design
- Marcação acessível: HTML semântico, navegação por teclado, texto alternativo
- Páginas de carregamento rápido, com imagens otimizadas e tipos de letra carregados eficientemente
Compare os tamanhos
O preço padrão para cada tamanho. Os extras têm preço ao lado, não escondidos atrás de uma chamada.
| Incluído | Landing page€ 2903 a 5 dias úteis | Construção multipágina€ 5002 a 3 semanas | Construir com CMS€ 1.0503 a 5 semanas |
|---|---|---|---|
| Uma página, responsiva | Incluído | Incluído | Incluído |
| HTML e CSS ou uma framework | Incluído | Incluído | Incluído |
| Formulários ligados | Incluído | Incluído | Incluído |
| Testes em navegadores | Incluído | Incluído | Incluído |
| Tudo na landing page, até seis templates | Não incluído | Incluído | Incluído |
| Biblioteca de componentes | Não incluído | Incluído | Incluído |
| Animações e interações a partir do design | Não incluído | Incluído | Incluído |
| Verificação de acessibilidade | Não incluído | Incluído | Incluído |
| Tudo do plano Construção multipágina, até doze modelos | Não incluído | Não incluído | Incluído |
| CMS ligado: WordPress, Shopify, Sanity ou semelhante | Não incluído | Não incluído | Incluído |
| Introdução de conteúdo para páginas de lançamento | Não incluído | Não incluído | Incluído |
| Implementação e 14 dias de correções | Não incluído | Não incluído | Incluído |
| Adicionar ao orçamento |
Adicione o que precisa
Choose the size
Adicione o que precisa
O seu total€500
O preço padrão, mais tudo o que acrescentar. Confirmado por escrito antes de começar; nada é cobrado até aceitar.
Como funciona
Rever
Design verificado quanto a estados em falta e breakpoints antes da construção.
Componentes
Peças partilhadas construídas primeiro: botões, cartões, navegação, formulários.
Páginas
Páginas montadas a partir de componentes e alinhadas com o design.
Testar
Verificado em vários navegadores e dispositivos e depois entregue.
Perguntas
Consegue construir a partir de um design que não tem versão para telemóvel?
Sim. Adaptamos com bom senso e mostramos-lhe os ecrãs móveis principais antes de construir todos.
Fica pixel-perfect?
Vai corresponder de perto ao design nas larguras para que foi concebido. Entre essas larguras, os layouts fluem como o design pretende; assinalamos tudo o que for ambíguo.
Usam ferramentas automáticas de design para código?
Escrevemos o código à mão. As exportações automáticas tendem a produzir código pesado e difícil de manter, que sai caro alterar mais tarde.
Pesquisas relacionadas
Trabalhos relacionados
Pagamento únicoCriação de site WebflowUm site Webflow com design personalizado, com um CMS que a sua equipa pode editar e interações que se mantêm rápidas.from € 420
ScopedSprint de design de UIEcrãs desenhados e prototipados em duas semanas, prontos a construir.from € 1.800sobre o âmbito
Pagamento únicoAplicação web full-stackUma aplicação web personalizada com a sua própria base de dados, inícios de sessão e administração, construída e implementada.from € 420
Pagamento únicodesenvolvimento de apps AndroidAplicações Android nativas em Kotlin, construídas segundo as diretrizes da Google e publicadas no Google Play.from € 420
Pagamento únicoDesenvolvimento de aplicações iOSUma app nativa para iPhone em Swift, desenvolvida segundo as diretrizes da Apple e levada à revisão da App Store.from € 830
Pagamento únicoCriação de template de email HTMLEmails HTML codificados à mão que são apresentados corretamente no Outlook, Gmail, Apple Mail e modo escuro.from € 290
Não encontra o seu tamanho?
Alguns trabalhos têm forma própria. Analisamos primeiro o âmbito e orçamentamos por escrito; a chamada de análise não tem custo.