PORTADA

7DevLab

Propuesta de Diseño y Desarrollo de Sitio Web

Preparada para: Sara Cruz Mbsperu
Enviada por: Guillermo Cano 7DevLab
Enviada el: 01 de Mayo de 2020
DESCRIPCIÓN GENERAL Y OBJETIVOS
+51958339133 | gcano@7devlab.com | www.7devlab.com

Estimada Sara Cruz, gracias por su interés en 7DevLab. Somos una agencia digital con más de diez años de experiencia en el mercado y una amplia cartera de clientes tanto nacionales como extranjeros. Trabajamos en cada uno de nuestros proyectos con gran pasión y creatividad. Encontrarás en nosotros no solo a un proveedor, sino a un socio estratégico, pues vamos junto a ti paso a paso durante el diseño, desarrollo y despliegue de la solución web idónea para tu empresa.

Cada uno de nuestros proyectos son únicos, hecho a la medida para cada cliente sea autónomo, pyme o corporativo. Nuestro objetivo principal es adaptar la tecnología a las necesidades del cliente y no lo contrario, de tal forma que cada solución web sea intuitiva y fácil de usar. Si estás buscando el socio ideal para expandir tu negocio en internet, te invitamos a conocer un poco más sobre quiénes somos y todo lo que podemos hacer por ti.

ALCANCE DE SERVICIOS
+51958339133 | gcano@7devlab.com | www.7devlab.com
1. INVESTIGACIÓN

El primer paso que necesitamos, es comprender el trasfondo de su negocio, sus objetivos comerciales, sus clientes, sus expectativas y comportamiento, de tal manera que la solución web tenga en cuneta todo esto. También veremos el panorama competitivo para establecer el contexto y los puntos de referencia sobre cómo debería funcionar su sitio y luego mejorarlo. Esta etapa nos dará la base para avanzar con las recomendaciones correctas para el diseño y desarrollo de su solución web.

2. DISEÑO

Una vez armada la información, comenzaremos a esbozar diseños de interfaz para las diferentes vistas, la página de inicio y subpáginas. Los wireframes parecen esqueletos simples de su sitio web sin el pulido visual del diseño terminado, lo que nos permite experimentar e iterar sobre soluciones rápidamente para que tengamos una buena idea de cómo se debe distribuir el contenido en diferentes tamaños de pantalla.

Recomendamos tener todo su contenido listo en esta etapa, que formara parte del diseño y hará que sea más rápido la cargar del contenido inicial en el servidor de desarrollo para que el contenido no retrase el lanzamiento. Si no puede proporcionar contenido escrito profesionalmente en esta etapa, usaremos texto de prueba (data dummy).

A continuación, implementaremos el prototipado de alta fidelidad que muestren cómo serán los diseños finales en las pantallas de escritorio, tableta y teléfono inteligente, proporcionando hasta dos rondas de revisiones en el diseño.

3. DESARROLLO

A continuación, nos pondremos a trabajar para que su diseño sea una realidad mediante la construcción del sitio utilizando tecnología basada en estándares. Construiremos la parte del front-end, lo que ve el usuario, en HTML5, CSS y Javascript, con efectos, animaciones y validación de formularios y prepararemos el back-end, sección privada para modificar el contenido a cargo del administrador.

DESARROLLO CON WORDPRESS

WordPress es un CMS (Content management system o sistema de gestión de contenido), un CMS es un software desarrollado para que cualquier usuario pueda administrar y gestionar contenidos de una web con facilidad y sin conocimientos de programación Web. Previamente un programador deberá desarrollar la página web en base al CMS más apropiado para el tipo de web, dejando las tareas posteriores de gestión en manos del usuario final.

Recomendamos WordPress como su sistema de administración de contenido (CMS) ya que es el CMS de código abierto más popular del mundo y tiene miles de desarrolladores que lo mejoran constantemente y contribuyen con complementos para ampliar su funcionalidad.

Instalaremos WordPress en su servidor, configuraremos el panel de administración para usted y luego crearemos un tema personalizado de WordPress que reflejará el diseño que creamos para usted.

Todo el contenido de las páginas y secciones serán administradas desde acá, igualmente podrá agregar nuevas páginas y modificar la navegación del sitio usted mismo en WordPress. Si el cliente lo requiere, también crearemos un blog para publicaciones que se mostrarán en orden cronológico inverso con filtros de paginación, búsqueda, etiquetado y categoría, esto ayudaría en el SEO para posicionamiento en buscadores.

