Inicio relalización portada pagina web

Realizacion portada página web

1. Importante visitar otras páginas web de misma temática e intentar mejorarlas para captación de público.

 Tras ver distintos tipos de páginas web relacionadas con el sector del taxi saqué algunas conclusiones que me ayudaron a saber como personalizar la mía. Todas las páginas que ví tenian los mismos contenidos: tarifas, horarios y poca cosa más. Ninguna de todas las que visité consiguió llamarme la atención o engancharme de alguna forma, solo una la cual no me llamo la atención por sus contenidos, pero si por su diseño, vistosidad y simpleza. Aquí os la muestro:

Por ello pensé que mi página web en cuanto a contenido tenía que ser más cercana y divertida de cara al publico. De ahí la idea de realizar y dar importancia a la sección fotos y anécdotas, una sección tipo diario donde pueda ir contando las cosas divertidas que pasan o se ven recorriendo las calles de Madrid y que consiga enganchar a la gente para entrar a curiosear. La idea es que la página guste y se divulgue de boca en boca y amigo en amigo con el objetivo final de ganar clientela fija para realizar trayectos.

2. Elección adecuada del fondo y paleta de colores de la página web.

En cuanto al diseño de la página lo primero que me pregunté es que paleta de colores utilizaría para su realización y tras pensar un poco elegí los siguientes:

   -Tonos azulados ya que representan muy bien el anochecer del cielo, hora a la que normalmente empiezo a trabajar.

   -Negro y amarillo ya que ambos son colores representativos del sector de taxi, no de esta ciudad, pero si de los famosos taxis americanos que vemos en tantas películas. Además el amarillo también representa las luces de los faros de los coches en la noche.

Una vez elegida la paleta de colores ahora quería encontrar una imagen de fondo para el encabezado de la paǵina y tras buscar muchos paisajes o panorámicas de Madrid encontré uno que me pareció ideal: contenía los colores que elegí para mi paleta, era informal y representa con un dibujo los elementos más importantes de la ciudad de madrid. Aquí la teneis:

3. Búsqueda de un logo.

Desde el principio me gustó el nombre de Taxi Sergy, intenté buscar un dibujo o logo para acompañar, pero me dió la sensación que llenaba demasiado la página con diversos dibujos de taxi asi que decidí dejar como logo el nombre de Taxi Sergy dándole un toque especial utilizando los colores de la paleta utilizando html y css. En las siguientes entregas trabajaré en mejorarlo y hacerlo más vistoso y llamativo. Aquí teneis el actual, simple pero que me hace sentir identificado:

4. Estructura de la portada.

Tras  ver multitud de plantillas de HTML y CSS y no encontrar ninguna que se adaptara demasiado a los contenidos que yo quería tener en mi página, finalmente decidí crear yo mi propio código html y css desde cero. Por un lado esta bien porque vas viendo como poco a poco tu página va tomando forma segun vas creando el documento css y por otro lado es peor porque es tarea ardua montar los modulos y que todo encaje a la perfecciñon en la página.

5. Contenido de la portada.

En primer lugar y puede que un poco cegado con la idea de que mi página web fuera distina al resto de páginas de este estilo y enganchara al publico desde un principio coloqué como portada la sección anecdotas que esta formado por dos columnas en las cuales coloco por orden cronológico tanto fotos como anécdotas. Aquí se puede ver:

Pero una clase en la que vimos diseño de páginas web bastó para darme cuenta de que eso no quedaba demasiado profesional asi que pasé lo que iba a ser mi portada a la sección anécdotas poniendolo en el menu y empecé a pensar en el contenido de la nueva portada. Y tras darle varias vueltas e intentando evitar el colocar la típica información del resto de páginas de taxi que habia visto con los precios, destinos etc, decidí colocar una sola frase en plan lema de la página el cual llamara la atención y un breve texto descriptivo de bienvenida y que solo con eso a la gente ya le apeteciera interactuar con la página y entrar en las secciones que requieran necesarias.

Con lo que por ahora a falta de seguir mejorando la página para las siguientes entregas el resultado de la portada es este: