Criando um site com o IM Creator

No mundo em constante expansão dos criadores de sites on-line, é muito difícil encontrar algo que valha a pena gastar mais de dez minutos. Esse mercado é inundado por interfaces desajeitadas, modelos hediondos e restrições brutais de design de forma livre.

Recentemente, deparei-me com um produto chamado IM Creator que se destaca no estilo e na funcionalidade. Ele cumpre suas promessas ou se junta aos demais sites desse mercado e fica aquém de uma solução decente para sites de bricolage? Leia mais para descobrir.

A situação do WYSIWYG baseado na Web

Os criadores de sites WYSIWYG ainda são considerados por muitos codificadores e designers profissionais como uma abominação, os WYSIWYGs baseados na Web duplicam. A maioria deles impõe restrições estritas à sua liberdade de design e / ou cuspe algum código bastante abominável. Alguns chegam ao ponto de… esperar por isso, site em Flash! Definitivamente, estou no campo “codifique você mesmo”, mas ainda brinco sempre com essas coisas quando vejo uma nova apenas para ficar de olho em como esse mercado está evoluindo.

"Apesar da rejeição por parte dos codificadores esnobes, o mercado se recusa a morrer."

O que mais me interessa nessa área é que, apesar da rejeição por nós, codificadores esnobes, o mercado se recusa a morrer. De fato, parece não apenas crescer, mas melhorar rapidamente. Cada novo construtor de sites sofisticados que você encontra é um pouco melhor que o anterior. A melhoria incremental não é motivo de escárnio, a longo prazo, pode levar a produtos que até mesmo profissionais sérios precisam apreciar.

Será que esse dia chegará? Muitos dizem que não. O argumento popular diz que os WYSIWYGs nunca serão uma ferramenta para profissionais sérios de web design, apenas amadores que desejam estar nas grandes ligas ou empreendedores que não podem contratar um designer.

Aposto que, se voltasse à década de 1980, encontraria toneladas de designers que me diriam o mesmo dos computadores em geral. Claro, eles têm potencial, mas nenhum designer sério jamais usaria um. Fazer isso seria abandonar a verdadeira arte do design e a liberdade de construir à mão. Soa familiar?

Eu não estou argumentando que todo web designer deveria acabar e começar a usar o Homestead, estou apenas dizendo que não há sentido em descartar para sempre a ideia de que esse nicho de produtos poderia um dia causar um grande impacto no mundo profissional, mesmo além do que vimos no Dreamweaver anos atrás.

Com isso em mente, continuarei tentando essas coisas. Posso sacudir a cabeça e me perguntar como alguns deles estão tão distantes, mas estou confiante de que um dia executarei o mesmo gesto imaginando até que ponto esses produtos chegaram.

Conheça o IM Creator

O mais recente construtor de sites on-line que me deparei é o IM Creator. O discurso de vendas é muito parecido com o de seus irmãos: construa seu próprio site bonito sem digitar uma única linha de código, grátis! Todos sabemos que essas reivindicações gratuitas são bastante falsas porque, a longo prazo, você terá que pagar pela hospedagem se realmente quiser usar o site. Mas é pelo menos verdadeiramente gratuito se inscrever e começar a construir sites.

Na verdade, o IM Creator atrasa a inscrição até que você queira salvar algo para poder entrar diretamente no construtor de sites.

A interface aqui é completamente vazia, em um bom sentido. Parece simples e acessível. Você pode fazer muito, mas é estruturado de maneira inteligente para ser fácil o suficiente para que praticamente qualquer pessoa possa usá-lo.

Construindo uma página da Web

Eu escolhi construir meu próprio site a partir do zero, para que o IM Creator me iniciasse com o que é essencialmente uma página em branco com um simples menu de navegação na parte superior.

Para adicionar algo à página, clique no botão "Adicionar um elemento" na parte superior, que expande uma faixa bastante grande de botões com opções para adicionar uma imagem, título, parágrafo, vídeo, galeria, apresentação de slides, etc.

Para começar, escolho soltar uma imagem. Imediatamente, uma fotografia atraente de um pássaro aparece na minha tela, pronta para ser redimensionada e arrastada para o lugar.

Ao clicar no pequeno botão de link acima da imagem, é exibida uma caixa de diálogo que permite configurar facilmente um link interno ou de saída para que, quando você clicar na imagem, leve-o até um destino especificado. Em outros lugares, você pode adicionar um título, texto etc.

Com a imagem selecionada, clico nas opções "Avançado" no canto superior direito da tela e selecione a opção "Bordas e fundo". Depois de examinar minhas opções, decido ver se posso transformar esta foto em um círculo acionando o raio da borda (que é como eu faria em CSS).

Infelizmente, isso não faz muito nada. Parece funcionar em caixas, mas não em imagens. Além disso, o raio da borda controla o máximo em 99px, o que o torna quase inútil para o meu círculo hackear.

Não importa, eu posso fazer um círculo sozinho. Portanto, meu próximo passo é substituir a imagem do espaço reservado para pássaros por uma imagem do meu disco rígido. Para fazer isso, clique na imagem e pressione o grande botão azul “Substituir imagem”.