Nota: Nosotros nos encargamos de importar los datos de su viejo sitio web a la nueva solución.

4. PRUEBAS

Probaremos el sitio web en una variedad de navegadores, incluidos Safari, Chrome, Firefox e Internet Explorer 9. También probaremos el diseño receptivo en dispositivos iPhone y Android. Probaremos la funcionalidad del sitio para asegurarnos de que no haya errores o enlaces rotos y luego lo entregaremos para que pueda revisarlo en un servidor de prueba.

Tendrá dos rondas de revisiones menores o ajustes a los sitios, y luego lo lanzaremos.

5. LANZAMIENTO

Una vez que haya probado el sitio web y esté satisfecho con su funcionalidad, haremos que el tema de WordPress esté activo en su sitio web y apuntemos su dominio al nuevo sitio.

6. POST LAZAMIENTO

No lo dejaremos solo después del lanzamiento, en caso la solución web presente problemas lo solucionamos de inmediato, solo en caso que el problema sea por modificación del código por terceros, tendría un costo adicional.

TIEMPOS, PRESUPUESTO Y ESTRUCTURA DE PAGOS
+51958339133 | gcano@7devlab.com | www.7devlab.com
1. TIEMPOS (TIMEFRAME)

La puntualidad es para nosotros un valor fundamental. Nuestra metodología de trabajo no solo te garantiza recibir un producto final de alta calidad, sino también hacerlo en el menor tiempo posible. Nos enorgullecemos en decir que el 100% de nuestros proyectos son entregados en el tiempo pautado, siendo muchos los que se culminan incluso antes de lo estimado.

PáginasSemanas
Inicio1.2
Nosotros0.8
Servicios1.7
Publicaciones0.9
Tienda1.9
Contacto0.2
Version Responsiva0.2
Total7
2. PRESUPUESTO
PáginasPrecio
InicioS/. 844.80
NosotrosS/. 563.20
ServiciosS/. 1179.20
PublicacionesS/. 633.60
TiendaS/. 1337.60
ContactoS/. 105.60
Version ResponsivaS/. 140.00
TotalS/. 4804.00
3. ESTRUCTURA DE PAGO
FasePorcentaje
Pago inicial30%
Segunda cuota (A cancelarse luego de aprobarse todos los diseños)35%
Pago Final (A cancelarse luego de probar exitosamente el sitio web)35%
SECCIONES PROPUESTAS PARA EL DISEÑO Y DESARROLLO DE LA SOLUCIÓN WEB
+51958339133 | gcano@7devlab.com | www.7devlab.com

A continuación le sugerimos todas las secciones que creemos deben ser parte de tu nueva solución web y te damos detalles sobre la funcionalidad propuesta para cada una de ellas:

1. Inicio

La página de inicio representa la fachada de tu nuevo sitio web. Se diseñará y desarrollará utilizando las últimas tecnologías web a fin de hacerla elegante, atractiva y fácil de navegar. Mostraremos adecuadamente toda la información (servicios, nosotros, tienda, etc) de la plataforma.

2. Nosotros

Páginas internas:

  • Quienes Somos
  • Capital Humano
  • Clientes
  • Testimonios
3. Servicios

Páginas internas:

  • Consultoría Estratégica y organizacional
  • Consultoría financiera
  • Marketing e investigación
  • Consultoría en gestión humana
  • Programas de capacitación de directivos

Nota: Incluido los sub servicios de los servicios mencionados anteriormente.

4. Publicaciones
  • Esta sección contendrá imágenes y texto presentada en formato Blog.
  • Cada artículo o noticia podrá administrarse a través del CMS.
  • Se incluirá el formulario para subscribirse al Boletín (Newsletter).

Páginas internas:

  • Listado de posts, con filtro por categorías y buscador.
5. Tienda
  • Mediante el Carrito de Compras, el usuario podrá guardar todos aquellos productos que está interesado en adquirir/cotizar.
  • Se le mostrará información sobre monto total, impuestos a pagar, opciones de envío, entre otros (Si aplicable).
  • Se implementará una página de Checkout simple y atractiva a fin de agilizar los pagos en línea.

