Diseño de un sitio web con IM Creator

En el mundo en expansión de los creadores de sitios web en línea, es bastante difícil encontrar algo con lo que valga la pena pasar más de diez minutos. Este mercado está inundado de interfaces torpes, plantillas horribles y restricciones brutales de diseño de forma libre.

Recientemente me encontré con un producto llamado IM Creator que se destaca tanto en estilo como en funcionalidad. ¿Cumple sus promesas o se une al resto de los sitios en este mercado y no alcanza una solución decente para el sitio web de bricolaje? Sigue leyendo para averiguarlo.

La situación de la WYSIWYG basada en la web

Los desarrolladores de sitios web WYSIWYG todavía son considerados por muchos codificadores y diseñadores profesionales como una especie de abominación, los WYSIWYG basados ​​en la web se duplican. La mayoría de ellos imponen restricciones estrictas a su libertad de diseño y / o escupen un código bastante abominable. Algunos incluso van tan lejos como para repartir un ... ¡esperen, sitio Flash! Definitivamente estoy en el campo de "codifíquelo usted mismo", pero siempre juego con estas cosas cuando veo uno nuevo solo para estar atento a la evolución de este mercado.

"A pesar del rechazo de los codificadores snob, el mercado se niega a morir".

Lo que atrae mi interés en esta área es que, a pesar del rechazo de los codificadores, el mercado se niega a morir. De hecho, parece que no solo está creciendo, sino que está mejorando rápidamente. Cada nuevo y sofisticado creador de sitios web de bricolaje que encuentro es un poco mejor que el anterior. La mejora incremental no es nada de lo que burlarse, a largo plazo podría conducir a productos que incluso los profesionales serios deben apreciar.

¿Ese día llegará alguna vez? Muchos dicen que no lo hará. El argumento popular dice que los WYSIWYG nunca serán una herramienta para profesionales serios del diseño web, solo aficionados que deseen estar en las grandes ligas o empresarios que no pueden permitirse el lujo de contratar a un diseñador.

Apostaría que si volviera a la década de 1980, encontraría toneladas de diseñadores que me dirían lo mismo de las computadoras en general. Claro, tienen potencial, pero ningún diseñador serio usaría uno. Hacerlo sería abandonar el verdadero arte del diseño y la libertad de construir a mano. ¿Suena familiar?

No estoy argumentando que todos los diseñadores web deberían quedarse sin uso y comenzar a usar Homestead, solo digo que no tiene sentido descartar para siempre la idea de que este nicho de productos podría algún día causar un gran impacto en el mundo profesional, incluso más allá de lo que vimos en Dreamweaver hace años.

Con eso en mente, seguiré intentando estas cosas. Podría sacudir la cabeza y preguntarme cómo algunos de ellos están tan lejos de la base, pero estoy seguro de que algún día realizaré ese mismo gesto maravillado de cuán lejos han llegado estos productos.

Conoce a IM Creator

El último creador de sitios web en línea que he encontrado es IM Creator. El argumento de venta es muy similar al de sus hermanos: ¡construya su propio sitio web hermoso sin escribir una sola línea de código, gratis! Todos sabemos que estas afirmaciones gratuitas son bastante falsas porque a la larga, tendrá que desembolsar el alojamiento si realmente desea utilizar el sitio. Pero al menos es realmente gratis registrarse y comenzar a construir sitios.

IM Creator en realidad retrasa el registro hasta que desee guardar algo para poder saltar directamente al creador del sitio.

La interfaz aquí está completamente vacía, en el buen sentido. Se ve simple y accesible. Hay muchas cosas que puedes hacer, pero está ingeniosamente estructurado para ser lo suficientemente fácil como para que prácticamente cualquiera pueda usarlo.

Construyendo una página web

Elegí crear mi propio sitio desde cero, así que IM Creator me comenzó con lo que es esencialmente una página en blanco con un menú de navegación simple en la parte superior.

Para agregar algo a la página, haga clic en el botón "Agregar un elemento" en la parte superior, que expande una tira bastante grande de botones con opciones para agregar una imagen, título, párrafo, video, galería, presentación de diapositivas, etc.

Para comenzar, elijo colocar una imagen. De inmediato, una fotografía atractiva de un pájaro aparece en mi lienzo, lista para ser redimensionada y arrastrada a su lugar.

Al hacer clic en el pequeño botón de enlace sobre la imagen, aparece un cuadro de diálogo que le permite configurar fácilmente un enlace interno o saliente para que cuando haga clic en la imagen, lo lleve a un destino específico. En otro lugar puede agregar un título, texto, etc.

Con la imagen seleccionada, hago clic en las opciones "Avanzadas" en la parte superior derecha de la pantalla y selecciono la opción "Bordes y fondo". Después de ver mis opciones, decido ver si puedo convertir esta foto en un círculo girando el radio del borde (que es como lo haría en CSS).

Desafortunadamente, esto no hace nada. Parece funcionar en cajas, pero no en imágenes. Además, el radio del borde controla el máximo en 99px, lo que lo hace casi inútil para mi pirateo circular.

No importa, puedo hacer una imagen circular por mi cuenta. Entonces, mi próximo paso es reemplazar la imagen del marcador de posición del pájaro con una imagen de mi disco duro. Para hacer esto, haga clic en la imagen y luego presione el botón azul grande "Reemplazar foto".

