¿QUÉ PROCESO HAY QUE SEGUIR PARA CREAR UNA WEB?

¿QUÉ PROCESO HAY QUE SEGUIR PARA CREAR UNA WEB?

¿QUÉ PROCESO HAY QUE SEGUIR PARA CREAR UNA WEB?

Durante el proceso de creación de tu página web pasaremos por distintas etapas para elaborar el diseño que mejor se adapte a ti.

INVESTIGACIÓN

En esta primera etapa de diseño vamos a recopilar la mayor información posible. ¿Qué el lo que necesitas para tu web? ¿Cuáles son las cosas que te diferencian de la competencia? Con la información que obtengamos vamos a determinar que puntos fuertes puedes ofrecer a tus clientes.

¿Cómo elijo un dominio? Nosotros te ayudaremos según la estrategia

Pero para realizar este punto vamos a necesitar tu ayuda, tu eres el que mejor conoce tus servicios y tus clientes, y al juntarlos con nuestros conocimientos sobre el sector crearemos el diseño óptimo para tu web.

PLANIFICACIÓN

Con toda la información que tenemos lo primero es planificarnos, de esta manera llegaremos a cumplir con el objetivo de una forma más efectiva. Decidiremos que tipo de tecnologías necesitas (HTML, WordPress, Prestashop…) Planificaremos todos los aspectos técnicos y funcionalidad que necesites para tu negocio.

Si no sabes que tecnología necesitas, nosotros te asesoramos

ARQUITECTURA Y CONTENIDO DE LA WEB

Crearemos la estructura de tu web acorde a la usabilidad (UI) y la experiencia del usuario (UX). La usabilidad hace que el cliente pueda encontrar rápidamente la información que busca, sin tener que estar investigando por toda la web. La experiencia de usuario es qué experimenta el usuario durante todo el proceso de visita, hay qué darle al usuario lo que este necesita.

DISEÑO DE LA WEB

Estaremos un poco más cerca de tener una gran web. Ahora con toda la información que tenemos vamos a crear del aspecto visual. El diseño lo creamos acorde a la imagen de marca y de los valores e información que vamos a transmitir. De esta manera tu marca cada vez será más reconocible

En las 12 en Punto también hacemos diseño gráfico, por lo que no te preocupes si quieres unos iconos personalizados

ÚLTIMOS DETALLES

La páginas web es un gran paso para un negocio, pero necesita un mantenimiento para poder ser lo más efectiva posible. Ofrecemos packs de mantenimiento para que tu web esté actualizada en todo momento.

¿Y DESPUÉS QUÉ?

La páginas web es un gran paso para un negocio, pero necesita un mantenimiento para poder ser lo más efectiva posible. Ofrecemos packs de mantenimiento para que tu web esté actualizada en todo momento.

 

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Fotomontajes Artistas españoles

Fotomontajes Artistas españoles

Volvemos con una serie de fotomontajes, esta vez dedicados a los artistas españoles. Hemos seleccionado a Dalí, Goya, Murillo, Picasso y Velázquez, insertando a sus personajes en situaciones cotidianas.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Iconos Personalizados

Iconos Personalizados

PERSONALIZAR UNA WEB

Cuando trabajamos en el diseño de una web hay elementos que pueden ser diferenciadores a la hora del resultado final. Uno de estos elementos son los iconos que aparecen en las páginas distribuidoras de información o como elementos decorativos de la web.

¿Por qué personalizar los iconos?

Porque daremos aspect de tener una web cuidada y detallista, como queremos que sean nuestros productos o servicios. Si la web es el primer contacto con el posible cliente unas imágenes e iconos de stock causarán más indiferencia, ya que es posible que nuestra competencia haya utilizado los mismos diseños o semejantes.

En este caso hemos personalizados los iconos para la página web de un festival, donde además de cambiarles a color corporativo se han añadido animaciones para causar un efecto extra de dinamismo. Este efecto  solo puede ser visualizado cuando ponemos el ratón por encima de la imagen o lo que llamamos el efecto hover. Para realizar este tipo de iconos primero se deben dibujar con un programa que nos permita acceder al código svg de la imágen, posteriormente nos pasamos a un programa de edición de código donde a través de los keyframes podremos establecer distintos tipos de movimientos o animaciones.

Para que podáis ver el funcionamiento de los iconos os dejamos el código utilizado.

 

See the Pen SVG ANIMATED ICONS PURPLE by Berta (@Las12enpunto) on CodePen.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Guía de WordPress. Capitulo 1: ¿Qué es WordPress?

Guía de WordPress. Capitulo 1: ¿Qué es WordPress?

Guía de WordPress.

Capítulo 1: ¿Qué es WordPress?