Páginas internas:

  • Mi cuenta.
  • Carrito de compras.
  • Checkout / Pasarela de pagos.
  • Listado de productos, con filtro por categorías y buscador.
6. Contacto

Esta sección contendrá un formulario de contacto para potenciales clientes. La información de dicho formulario será enviada al correo electrónico de su preferencia.
A su vez, esta sección tendrá información general de contacto tal como teléfono, correo electrónico, dirección, etc

¿PORQUE NOSOTROS?
+51958339133 | gcano@7devlab.com | www.7devlab.com

En 7DevLab, hablamos de la experiencia. Diseñamos soluciones web simples, atractivos y funcionales que facilitan a los usuarios encontrar rápidamente lo que están buscando y luego convertirlos en clientes de pago. Se trata de crear una experiencia en línea que transforme a los usuarios en clientes.

Nuestro servicio personalizado es uno de los componentes clave de nuestro éxito, no tenemos limite a la hora de desarrollar una solución web, las únicas restricciones son tiempo y presupuesto. Nos gusta sentir que trabajamos junto a nuestros clientes y para ellos. A través de los años hemos desarrollado una reputación no solo por innovar sino también por ser un socio confiable para cada uno de nuestros clientes.

No solo desarrollamos soluciones web, también soluciones móviles que fácilmente podemos integrar a su solución web, teniendo en cuenta que las apps móviles son el futuro.

No solo entregamos sitios web “bonitos” sino que también entregamos resultados cuantificables. En resumen, estas son las razones por las cuales nuestros clientes nos eligen:

  • Somos una compañía que escucha.
  • Obtienes un retorno a tu inversión.
  • Tenemos más de 10 años de experiencia.
  • Nuestro equipo está altamente capacitado.
  • Obtienes lo última en tecnología web.
  • Obtienes un diseño totalmente innovador.
  • Obtienes data y estadísticas para análisis.
  • Obtienes soporte técnico permanente.
Revisión de los requerimientos técnicos del cliente:
+51958339133 | gcano@7devlab.com | www.7devlab.com

Para entender mejor nuestro de proceso, listare las actividades de las fases mencionadas en la estructura de pago:

Fase inicial

  • Análisis y diseño.

Aquí maquetaremos cada paginas mencionada en la Sección de propuestas, empezando por el Inicio, Nosotros, Nosotros – Quienes Somos, Nosotros – Capital Humano, etc. Cada proof presentada (diseño en foto) debe ser aprobada por el cliente para avanzar a la siguiente página.

Segunda fase

  • Desarrollo o programación.
  • Importación de datos.
  • Pruebas internas.
  • Pruebas por el cliente.

En esta fase daremos vida a las proofs (fotos de diseños) aprobadas en la fase anterior mediante la programación. Una vez terminada la programación, procederemos a copiar la información de la plataforma antigua a la nueva, para luego realizar las pruebas nuestras y del cliente y en caso de encontrar errores (bugs), corregirlos.
Todo esto en nuestro servidor de pruebas.

Fase final

  • Lanzamiento.

Una vez que el cliente apruebe el correcto funcionamiento de la plataforma y realice el pago, moveremos la plataforma al hosting del cliente.

PUNTOS A REVISAR:

1. Cuántas paginas va a tener la web de MBSPERU?
El número de paginas no es importante ya que muchas de ellas usan la misma plantilla, lo importante es definir las páginas que se diseñara y desarrollaran mencionadas en la sección SECCIONES PROPUESTAS PARA EL DISEÑO Y DESARROLLO DE LA SOLUCIÓN WEB. Por ejemplo todas las publicaciones del blog tendrán la misma plantilla.
Nosotros nos encargaremos de migrar su información a la nueva solución mediante el desarrollo de un script, por ende el número de paginas no es importante.

2. Con qué plataforma debe ser elaborado la web de MBSPERU?
En 7devlab tenemos profesionales especializados en ingeniería de software y desarrollo web, por eso tenga la seguridad que cualquier requerimiento solicitado por el cliente lo podremos hacer.

  • Podremos importar su información a la nueva solución sin importar la tecnología del de la antigua plataforma (drupal, joomla, mysql, etc).
  • El uso de wordpress no nos limita en la implementación de requerimientos, solo lo usamos para agilar el tiempo de desarrollo y por su administrador es intuitivo y fácil de usar.
  • Todos nuestros desarrollos son responsivos.

