Diseño y Programación Web

Hacemos realidad todo lo que imagines.

El diseño de cualquier aplicación web o nativa ha de contar con 4 premisas básicas: Usabilidad, Compatibilidad, Código Limpio respetando los estándares y Optimización en la descarga por parte de los usuarios. Marketing Media Solutions consigue hacerlo realidad.

Consultoría

Escuchar, planificar, desarrollar, implementar

A la hora de abordar cualquier proyecto, surgen muchas dudas sobre cómo afrontarlo: los diferentes objetivos del proyecto, definición del target, tipo de administración, tiempos de ejecución, soluciones para diferentes dispositivos, la gestión del contenido, etc. No te preocupes, el equipo de Marketing Media se encargará de todo.

Nuestros consultores analizarán el posicionamiento de tu compañía, de tu sector, de tu competencia y, basándose en los objetivos del proyecto, te recomendarán diferentes alternativas sobre las que trabajar.

Una vez que tengamos más claro que es lo que más se ajusta a tus necesidades, abordaremos el briefing del proyecto, donde se expondrán de forma escrita todos los requerimientos técnicos necesarios, los perfiles de usuarios y sus diferentes interacciones, el árbol lógico de contenidos, el manual de estilo y el Project Plan de ejecución.

Consultoría

Qué hacemos

Diseñamos y Programamos todo tipo de aplicaciones web para navegadores de escritorio. Ya sean webs corporativas, landing pages para campañas publicitarias, tiendas virtuales, intranets o cualquier aplicación de gestión a medida.
El equipo de ingenieros de Marketing Media tiene la competencia necesaria para adaptarse a cualquier Tecnología Web actual: PHP, ASP, Phyton, .NET, JavaScript, JSP, MySQL, MSQL, Oracle, DHTML, HTML5 y CSS3.
También desarrollamos gestores de contenido 100% a medida de las necesidades del cliente, con los consecuentes beneficios a nivel de productividad, escalabilidad y facilidad de gestión para el personal no técnico.

Cómo lo hacemos

Wireframing y estudio de usabilidad

En todos los proyectos que realizamos, presentamos a nuestros clientes los wireframes de todas las páginas troncales del proyecto. Esto nos sirve para definir y trabajar en la usabilidad por parte de los usuarios y que puedas estar más seguro de la estructuración de los contenidos, pudiendo realizar cambios rápidamente.

Wireframing y estudio de usabilidad
Prototipado

Prototipado

No tendrás ninguna duda. Una vez aprobados los wireframes con la estructuración del proyecto y de los contenidos definidos, pasaremos a realizar los prototipos de todas las páginas. Podrás ver las paginas tal y como las verán los usuarios finales, con los colores exactos, las tipografías y la interacción con las acciones de la página.

Esto te permitirá estar totalmente segur@ de que se adapta a tus necesidades y a las del proyecto, pudiendo realizar cambios antes de que escribamos una sola línea de código.

Programación del lado del cliente

Todos los proyectos web se programan en HTML 5, basándonos en el estandard de la W3C y garantizando la total validación del código.

Un código limpio, semántico y optimizado para la descarga ayudará al posicionamiento SEO. Garantizamos retrocompatibilidad hasta donde quiera llegar el cliente.

Programación del lado del cliente
Programación del lado del servidor

Programación del lado del servidor

Optimización, rapidez y documentación. Desde estos 3 parámetros, los ingenieros de Marketing Media programan todas las aplicaciones. Siempre se diseñan las aplicaciones desde un punto de vista de escalabilidad, aprovechando el código al máximo y optimizando las consultas a BBDD para la mejora del rendimiento.

Como patrón de programación utilizamos MVC (modelo vista controlador), siguiendo todos los estándares recomendados y comentando el código para su correcta interpretación.

El diseño de las estructuras de datos se realizará siguiendo las más modernas técnicas de planificación y modelado.

Antes de proceder a su implementación, en una fase más teórica y consultiva, se diseña un diagrama entidad-relación en el que se detallan todos los elementos que intervienen en el almacenado de datos.

Durante el desarrollo de las bases de datos, estas serán cuidadosamente optimizadas siempre teniendo como objetivo la minimización de su tamaño, la velocidad de las consultas y la escalabilidad de la aplicación, indexando correctamente todas las tablas y añadiendo los tipos adecuados a cada campo.

Finalmente, se realizarán todos los test oportunos para optimizar el rendimiento de todas las peticiones a la base de datos para que la aplicación sea lo más rápida posible y tenga el menor impacto bajo cualquier entorno.

Tipos de diseño

Tipos de diseño

Responsive

Desarrollamos proyectos 100% responsive. implementando estructuras basadas en grids. El contenedor principal tendrá un ancho máximo de contenido definido con el cliente en su versión escritorio y se contemplarán hasta resoluciones menores a 480px.

  • 1.200 px y superiores (pantallas de escritorio grandes)
  • 992 px hasta 1199 px (escritorios pequeños, mediados y tablets)
  • 768 px hasta 991 px (tablets en vertical o tablets pequeñas)
  • 480 px hasta 767 px (móviles en horizontal)
  • Menos de 480 px (móviles en vertical)

Diseño publicación dinámica

La publicación dinámica es una configuración en la que se envía una respuesta desde el servidor con varios códigos HTML (y CSS) en la misma URL según el agente de usuario usado en la solicitud de la página.

Dado que no es del todo evidente que con esta configuración se modifique el código HTML en el sitio web según los agentes de usuario para móviles (el contenido para móviles se encuentra "oculto" al rastrearlo con un agente de usuario para ordenadores), se recomienda que se envíe desde el servidor una pista para solicitar que el robot de Google para smartphones también rastree la página y así detectar el contenido para móviles.

Esta indicación se implementa mediante la cabecera HTTP Vary.

Diseño publicación dinámica