Para poder explicar el funcionamiento de esta herramienta, creemos que no viene mal hacer un pequeño repaso, unas pinceladitas  de los aspectos fundamentales de WordPress, aunque sea:

WordPress es un CMS (Content Management System, o Sistema de gestión de contenidos), es decir un programa informático que nos permite administrar y gestionar todo el contenido que se encuentra organizado en una determinada estructura jerarquizada.

Actualmente se trata de una de las plataformas más utilizadas en todo el mundo para la creación de páginas web. Su éxito está fundamentado en tres pilares:

1

Es un CMS. Que a efectos prácticos, se traduce en que nos permite publicar contenidos en internet teniendo poca o ninguna noción de codificación.

2

Funciona bajo licencia GPL. Es decir es Software libre. Además cuenta con una enorme comunidad de desarrolladores y diseñadores generando utilidades y herramientas para uso y disfrute de la comunidad (Evidentemente, no todo el monte es orégano, y hay aplicaciones gratuitas y de pago).

3

Es fácil de usar y bastante intuitivo.

No entraremos a definir WordPress a nivel de programación interna o requisitos del sistema para su instalación. Baste decir que está desarrollado en lenguaje PHP para entornos que permitan la ejecución de apache y de bases de datos en MYSQL.

Hay dos formas básicas de utilizar WordPress:

WordPress.com

WordPress.com como servicio gratuito en la nube. Automattic (la empresa que creó WordPress) ofrece esta posibilidad, en la que podemos contratar online y sin coste un pequeño espacio (Alojamiento) donde desarrollar nuestra web (habitualmente un blog), de manera limitada, utilizando WordPress.

La ventaja principal, evidentemente, es que es completamente gratuito. Sus mayores peros son:

 

  • Tendremos acceso únicamente a una versión limitada de la herramienta;
  •  A menos que hayamos contratado un dominio y lo hayamos asociado, nuestra web tendrá una URL con la siguiente estructura: NombreDeMiWeb.wordpress.com;
  • Si queremos ampliar las características de nuestra web, probablemente tengamos que acogernos a algún plan de pago mensual de los que se ofertan.

WordPress.org

WordPress.org. Esta plataforma nos brinda la oportunidad de descargar WordPress y varias de sus utilidades (plugin) para su posterior instalación en nuestro propio servidor, bajo el dominio que hayamos adquirido. Además en la web (https://wordpress.org/) encontraremos un foro casi infinito con los diversos problemas que les han surgido a personas de todo el planeta y las respuestas de desarrolladores y gente afín a la plataforma.

Otra de las opciones, que ahora permiten una gran cantidad de servicios de alojamiento (hosting), es la de instalar WordPress en pocos clicks desde el propio panel de administración.

El mayor problema que presenta esta opción es que, aunque para manejar WordPress no es necesario tener amplios conocimientos de codificación, para la elección del servidor, el dominio y el posterior mantenimiento de nuestra web, sí que es conveniente seguir algunos pasos y recomendaciones básicas, que de no estar familiarizados con el entorno, pueden resultar complicadas.


Antes de concluir con la introducción os dejamos el link a la página del Codex de WordPress.org en la que se explica la famosa instalación “en 5 minutos”  (Cuidado porque el título es engañosos, en llevar a cabo la instalación se tarda 5 minutos, en leerse el tutorial y aprender los distintos pasos, algo más)

Si queréis continuar aprendiendo sobre WordPress y su funcionamiento, no os perdáis la segunda entrega de este tutorial: Guía de WordPress. Capítulo 2: Acceso a WordPress.”

En el explicaremos brevemente como acceder a WordPress, y algunas peculiaridades a tener en cuenta.

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro

Rápido y a mano | Free Font

Rápido y a mano | Free Font

Fuente manuscrita

Hemos realizado nuestra primera “font” para vosotros, en el enlace podréis ver,  probar y descargar nuestra fuente manuscrita

0102030506

NUESTROS SERVICIOS DE DISEÑO

Diseño web en Fuencarral-El Pardo

Diseño web en Madrid Centro

Diseño web en Retiro

Diseño web en Chamartín

Diseño web en Arganzuela

Diseño web en Barrio de Salamanca

Diseño web en Chamberí

Diseño web en Moncloa-Aravaca

Diseño web en Carabanchel

Diseño web en Usera

Diseño web en Tetuán

Diseño web en Moratalaz

Diseño web en Ciudad Lineal

Diseño web en Villaverde

Diseño web en Villa de Vallecas

Diseño web en la Latina

Diseño web en Barajas

Diseño web en San Blas

Diseño web en Puente Vallecas

Diseño web en Hortaleza

Diseño web en Vicálvaro