3. Qué aspectos debe primar en la Imagen de MBSPERU?
Respecto a los puntos mencionados sobre su modelo B2B:
1) Nuestro portafolio de productos y servicios y las soluciones que aportamos a los clientes
2) las historias de éxito de nuestros clientes y los sectores donde hemos intervenido
3) la experiencia y el Know how acumulado en nuestra experiencia
4) al Calidad de nuestro equipo humano y Especialistas

En la página de SECCIONES PROPUESTAS PARA EL DISEÑO Y DESARROLLO DE LA SOLUCIÓN WEB ya se consideran estos puntos:

El punto 1 esta considerado en la sección de (3. Servicios) y (5. Tienda).
El punto 2, 3 y 4 esta considerado en la sección (2. Nosotros) con sus respectivas subpáginas Quienes Somos, Capital Humano, Clientes y Testimonios.

Respecto al contenido de las paginas (Texto,Fotos,Videos,etc..), el cliente lo debe de proveerlos, durante la fase de diseño utilizaremos imágenes y texto de prueba, en la fase de desarrollo (programación) e importación de datos es necesario que el cliente provea imágenes y texto final.

Las fotografías deben estar en formato digital de alta resolución. Si elige comprar fotografías de archivo, podemos sugerir bibliotecas de archivo y estilo de fotografía / imágenes.
Se asume que todo aquel material (Tanto escrito como fotográfico y/o videos) proporcionado por el cliente para incluirse en el sitio web, es de propiedad del mismo.

4. Qué modelo seguir para el Diseño de la página?
Las páginas de ejemplo solicitadas para entender la visión y gusto del cliente en general (colores, imágenes, arquitectura, etc) para su propia plataforma. Esto nos ayuda para que los diseños presentados sea del agrado del cliente y sea aprobados en el menor tiempo posible.
En caso el cliente desea actualizar el contenido de su página web (texto), es necesario que lo haga antes de la fase de importación de datos, de lo contrario se considerará como un trabajo extra y tendrá que presupuestarse
En caso el cliente desea incorporar nueva información a la plataforma que no se encuentra en su plataforma actual, será considerado como un trabajo extra y tendrá que presupuestarse.

5. Qué estructura o formato vamos a seguir?
Los servicios mencionados: marketing e investigación, consultoría financiera y de gestión humana, ya están siendo considerados en la página: PROPUESTAS PARA EL DISEÑO Y DESARROLLO DE LA SOLUCIÓN WEB en la sección: (3. Servicios.)
Nuevamente se hace hincapié en que la fase de diseño se hará de la mano con el cliente, cada proof (foto del diseño) se hará de acuerdo a los estándares y requisitos del cliente, los cuales debe ser revisados y aprobados por el mismo.
En el presupuesto se tomo en cuenta el buscador y filtros en servicios y productos.

6. Cómo debe organizarse la presentación de los servicios?
El cliente debe proveer el contenido de las paginas (Texto,Fotos,Videos,etc..).
Las secciones o páginas propuestas esta en
SECCIONES PROPUESTAS PARA EL DISEÑO Y DESARROLLO DE LA SOLUCIÓN WEB.
Las arquitectura y maquetación de cada pagina se definirá durante la fase de diseño. (Formulario, filtros, colores, sliders, etc.)

7. La página debe ser full Interactiva
a. La sección de publicaciones será rediseñada.
b. Se podrá inclustar videos de servicios externos como youtube o vimeo.
c. Se rediseñara la tienda virtual.
d. Se recomienda utilizar servicios externos como google para las encuestas y estas sean incrustradas en la plataforma.


Nuestros Aliados y Soportes Estratégicos

Éstos son nuestros socios y aliados que hacen posible superar cada reto que tenemos y seamos cada vez mejores en los proyectos que desarrollamos.

Contáctanos
Escríbenos(Chile)
Escríbenos(Perú)

Mantengámonos en contacto.

Queremos trabajar con usted para crear cosas realmente geniales. Nuestra oficina está ubicada en Santiago, Chile.
El horario de trabajo es flexible, ya que estamos trabajando con clientes en todo el mundo.

Háblanos de tu proyecto.

    Nuestras oficinas en Santiago, Chile
    Map
    Google Street View