La aplicación importa rápidamente mi foto y la empujo a su lugar. Rápidamente estoy comenzando a tener una idea del flujo de trabajo aquí y no está tan mal. La aplicación responde bastante y se siente mucho más suave de lo que esperaba. También me gusta que no me fuercen a una plantilla, ya que con aplicaciones como iWeb, puedo construir lo que quiera.

Agregar texto

Luego vuelvo al botón "Agregar un elemento" y esta vez elijo un párrafo. Una vez más, el contenido del marcador de posición es bastante impresionante. El párrafo aparece con un encabezado, los cuales ya tienen un estilo bastante agradable.

Sin embargo, noto de inmediato que odio la altura de la línea aplastada, así que presiono "Editar párrafo" para ver si puedo solucionarlo. Desde aquí tengo opciones básicas como configurar la familia de fuentes (una selección decente de fuentes gratuitas populares como Chunk Five y Aller), tamaño, color, etc., así como algunas opciones avanzadas. Aquí encuentro el control de altura de línea que busco.

Incrementar la altura de la línea hasta 1.5 em ayuda enormemente. ¡Nuestra página ya está empezando a verse bastante bien!

Arreglando el menú

Lo siguiente en la agenda es arreglar ese feo menú de navegación. Decidí ir con algo mucho más minimalista: solo texto sin formato con simples efectos de desplazamiento.

No tenía idea de cómo lograr esto, pero al hacer clic en el botón Configuración del menú apareció un conjunto de controles que lo hicieron muy fácil. Pude deshacerme del color de fondo, establecer el texto y el color del texto, espaciar los elementos a mi gusto e incluso ajustar el espacio entre letras.

Después de un poco más de ajustes en el menú, agrego un logotipo y ¡esto realmente comienza a parecerse a una página web decente!

Terminando

Siguiendo el mismo proceso, completo el resto del diseño. Aquí hay una serie de herramientas realmente útiles para jugar. Por ejemplo, pude insertar un mapa de Google en vivo y mi feed de Twitter en cuestión de segundos. Así es como se ve el resultado final:

Ser capaz de construir lo que tengo en mente en un creador de sitios web en línea es una hazaña bastante impresionante. Definitivamente me hubiera gustado tener más control sobre las propiedades CSS, especialmente las de diseño, pero en general la experiencia de construcción fue agradable.

Se ve bien, pero ¿qué hay detrás de la cortina?

Si desea ver la página real que resultó de mis pruebas, puede consultarla aquí. En la superficie, se ve bien, pero cualquier diseñador web tendrá algunos problemas serios. Solo para asegurarme de que no había hecho nada malo, comparé mi resultado con uno de los sitios destacados. Ambos sufrieron los mismos problemas.

Para empezar, el código es un desastre. El HTML está completamente lleno de contenido que parece estar más relacionado con la aplicación y sus funciones que la página que estás viendo en el navegador. Además, la funcionalidad básica es bastante tosca. Por ejemplo, no puede seleccionar ninguno de los textos en la página. Por lo que puedo decir, las fuentes se sirven con FontSquirrel y @ font-face, por lo que no hay razón para que no se puedan seleccionar por completo.

Bajo el capó y la funcionalidad es un lugar crítico donde casi todos los WYSIWYG se quedan cortos de una manera u otra. Definitivamente es un área que debe abordarse antes de que estas herramientas y sus productos resultantes puedan ser respetados como sitios web "reales".

Plantillas Magníficas

IM Creator podría estar muy por debajo de la grandeza en lo que hay debajo del capó, pero tengo que decir que, desde un punto de vista puramente visual, realmente sobresale. Las plantillas integradas son algunas de las mejores que he visto en un servicio como este:

Es realmente agradable ver a alguien que ofrece plantillas de diseño web realmente modernas en un servicio WYSIWYG, la norma en esta industria tiende a ser páginas que parecen sacadas de 1999.

Todo el paquete

Como mencioné anteriormente, el elemento "libre" es realmente solo para el elemento de diseño. Tendrá que desembolsar la masa para el alojamiento y un dominio personalizado. El precio actual es de $ 7.95 / mes (poco menos de $ 100 por año) pero parece que subirá a $ 12.95 en el futuro cercano.

No es el servicio más barato del mundo, pero si tiene un presupuesto ajustado, pagar $ 100 para obtener un sitio web atractivo alojado en el dominio que elija durante un año es realmente un trato bastante decente. Si me contrató con el mismo objetivo en mente, sin duda pagaría mucho más (aunque obtendría un producto mucho mejor).

Conclusión: ¿Cuál es el veredicto?

Obviamente, no hace falta decir que este no es un producto para diseñadores web profesionales, y no está destinado a serlo. Tenemos a nuestra disposición herramientas mejores y más profesionales, y este tipo de servicios no ofrecen el poder o la flexibilidad que necesitamos.

Sin embargo, si eres fotógrafo, restaurante u otra pequeña empresa, el paquete IM Creator es bastante atractivo. Tiene un precio decente y realmente me impresiona con su capacidad de construir algo completamente desde cero con una buena cantidad de libertad. Y para las personas que no tienen talento para diseñar desde cero, las plantillas proporcionadas impresionan a cualquier competidor que haya visto.

Los creadores de sitios de bricolaje en línea aún tienen un largo camino por recorrer, pero productos como IM Creator sugieren un futuro en el que este tipo de herramientas producen sitios web realmente impresionantes que atraen a las masas y se mantienen bajo el escrutinio de un profesional.