O aplicativo importa rapidamente minha foto e eu a ajusto no lugar. Estou começando a sentir rapidamente o fluxo de trabalho aqui e não é tão ruim. O aplicativo é bastante responsivo e parece muito mais suave do que eu esperava. Também gosto que não sou forçado a entrar em um modelo, pois em aplicativos como o iWeb, posso criar o que quiser.

Adicionando algum texto

Em seguida, volto ao botão "Adicionar um elemento" e desta vez escolho um parágrafo. Mais uma vez, o conteúdo do espaço reservado é incrível. O parágrafo aparece com um cabeçalho, ambos já com um estilo bastante bonito.

No entanto, percebo imediatamente que odeio a altura da linha esmagada, então clico em "Editar parágrafo" para ver se consigo corrigi-la. A partir daqui, tenho opções básicas, como definir a família de fontes (uma seleção decente de fontes gratuitas populares como Chunk Five e Aller), tamanho, cor etc., além de algumas opções avançadas. Aqui encontro o controle de altura e linha que estou procurando.

Aumentar a altura da linha de até 1.5em ajuda imensamente. Nossa página já está começando a ficar muito boa!

Fixando o menu

O próximo na agenda é consertar esse feio menu de navegação. Decidi optar por algo muito mais minimalista: apenas texto simples com efeitos simples de foco.

Eu não tinha ideia de como fazer isso, mas clicar no botão Configurações do menu exibia um conjunto de controles que o tornavam super fácil. Consegui diminuir a cor do plano de fundo, definir o texto e a cor do texto, espaçar os itens ao meu gosto e até ajustar o espaçamento das letras.

Depois de um pouco mais de ajustes no menu, lancei um logotipo e essa coisa está realmente começando a parecer uma página da web decente!

Terminando

Seguindo o mesmo processo, preencho o restante do design. Há várias ferramentas realmente úteis para brincar aqui. Por exemplo, consegui inserir um mapa do Google ao vivo e meu feed do Twitter em apenas alguns segundos. Aqui está a aparência do resultado final:

Ser capaz de realmente criar o que está na minha cabeça em um construtor de sites on-line gratuito é realmente um feito bastante impressionante. Definitivamente, eu gostaria de ter mais controle sobre as propriedades CSS, especialmente as sobre layout, mas, no geral, a experiência de construção foi agradável.

Parece bom, mas o que há por trás da cortina?

Se você quiser ver a página real que resultou dos meus testes, confira aqui. Aparentemente, parece certo, mas qualquer web designer terá sérios problemas com isso. Apenas para ter certeza de que não fiz nada errado, comparei meu resultado com um dos sites em destaque. Ambos sofriam dos mesmos problemas.

Para iniciantes, o código está uma bagunça. O HTML está completamente cheio de conteúdo que parece mais relacionado ao aplicativo e suas funções do que a página que você está vendo no navegador. Além disso, a funcionalidade básica é bastante difícil. Por exemplo, você não pode selecionar nenhum texto na página. Até onde eu sei, as fontes são servidas com FontSquirrel e @ font-face, então não há razão para que elas não sejam totalmente selecionáveis.

Sob o capô, o código e a funcionalidade são um local crítico, onde praticamente todos os WYSIWYG ficam aquém de uma maneira ou de outra. Definitivamente, é uma área que precisa ser abordada antes que essas ferramentas e seus produtos resultantes possam realmente ser respeitados como sites "reais".

Modelos lindos

O IM Creator pode ficar aquém da grandeza do que está por trás, mas devo dizer que, do ponto de vista puramente visual, ele realmente se destaca. Os modelos internos são alguns dos melhores que eu já vi em um serviço como este:

É realmente bom ver alguém oferecendo modelos de design da web verdadeiramente modernos em um serviço WYSIWYG. A norma nesse setor tende a ser páginas que parecem diretamente de 1999.

Todo o pacote

Como mencionei anteriormente, o elemento "free" é realmente apenas para o elemento de design. Você terá que desembolsar a massa para hospedagem e um domínio personalizado. O preço atual é de US $ 7, 95 / mês (pouco menos de US $ 100 por ano), mas parece que chegará a US $ 12, 95 em um futuro próximo.

Não é o serviço mais barato do mundo, mas se você estiver com um orçamento apertado, pagar US $ 100 para obter um site atraente hospedado no domínio de sua escolha por um ano é realmente um negócio bastante decente. Se você me contratasse com o mesmo objetivo em mente, certamente pagaria muito mais (embora tenha um produto muito melhor).

Conclusão: Qual é o veredicto?

Obviamente, escusado será dizer que este não é um produto para web designers profissionais, e não deveria ser. Temos ferramentas melhores e mais profissionais disponíveis, e esse tipo de serviço não oferece o poder ou a flexibilidade de que precisamos.

No entanto, se você é fotógrafo, restaurante ou outra empresa de pequeno porte, o pacote IM Creator é bastante atraente. Tem um preço decente e realmente me impressiona com sua capacidade de construir algo completamente do zero com uma quantidade razoável de liberdade. E para as pessoas que não têm talento para projetar do zero, os modelos fornecidos impressionam qualquer concorrente que eu já tenha visto.

Os construtores de sites de bricolage on-line ainda têm um longo caminho a percorrer, mas produtos como o IM Creator sugerem um futuro em que esses tipos de ferramentas produzem sites verdadeiramente impressionantes que atraem as massas e se mantêm sob o escrutínio de um profissional.