{"id":1665,"date":"2021-11-01T17:49:43","date_gmt":"2021-11-01T17:49:43","guid":{"rendered":"http:\/\/www.webolto.com\/pt\/?p=1665"},"modified":"2021-11-01T17:50:23","modified_gmt":"2021-11-01T17:50:23","slug":"ferramentas-wireframes","status":"publish","type":"post","link":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/","title":{"rendered":"Wireframes: Como criar uma maquete para um website?"},"content":{"rendered":"<p>Antes de construir uma casa, voc\u00ea deve primeiro fazer um plano, para que assim a execu\u00e7\u00e3o se torne mais f\u00e1cil de realizar. Um wireframe desempenha a mesma fun\u00e7\u00e3o no design de um site, pois ele \u00e9 a melhor forma de apresentar a estrutura geral do projeto. Por esse motivo, vamos explicar um pouco melhor como ele funciona e listar as melhores ferramentas dispon\u00edveis na Internet para que voc\u00ea utilize wireframes.<\/p>\n<div class=\"bloc-tips\">\n<h2><i class=\"fa fa-book\"><\/i><span class=\"title is-5\">Sum\u00e1rio<\/span><\/h2>\n<ul class=\"listFont iconChevron listLeft\">\n<li><a href=\"#ancre1\">O que s\u00e3o os wireframes?<\/a><\/li>\n<li><a href=\"#ancre2\">Balsamiq<\/a><\/li>\n<li><a href=\"#ancre3\">Wireframe.CC<\/a><\/li>\n<li><a href=\"#ancre4\">Figma<\/a><\/li>\n<li><a href=\"#ancre5\">Pencil Project<\/a><\/li>\n<li><a href=\"#ancre6\">NinjaMock<\/a><\/li>\n<li><a href=\"#ancre7\">FluidUI<\/a><\/li>\n<li><a href=\"#ancre8\">MockFlow<\/a><\/li>\n<li><a href=\"#ancre9\">Cacoo<\/a><\/li>\n<li><a href=\"#ancre10\">Pidoco<\/a><\/li>\n<li><a href=\"#ancre11\">Axure<\/a><\/li>\n<li><a href=\"#ancre12\">Conclus\u00e3o<\/a><\/li>\n<\/ul>\n<\/div>\n<h2><a name=\"ancre1\"><\/a>O que s\u00e3o os Wireframes?<\/h2>\n<p>O wireframe pode ser definido como uma esp\u00e9cie de esqueleto de um site. Atrav\u00e9s dele, \u00e9 poss\u00edvel ter uma ideia do formato que o site ter\u00e1 e das divis\u00f5es internas das p\u00e1ginas. Por isso mesmo, essa ferramenta \u00e9 excelente para que o site fique bem estruturado e para que assim seja poss\u00edvel obter bons resultados nas p\u00e1ginas de busca.<\/p>\n<p>O planejamento de um site atrav\u00e9s de um wireframe permite que os erros sejam minimizados, assim como acontece, por exemplo, com um rascunho em um texto, que \u00e9 fundamental para que voc\u00ea tenha ideia de onde deseja chegar.<\/p>\n<p>Embora ele seja essencialmente \u00fatil ao criar uma p\u00e1gina, tamb\u00e9m \u00e9 poss\u00edvel usar essa ferramenta em outros momento, como, por exemplo, ao incluir outra funcionalidade em um site j\u00e1 existente.<\/p>\n<p>\u00c9 poss\u00edvel fazer um wireframe atrav\u00e9s de diferentes plataformas na Internet ou at\u00e9 mesmo atrav\u00e9s de uma folha de papel.<\/p>\n<p>Abaixo seguem algumas das principais plataformas dispon\u00edveis atualmente para te ajudar na tarefa de criar um wireframe.<\/p>\n<h2><a name=\"ancre2\"><\/a>Balsamiq<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1666 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-balsamiq.png\" alt=\"P\u00e1gina inicial da Balsamiq\" width=\"1536\" height=\"723\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-balsamiq.png 1536w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-balsamiq-300x141.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-balsamiq-1024x482.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-balsamiq-768x362.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>O Balsamiq \u00e9 uma ferramenta que permite criar designs r\u00e1pidos e executar testes de usabilidade. Ele tamb\u00e9m permite que voc\u00ea compartilhe sua maquete com um grupo de pessoas que podem fornecer feedback sobre o seu prot\u00f3tipo.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>O Balsamiq \u00e9 um software de wireframe baseado em Flash que acompanha uma extensa biblioteca de elementos de interface do usu\u00e1rio<\/li>\n<li>\u00c9 poss\u00edvel criar um prot\u00f3tipo de forma muito r\u00e1pida atrav\u00e9s dele<\/li>\n<li>Ele se baseia na simplicidade de layout para que assim seja mais f\u00e1cil para quem est\u00e1 iniciando<\/li>\n<li>Diversos recursos para que voc\u00ea crie uma maquete perfeita.<\/li>\n<li>Fun\u00e7\u00f5es autoexplicativas e f\u00e1ceis de entender, ideais para um iniciante.<\/li>\n<li>Ferramentas de apresenta\u00e7\u00e3o integradas que facilitam a apresenta\u00e7\u00e3o da sua cria\u00e7\u00e3o.<\/li>\n<li>A plataforma oferece 30 dias de teste gratuito para aproveitar esses recursos.<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>N\u00e3o \u00e9 poss\u00edvel usar o Balsamiq para fazer prot\u00f3tipos em larga escala, pois o software carece de algumas funcionalidades.<\/li>\n<li>Ele n\u00e3o suporta prot\u00f3tipos interativos<\/li>\n<li>N\u00e3o \u00e9 poss\u00edvel fazer anota\u00e7\u00f5es na interface<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>No Balsamiq voc\u00ea ter\u00e1 direito a 30 dias de teste gratuito, e, depois disso, poder\u00e1 escolher um plano, cujo pre\u00e7o varia de $9 a $199 por m\u00eas.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/balsamiq.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre3\"><\/a>Wireframe.CC<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1675 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-wireframe.cc1_.png\" alt=\"P\u00e1gina inicial do wireframe.cc\" width=\"1901\" height=\"861\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-wireframe.cc1_.png 1901w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-wireframe.cc1_-300x136.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-wireframe.cc1_-1024x464.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-wireframe.cc1_-768x348.png 768w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-wireframe.cc1_-1536x696.png 1536w\" sizes=\"(max-width: 1901px) 100vw, 1901px\" \/><\/p>\n<p>Essa \u00e9 uma ferramenta de wireframe que voc\u00ea poder\u00e1 dominar facilmente. Perfeito para pequenos aplicativos e web designs simples.<\/p>\n<h3>Benef\u00edcios<\/h3>\n<ul>\n<li>Uma ferramenta super intuitiva que permite construir prot\u00f3tipos simples com rapidez e efici\u00eancia.<\/li>\n<li>Um bom layout que permite que voc\u00ea construa sua maquete facilmente.<\/li>\n<li>Recursos autoexplicativos para que voc\u00ea consiga dominar o software facilmente e em pouco tempo.<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>O aplicativo \u00e9 muito simples e com poucas funcionalidades para o design de um prot\u00f3tipo.<\/li>\n<li>N\u00e3o existem ferramentas de apresenta\u00e7\u00e3o.<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>A vers\u00e3o b\u00e1sica deste wireframe \u00e9 gratuita. Para fazer o upgrade para o premium, a assinatura \u00e9 de $16 por m\u00eas e voc\u00ea tem direito a um teste de sete dias.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/wireframe.cc\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre4\"><\/a>Figma<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1667 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-figma.png\" alt=\"P\u00e1gina inicial da figma\" width=\"1536\" height=\"589\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-figma.png 1536w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-figma-300x115.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-figma-1024x393.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-figma-768x295.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Figma \u00e9 uma plataforma de wireframe baseada em um sistema em nuvem, o que \u00e9 perfeito para compartilhar e trabalhar com membros de sua equipe.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>Um layout aberto e expansivo que permite criar v\u00e1rios designs em um \u00fanico projeto<\/li>\n<li>Voc\u00ea pode fazer v\u00e1rias itera\u00e7\u00f5es, tornando mais f\u00e1cil para voc\u00ea quando se trata de retrabalho e brainstorming.<\/li>\n<li>Recursos f\u00e1ceis de dominar e que permitem que voc\u00ea concretize suas id\u00e9ias rapidamente.<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>O custo da assinatura para grandes equipes \u00e9 um pouco alto.<\/li>\n<li>Os iniciantes em design podem ter alguma dificuldade em come\u00e7ar a usar esta plataforma.<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>Para utilizar essa plataforma, voc\u00ea poder\u00e1 optar por um plano gratuito, ou optar por um plano, que varia de $12 a $45 por editor por m\u00eas.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre5\"><\/a>Pencil Project<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1668 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pencil-project.png\" alt=\"p\u00e1gina inicial da Pencil Project\" width=\"1536\" height=\"653\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pencil-project.png 1536w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pencil-project-300x128.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pencil-project-1024x435.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pencil-project-768x327.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Essa \u00e9 uma ferramenta de C\u00f3digo Aberto de prototipa\u00e7\u00e3o de Interfaces Gr\u00e1ficas totalmente gratuita, perfeita para wireframes e cria\u00e7\u00e3o de maquetes.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>\u00c9 um aplicativo de c\u00f3digo aberto que voc\u00ea pode baixar no seu Windows ou Mac<\/li>\n<li>Diversas interfaces \u00e0 sua disposi\u00e7\u00e3o e possibilidade de criar diagramas<\/li>\n<li>A plataforma \u00e9 totalmente gratuita<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>As funcionalidades s\u00e3o limitadas<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>Totalmente gratuito<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/pencil.evolus.vn\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre6\"><\/a>NinjaMock<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1669 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-ninjamock.png\" alt=\"p\u00e1gina-inicial-ninjamock\" width=\"1536\" height=\"665\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-ninjamock.png 1536w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-ninjamock-300x130.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-ninjamock-1024x443.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-ninjamock-768x333.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Ferramenta ideal para trabalhos em equipe, testes de aplicativos m\u00f3veis e p\u00e1ginas da web.<\/p>\n<h2><strong>Vantagens<\/strong><\/h2>\n<ul>\n<li>F\u00e1cil de dominar com muitos elementos interativos<\/li>\n<li>Utiliza\u00e7\u00e3o r\u00e1pida e eficiente<\/li>\n<li>Est\u00e1 dispon\u00edvel em diversas plataformas como IOS, Android e Windows<\/li>\n<li>Voc\u00ea pode facilmente compartilhar sua cria\u00e7\u00e3o e editar de forma simples<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>Problemas de navega\u00e7\u00e3o entre os modelos<\/li>\n<li>O custo \u00e9 um pouco alto para quem precisa usar v\u00e1rios wireframes ao mesmo tempo.<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>Uma vers\u00e3o gratuita permite concluir um projeto com at\u00e9 200 elementos. Para atualizar para a vers\u00e3o premium, voc\u00ea precisa desembolsar de $ 9,99 por editor por m\u00eas a $ 39,99 por equipe por m\u00eas.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/ninjamock.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre7\"><\/a>FluidUI<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1670 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-fluidui.png\" alt=\"P\u00e1gina inicial FluidUI\" width=\"1536\" height=\"634\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-fluidui.png 1536w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-fluidui-300x124.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-fluidui-1024x423.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-fluidui-768x317.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Uma ferramenta com diversas funcionalidades e que \u00e9 suportada por diversas plataformas como Android e iOS.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>Diversos elementos de intera\u00e7\u00e3o e anima\u00e7\u00e3o<\/li>\n<li>Mais de 2.000 \u00edcones de widget e elementos de design que facilitam a cria\u00e7\u00e3o de sua marca<\/li>\n<li>Uma interface bem definida para fazer um wireframe perfeito<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>A vers\u00e3o gratuita \u00e9 limitada<\/li>\n<li>O recurso que permite fazer upload de v\u00e1rias imagens n\u00e3o est\u00e1 dispon\u00edvel, ent\u00e3o voc\u00ea precisa fazer o upload de uma em uma<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>A vers\u00e3o gratuita permite que voc\u00ea fa\u00e7a um \u00fanico projeto com no m\u00e1ximo 10 p\u00e1ginas. Para atualizar para a vers\u00e3o premium, voc\u00ea precisa pagar de $15 a $65 por m\u00eas.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/www.fluidui.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre8\"><\/a>MockFlow<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1671 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-mockflow.png\" alt=\"p\u00e1gina inicial da mockflow\" width=\"1536\" height=\"750\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-mockflow.png 1536w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-mockflow-300x146.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-mockflow-1024x500.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-mockflow-768x375.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Software dispon\u00edvel na nuvem com uma ampla biblioteca de templates.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>Uma interface simples que \u00e9 f\u00e1cil de dominar em pouco tempo<\/li>\n<li>V\u00e1rias ferramentas predefinidas para wireframes r\u00e1pidos est\u00e3o dispon\u00edveis para voc\u00ea<\/li>\n<li>O aplicativo est\u00e1 equipado com v\u00e1rias ferramentas de colabora\u00e7\u00e3o<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>Pacote b\u00e1sico limitado e muitas vezes os usu\u00e1rios se veem for\u00e7ados a mudar para um pacote pago<\/li>\n<li>Problemas com delays ao tentar trabalhar com v\u00e1rias p\u00e1ginas<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>Uma vers\u00e3o gratuita est\u00e1 dispon\u00edvel com funcionalidades b\u00e1sicas. Para atualizar para a vers\u00e3o premium, voc\u00ea precisar\u00e1 pagar de $15 a $160 por m\u00eas.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/www.mockflow.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre9\"><\/a>Cacoo<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1672 size-full\" src=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-cacco.png\" alt=\"P\u00e1gina inicial cacco\" width=\"1893\" height=\"675\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-cacco.png 1893w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-cacco-300x107.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-cacco-1024x365.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-cacco-768x274.png 768w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-cacco-1536x548.png 1536w\" sizes=\"(max-width: 1893px) 100vw, 1893px\" \/><\/p>\n<p>Software perfeito para criar maquetes de sites e muito mais.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>Baseado na nuvem voc\u00ea tem a possibilidade de compartilhar sua cria\u00e7\u00e3o com sua equipe<\/li>\n<li>Diversas ferramentas de apresenta\u00e7\u00e3o dispon\u00edveis para permitir que voc\u00ea fa\u00e7a um prot\u00f3tipo impec\u00e1vel<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>A vers\u00e3o gratuita \u00e9 limitada e nesta vers\u00e3o voc\u00ea s\u00f3 pode exportar seus projetos como arquivos PNG<\/li>\n<li>Depois que sua avalia\u00e7\u00e3o gratuita terminar, voc\u00ea n\u00e3o poder\u00e1 mais acessar seu trabalho<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>Para se beneficiar dos recursos da plataforma, voc\u00ea ter\u00e1 que pagar $6 por usu\u00e1rio por m\u00eas.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/cacoo.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre10\"><\/a>Pidoco<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1673 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pidoco.png\" alt=\"P\u00e1gina inicial Pidoco\" width=\"1885\" height=\"777\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pidoco.png 1885w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pidoco-300x124.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pidoco-1024x422.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pidoco-768x317.png 768w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-pidoco-1536x633.png 1536w\" sizes=\"(max-width: 1885px) 100vw, 1885px\" \/><\/p>\n<p>Uma ferramenta de wireframe dispon\u00edvel na nuvem e validada por v\u00e1rias empresas como T-Mobile, Zimory e Sanofi.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>Voc\u00ea tem v\u00e1rios modelos personalizados e elementos interativos \u00e0 sua disposi\u00e7\u00e3o<\/li>\n<li>Wireframe r\u00e1pido e eficiente<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>As taxas de assinatura s\u00e3o um pouco caras<\/li>\n<li>Na vers\u00e3o gratuita, as fun\u00e7\u00f5es s\u00e3o limitadas<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>Uma vers\u00e3o gratuita com funcionalidades limitadas est\u00e1 dispon\u00edvel. A vers\u00e3o b\u00e1sica custa $ 9,99 por m\u00eas e para atualizar para o plano premium voc\u00ea ter\u00e1 que desembolsar $ 199 por m\u00eas.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/pidoco.com\/en\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre11\"><\/a>Axure<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1674 size-full\" src=\"\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-axure.png\" alt=\"P\u00e1gina inicial da Axure\" width=\"1536\" height=\"642\" srcset=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-axure.png 1536w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-axure-300x125.png 300w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-axure-1024x428.png 1024w, https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframe-p\u00e1gina-inicial-axure-768x321.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Uma ferramenta de wireframe perfeita para grandes projetos.<\/p>\n<h3>Vantagens<\/h3>\n<ul>\n<li>Voc\u00ea tem v\u00e1rios recursos a sua disposi\u00e7\u00e3o para criar o modelo, independentemente da complexidade dele<\/li>\n<li>Anima\u00e7\u00f5es \u200b\u200best\u00e3o dispon\u00edveis<\/li>\n<\/ul>\n<h3>Desvantagens<\/h3>\n<ul>\n<li>Muitos recursos, o que o torna complexo<\/li>\n<li>Pre\u00e7os acima da m\u00e9dia<\/li>\n<\/ul>\n<h3>Pre\u00e7os<\/h3>\n<p>A plataforma oferece um teste gratuito por at\u00e9 30 dias. Depois desse per\u00edodo, a assinatura mensal custa a partir de $ 29 para um usu\u00e1rio por m\u00eas e o pre\u00e7o de compra \u00e9 de $ 495. Para uma equipe, o pre\u00e7o de compra \u00e9 de $ 49 por usu\u00e1rio por m\u00eas e o pre\u00e7o de compra \u00e9 de $ 895.<\/p>\n<p style=\"text-align: center;\"><a class=\"button-cell\" href=\"https:\/\/www.axure.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-orange\" type=\"button\">ACESSE O SITE<\/button><\/a><\/p>\n<h2><a name=\"ancre12\"><\/a>Conclus\u00e3o<\/h2>\n<p>As ferramentas de wireframes permitem que voc\u00ea crie a maquete do seu site. Qualquer que seja a plataforma escolhida, os wireframes fornece a orienta\u00e7\u00e3o necess\u00e1ria para o desenvolvimento do seu projeto. Dessa forma, as suas chances de sucesso ser\u00e3o muito maiores, j\u00e1 que a fase de planejamento \u00e9 fundamental na constru\u00e7\u00e3o de um website.<\/p>\n<p>Lembramos que nenhuma das plataformas que sugerimos \u00e9 superior \u00e0s outras, pois cada uma delas oferece recursos distintos, navega\u00e7\u00e3o conveniente e liberdade de cria\u00e7\u00e3o. Ent\u00e3o, avalie com cuidado cada uma delas, para fazer a escolha mais adequada de acordo com o seu objetivo.<\/p>\n<p>Assim, a escolha de qual ferramenta utilizar depende dos requisitos do seu projeto, dos processos de trabalho e da prefer\u00eancia do desenvolvedor. Esperamos que este artigo o ajude a encontrar o software que permitir\u00e1 que voc\u00ea crie maquetes para o seu site da forma mais eficiente poss\u00edvel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Antes de construir uma casa, voc\u00ea deve primeiro fazer um plano, para que assim a execu\u00e7\u00e3o se torne mais f\u00e1cil de realizar. Um wireframe desempenha a mesma fun\u00e7\u00e3o no design de um site, pois ele \u00e9 a melhor forma de apresentar a estrutura geral do projeto. Por esse motivo, vamos explicar um pouco melhor como [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1707,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wireframes: Como criar uma maquete para um website? - Webolto<\/title>\n<meta name=\"description\" content=\"Os wireframes s\u00e3o fundamentais para a cria\u00e7\u00e3o de um website. Confira neste artigo quais s\u00e3o as melhores ferramentas da web para utilizar este recurso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wireframes: Como criar uma maquete para um website? - Webolto\" \/>\n<meta property=\"og:description\" content=\"Os wireframes s\u00e3o fundamentais para a cria\u00e7\u00e3o de um website. Confira neste artigo quais s\u00e3o as melhores ferramentas da web para utilizar este recurso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/\" \/>\n<meta property=\"og:site_name\" content=\"Webolto\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-01T17:49:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-01T17:50:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png\" \/>\n\t<meta property=\"og:image:width\" content=\"470\" \/>\n\t<meta property=\"og:image:height\" content=\"353\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"webolto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"webolto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/\"},\"author\":{\"name\":\"webolto\",\"@id\":\"https:\/\/www.webolto.com\/pt\/#\/schema\/person\/d2b6a203f4643bc4880814494c657280\"},\"headline\":\"Wireframes: Como criar uma maquete para um website?\",\"datePublished\":\"2021-11-01T17:49:43+00:00\",\"dateModified\":\"2021-11-01T17:50:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/\"},\"wordCount\":1619,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/\",\"url\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/\",\"name\":\"Wireframes: Como criar uma maquete para um website? - Webolto\",\"isPartOf\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png\",\"datePublished\":\"2021-11-01T17:49:43+00:00\",\"dateModified\":\"2021-11-01T17:50:23+00:00\",\"description\":\"Os wireframes s\u00e3o fundamentais para a cria\u00e7\u00e3o de um website. Confira neste artigo quais s\u00e3o as melhores ferramentas da web para utilizar este recurso.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage\",\"url\":\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png\",\"contentUrl\":\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png\",\"width\":470,\"height\":353,\"caption\":\"Pessoa trabalhando no computador\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webolto.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wireframes: Como criar uma maquete para um website?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webolto.com\/pt\/#website\",\"url\":\"https:\/\/www.webolto.com\/pt\/\",\"name\":\"Webolto\",\"description\":\"Centro de recursos para projetos da web\",\"publisher\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webolto.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webolto.com\/pt\/#organization\",\"name\":\"Webolto\",\"url\":\"https:\/\/www.webolto.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.webolto.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/header-logo.png\",\"contentUrl\":\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/header-logo.png\",\"width\":3237,\"height\":667,\"caption\":\"Webolto\"},\"image\":{\"@id\":\"https:\/\/www.webolto.com\/pt\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webolto.com\/pt\/#\/schema\/person\/d2b6a203f4643bc4880814494c657280\",\"name\":\"webolto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/www.webolto.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/31a65b7142b50bb5b6b280f3fba9d6db?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/31a65b7142b50bb5b6b280f3fba9d6db?s=96&d=mm&r=g\",\"caption\":\"webolto\"},\"sameAs\":[\"http:\/\/webolto.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wireframes: Como criar uma maquete para um website? - Webolto","description":"Os wireframes s\u00e3o fundamentais para a cria\u00e7\u00e3o de um website. Confira neste artigo quais s\u00e3o as melhores ferramentas da web para utilizar este recurso.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/","og_locale":"pt_PT","og_type":"article","og_title":"Wireframes: Como criar uma maquete para um website? - Webolto","og_description":"Os wireframes s\u00e3o fundamentais para a cria\u00e7\u00e3o de um website. Confira neste artigo quais s\u00e3o as melhores ferramentas da web para utilizar este recurso.","og_url":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/","og_site_name":"Webolto","article_published_time":"2021-11-01T17:49:43+00:00","article_modified_time":"2021-11-01T17:50:23+00:00","og_image":[{"width":470,"height":353,"url":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png","type":"image\/png"}],"author":"webolto","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"webolto","Tempo estimado de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#article","isPartOf":{"@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/"},"author":{"name":"webolto","@id":"https:\/\/www.webolto.com\/pt\/#\/schema\/person\/d2b6a203f4643bc4880814494c657280"},"headline":"Wireframes: Como criar uma maquete para um website?","datePublished":"2021-11-01T17:49:43+00:00","dateModified":"2021-11-01T17:50:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/"},"wordCount":1619,"commentCount":0,"publisher":{"@id":"https:\/\/www.webolto.com\/pt\/#organization"},"image":{"@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png","articleSection":["Uncategorized"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/","url":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/","name":"Wireframes: Como criar uma maquete para um website? - Webolto","isPartOf":{"@id":"https:\/\/www.webolto.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage"},"image":{"@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png","datePublished":"2021-11-01T17:49:43+00:00","dateModified":"2021-11-01T17:50:23+00:00","description":"Os wireframes s\u00e3o fundamentais para a cria\u00e7\u00e3o de um website. Confira neste artigo quais s\u00e3o as melhores ferramentas da web para utilizar este recurso.","breadcrumb":{"@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#primaryimage","url":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png","contentUrl":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png","width":470,"height":353,"caption":"Pessoa trabalhando no computador"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webolto.com\/pt\/blog\/ferramentas-wireframes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webolto.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Wireframes: Como criar uma maquete para um website?"}]},{"@type":"WebSite","@id":"https:\/\/www.webolto.com\/pt\/#website","url":"https:\/\/www.webolto.com\/pt\/","name":"Webolto","description":"Centro de recursos para projetos da web","publisher":{"@id":"https:\/\/www.webolto.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webolto.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.webolto.com\/pt\/#organization","name":"Webolto","url":"https:\/\/www.webolto.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.webolto.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/header-logo.png","contentUrl":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/header-logo.png","width":3237,"height":667,"caption":"Webolto"},"image":{"@id":"https:\/\/www.webolto.com\/pt\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webolto.com\/pt\/#\/schema\/person\/d2b6a203f4643bc4880814494c657280","name":"webolto","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.webolto.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/31a65b7142b50bb5b6b280f3fba9d6db?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/31a65b7142b50bb5b6b280f3fba9d6db?s=96&d=mm&r=g","caption":"webolto"},"sameAs":["http:\/\/webolto.com"]}]}},"featured_image_src":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png","featured_image_src_square":"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/08\/wireframes-imagemprincipal.png","author_info":{"display_name":"webolto","author_link":"https:\/\/www.webolto.com\/pt\/blog\/author\/thefabrique\/"},"_links":{"self":[{"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/posts\/1665"}],"collection":[{"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/comments?post=1665"}],"version-history":[{"count":0,"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/posts\/1665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/media\/1707"}],"wp:attachment":[{"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/media?parent=1665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/categories?post=1665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webolto.com\/pt\/wp-json\/wp\/v2\/tags?post=1665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}