Nuestro talentoso equipo de diseñadores se enfocará en crear una interfaz atractiva y funcional, asegurando que cada elemento visual esté cuidadosamente diseñado para mejorar la usabilidad y satisfacción del usuario.

• Benchmarking → Realizaremos un análisis exhaustivo de la competencia y benchmarking para asegurar que el sitio web de Pluspetrol sea relevante y destacado en el mercado objetivo, aprovechando las mejores prácticas técnicas y visuales. Nuestro enfoque estratégico garantizará una presencia digital única y competitiva.
• Investigación de Usuarios y Análisis→ Comenzaremos por comprender a fondo a sus usuarios, identificando sus necesidades, expectativas y comportamientos al interactuar con el sitio web. 
• Mapa de arquitectura→ Definiremos el alcance de nuestros productos mediante un mapa de arquitectura, utilizando un árbol de estructura para establecer con claridad y lógica la magnitud del proyecto. Esta estrategia nos permitirá delinear de manera precisa los elementos clave y asegurar una planificación efectiva para el desarrollo del sitio web de Pluspetrol.
• Definición de Objetivos y Flujos de Usuario→ Estableceremos objetivos claros para el sitio web y definiremos los flujos de usuario más efectivos para lograrlos. Esto nos permitirá crear una estructura de navegación intuitiva y centrada en la experiencia del usuario.
• Wireframes →Basándonos en los hallazgos de la investigación, crearemos wireframes del sitio web. Estas representaciones visuales nos ayudarán a validar las soluciones propuestas antes de pasar a la etapa de diseño final.

Beneficios de una Sólida User Experience (UX) en el Sitio Web de Pluspetrol:

• Mejora en la satisfacción y retención de los usuarios.
• Mayor interacción y tiempo de permanencia en el sitio web.
• Incremento en la tasa de conversión y generación de leads.
• Potenciación de la marca y reputación online de Pluspetrol.

PROGRAMAS QUE UTILIZAMOS:

En el diseño del sitio web, es de suma importancia para nosotros destacar que todo el trabajo estará enfocado en respetar rigurosamente los lineamientos de la marca Pluspetrol. Nos comprometemos a seguir cuidadosamente las directrices de identidad visual de la empresa, manteniendo una coherencia estética que refleje la imagen y los valores de Pluspetrol en cada elemento del sitio web.

Al mantenernos fieles a la identidad de la marca, aseguraremos que el sitio web se presente como una extensión natural de la imagen de Pluspetrol, fortaleciendo la percepción positiva de su empresa en el mercado y consolidando su posición como referente en la industria.

La combinación de la experiencia en diseño y el respeto a los lineamientos de la marca de Pluspetrol garantizará un sitio web visualmente atractivo y funcional, capaz de brindar una experiencia única y memorable tanto en la versión de escritorio como en su adaptación a dispositivos móviles.

Objetivo de la Etapa de Diseño

El objetivo principal de esta etapa es crear un sitio web que sea estéticamente atractivo y fácil de interactuar. En sí, es un proceso detallado y sistematizado de los elementos necesarios para diseñar basándonos en la metodología de «Design System».

Análisis de la Competencia → Realizaremos un análisis exhaustivo de la competencia para comprender cómo se están posicionando en el mercado y qué enfoques comunicacionales están utilizando en sus sitios web. Este análisis nos permitirá identificar las fortalezas y debilidades de la competencia relativas al sitio web de Pluspetrol.

Claridad y Consistencia→ Aplicaremos características y elementos reconocibles con los que sea intuitivo interactuar en el sitio web. Dedicaremos especial atención a elementos interactivos como botones y menús de navegación. La consistencia es esencial en el diseño para generar confianza. El uso de elementos visuales consistentes a través de una interfaz de usuario ayudará a los visitantes a sentirse cómodos y en control de sus acciones.

Design System→ Documentaremos los principios de diseño que siempre deben usarse como base para el sistema de diseño del sitio web de Pluspetrol. Este sistema contempla lo siguiente:

• Style guide: Colores primarios y secundarios, tipografía y grilla para las plataformas a desarrollar.
• Elementos: La primera pieza tangible de UI, estructura mínima, iconos y botones.
• Patterns: La repetición de elementos con complejidad dentro de la plataforma.
• Repositorio: En el repositorio se podrán observar todos los archivos de diseño y código.

Exportación de Recursos → Una vez aprobado el prototipo visual, comenzaremos con la exportación de todos los recursos trabajados para el equipo de desarrolladores mediante la plataforma Zeplin. Esto asegurará una implementación precisa y coherente del diseño en el desarrollo del sitio web.

Beneficios de una Sólida User Interface (UI) en el Sitio Web de Pluspetrol:

Al centrarnos en desarrollar una User Interface (UI) sólida y bien diseñada, aseguramos una serie de beneficios que impactarán positivamente en el sitio web de Pluspetrol:

• Experiencia del Usuario Mejorada
• Mayor Retención de Usuarios
• Fortalecimiento de la Marca
• Facilita la Exploración de Contenidos
• Compatibilidad Móvil
• Diferenciación Competitiva
• Optimización del Rendimiento

PROGRAMAS QUE UTILIZAMOS:

Objetivos:

1. Interfaz de Usuario Intuitiva: Desarrollaremos una interfaz de usuario intuitiva y fácil de usar para que los usuarios de Pluspetrol puedan acceder y gestionar la información de manera eficiente.

2. Rendimiento Optimizado: Utilizaremos React para crear una aplicación de página única (SPA) que proporcionará una experiencia de usuario rápida y sin interrupciones, minimizando el tiempo de carga de la página.

3. Integración de Datos en Tiempo Real: Implementaremos funcionalidades que permitan la integración de datos en tiempo real, asegurando que la información presentada sea siempre actualizada y precisa.

4. Adaptabilidad a Dispositivos Móviles: Garantizaremos que el sitio sea completamente receptivo, brindando una experiencia óptima tanto en dispositivos de escritorio como en dispositivos móviles.

Tecnologías Propuestas:

1. React: Utilizaremos React para construir la interfaz de usuario, aprovechando su eficiencia y modularidad.

2. Redux: Implementaremos Redux para gestionar el estado de la aplicación de manera centralizada, facilitando el manejo de datos complejos.

3. React Router: Utilizaremos React Router para gestionar la navegación en la aplicación de manera fluida y amigable.

4. API RESTful: Conectaremos la aplicación con una API RESTful para obtener y enviar datos de manera eficiente.

5. Estilo Responsivo: Emplearemos CSS3 y preprocesadores como Sass para garantizar un diseño elegante y totalmente responsivo.

6. Pruebas Unitarias: Implementaremos pruebas unitarias utilizando Jest y React Testing Library para garantizar la estabilidad y la calidad del código.

👉 Entregables de la Etapa de User Experience (UX) en el Armado del Sitio Web de Pluspetrol:

1. Investigación de Usuarios y Análisis: Informe detallado con los hallazgos de la investigación de usuarios, incluyendo necesidades, expectativas y comportamientos. Además, un análisis de la competencia en términos de UX y usabilidad.

2. Definición de Objetivos y Flujos de Usuario: Documento que establece los objetivos clave del sitio web y define los flujos de usuario más efectivos para lograrlos.

3. Wireframes: Representaciones visuales de baja y alta fidelidad del sitio web, que permiten validar soluciones antes del diseño final.

4. Diseño de Interfaz (UI) – Desktop y Mobile: Propuestas de diseño de interfaz de usuario para el sitio web, considerando tanto la versión de escritorio como la adaptación para dispositivos móviles.

👉  Entregables de la Etapa de User Interface (UI) en el Sitio Web de Pluspetrol:

1. Style Guide: Documento que establece las directrices visuales y de diseño, incluyendo colores primarios y secundarios, tipografía, y pautas para la grilla de las plataformas a desarrollar.

2. Elementos Visuales: Archivos con los elementos visuales clave del sitio web, como iconos y botones, asegurando su coherencia y reconocibilidad en toda la interfaz.

3. Patterns o Patrones de Diseño: Recopilación de patrones de diseño que se repiten a lo largo de la plataforma, agregando complejidad y consistencia en el sitio web.

4. Repositorio de Diseño y Código: Un espacio organizado que contiene todos los archivos de diseño y código, facilitando el acceso y la colaboración del equipo.

5. Prototipo UI Final – Desktop y Mobile: Prototipo visual interactivo que representa todas las pantallas del sitio web, permitiendo una experiencia de usuario previa al desarrollo final.

6. Recursos Exportados para Desarrollo: Todos los recursos y assets trabajados en el diseño, listos para ser implementados por el equipo de desarrolladores a través de la plataforma Zeplin.

👉  Entregables de la Etapa de Desarrollo del Sitio Web de Pluspetrol:

1. Sitio web completamente funcional: Se entregará un sitio web completo y listo para su lanzamiento, con todas las características y funcionalidades descritas en la propuesta. El sitio estará diseñado con una interfaz atractiva y una navegación intuitiva para brindar una experiencia de usuario positiva.

2. Frontend responsive: El frontend del sitio web será completamente responsive, lo que significa que se adaptará automáticamente a diferentes dispositivos y tamaños de pantalla, proporcionando una experiencia óptima en computadoras de escritorio, tablets y dispositivos móviles.

3. Backend seguro y eficiente: Se proporcionará un backend robusto que permitirá una gestión eficiente del contenido y los usuarios. El acceso a las áreas protegidas estará protegido mediante un sistema de login seguro.

4. Funcionalidad de Recuperación de Contraseña: Los usuarios podrán recuperar sus contraseñas a través de un proceso seguro y confiable en caso de olvidarlas.

5. Registro Inicial de Usuario Administrador: Se habilitará un sistema para la creación y asignación de cuentas de administradores, otorgando los privilegios necesarios para administrar el sitio web.

6. ABM de Posteos: Se desarrollará un sistema de administración para permitir la creación, edición y eliminación de contenido en la sección específica del sitio web.

7. ABM de Usuarios: Se incluirá una funcionalidad para la administración de usuarios, lo que permitirá al administrador agregar, editar y eliminar cuentas de usuario de manera controlada.

8. Firewall de Seguridad: El sistema contará con un Firewall que brindará una capa adicional de protección contra posibles amenazas y accesos no autorizados.

9. Documentación técnica: Se proporcionará una documentación detallada que describa la arquitectura del sistema, las tecnologías utilizadas y las pautas para la administración del sitio web y su mantenimiento.

10. Código fuente: El cliente recibirá el acceso al código fuente del proyecto, lo que permitirá una mayor transparencia y la posibilidad de realizar futuras actualizaciones o modificaciones.

11. Pruebas y Garantía: Antes de la entrega final, se realizarán pruebas exhaustivas para asegurar que el sitio web funcione correctamente y cumpla con todos los requisitos establecidos. Además, se ofrecerá un período de garantía para corregir cualquier problema o error que pueda surgir después del lanzamiento.

Roles que Participan en el Proyecto del Sitio Web de Pluspetrol:

1. 1. Equipo de Diseño UX/UI: Este equipo estará encargado de la investigación de usuarios, análisis de la competencia, definición de objetivos, flujos de usuario, creación de wireframes y prototipos de alta fidelidad. También se responsabilizarán de la creación del diseño de interfaz (UI) tanto para la versión de escritorio como para dispositivos móviles.

   2. Director de Proyecto: Encargado de la gestión general del proyecto, coordinación entre los diferentes equipos y comunicación con el cliente Pluspetrol.

   3. Especialista en Experiencia del Usuario (UX Specialist): Experto en el análisis de usuarios y la definición de la experiencia del usuario en el sitio web.

   4. Diseñador de Interfaz de Usuario (UI Designer): Encargado de plasmar visualmente el diseño de la interfaz, siguiendo los lineamientos de la marca Pluspetrol y el diseño basado en el Design System.

   5. Analista de Competencia (Competitive Analyst): Encargado de analizar a la competencia en términos de diseño, experiencia de usuario y usabilidad.

   6. Desarrolladores Front-end: Estos profesionales se encargarán de implementar los diseños a nivel de código, asegurando que la interfaz se construya de manera funcional y responsiva.

   7. Equipo de Desarrollo Backend: Responsable de la implementación de la lógica y funcionalidades que requiera el sitio web en el servidor.

   8. Especialista en Branding y Directrices de Marca: Asegurará que el diseño cumpla con los lineamientos y directrices de la marca Pluspetrol, garantizando una coherencia estética en todo el sitio web.

La duración de un proyecto para el desarrollo del sitio web de Pluspetrol puede variar dependiendo de varios factores, como el alcance del proyecto, la complejidad de las funcionalidades requeridas, el tamaño del equipo y los recursos disponibles. Sin embargo, a continuación, proporcionaremos una estimación general de la duración para este tipo de proyecto:

1. Fase de User Experience (UX): Esta etapa suele tomar aproximadamente de 2 a 3 semanas, dependiendo de la profundidad de la investigación de usuarios, análisis de la competencia y la complejidad de los flujos de usuario. Durante este período, se realizarán entrevistas con usuarios, se analizarán datos existentes y se definirán los objetivos clave y los flujos de usuario.

2. Fase de User Interface (UI): La etapa de diseño de interfaz puede tomar alrededor de 2 a 3 semanas, dependiendo de la cantidad de pantallas y la complejidad de los elementos visuales. En esta fase, se crearán los wireframes y prototipos de alta fidelidad, así como el diseño final de la interfaz para desktop y dispositivos móviles.

3. Fase de Desarrollo Front-end y Back-end: La duración de la fase de desarrollo varía según la cantidad de funcionalidades y características del sitio web. Por lo general, el desarrollo front-end y back-end puede tomar de 8 a 9 semanas, dependiendo de la complejidad de la implementación.

4. Fase de Pruebas y Optimización: La etapa de pruebas y optimización es esencial para asegurar que el sitio web funcione sin problemas y cumpla con los estándares de calidad. Esta fase puede llevar de 1 a 2 semanas, dependiendo de la cantidad de pruebas necesarias y los ajustes requeridos.

En resumen, el tiempo total estimado para el desarrollo completo del sitio web de Pluspetrol, considerando todas las etapas mencionadas anteriormente, puede oscilar entre 6 meses, aproximadamente. Es importante tener en cuenta que estos plazos son solo estimaciones generales y pueden variar según las circunstancias específicas del proyecto. Un cronograma detallado y ajustado se establecerá en conjunto con el equipo de Pluspetrol y la agencia Pranux para asegurar un proceso de desarrollo eficiente y exitoso.

Propuesta para Desarrollo de Sitio Web para Pluspetrol con Tecnología React

Valor Total del Proyecto: 16,500 USD

Esquema de Pagos:

Para facilitar el proceso de pago y brindar opciones flexibles, hemos establecido dos posibles esquemas de pago:

Opción 1: Pago en dos cuotas:

1. El cliente deberá realizar un primer pago del 50% del valor total (8,250 USD) al momento de la firma del contrato y la aprobación de la propuesta. Este pago por adelantado nos permitirá asegurar recursos y comenzar de inmediato con el desarrollo del proyecto.

2. El segundo pago del 50% restante (8,250 USD) se realizará una vez que se haya completado el desarrollo y se haya entregado el sitio web de acuerdo con los requerimientos establecidos. Además, las pruebas de aceptación deben haber sido superadas satisfactoriamente.

Opción 2: Pago en tres cuotas:

1. El cliente deberá realizar un primer pago del 40% del valor total (6,600 USD) al momento de la firma del contrato y la aprobación de la propuesta.

2. Un segundo pago del 30% del valor total (4,950 USD) se efectuará a la mitad del desarrollo, cuando se hayan alcanzado hitos significativos y se haya avanzado en la implementación de las funcionalidades acordadas.

3. El tercer y último pago del 30% restante (4,950 USD) se realizará tras la finalización del desarrollo y la entrega del sitio web, una vez que se hayan completado las pruebas finales y se haya asegurado la calidad y satisfacción del cliente.

Independientemente de la opción elegida, nuestro compromiso es garantizar la excelencia en cada etapa del proyecto y asegurar la satisfacción plena del cliente. Adicionalmente, estaremos disponibles para brindar asistencia y soporte técnico continuo luego de la finalización del desarrollo.

El cliente (Usted) contrata los servicios de Pranux (de acuerdo a los siguientes términos y condiciones).

• El presente presupuesto está expresado en dólares estadounidenses y tiene una validez de 20 días a partir de la fecha de emisión del mismo. 
• Se solicitara para comenzar con el desarrollo del proyecto un adelanto y la cancelación del mismo contra entrega del trabajo. Una vez comenzado el proyecto y señado el mismo si por parte del comitente se demorase más de 60 días sin resolución, el mismo tendrá un recargo de un 20% sobre el valor presupuestado. En caso que dicho plazo supere los 90 días calendario sin mediar comunicación, se dará por finalizado el trabajo sin derecho a reembolso por concepto alguno. 
• Se comenzará a trabajar en el proyecto una vez entregada toda la información final por parte del cliente y se haya efectuado el correspondiente adelanto de la factura. 
• Conformidad y revisiones: Una vez entregada la nuestra gráfica o digital se considera razonable un máximo de 3 etapas de revisión/corrección del trabajo. Toda modificación que implique rehacer algo previamente aprobado, o excesivas solicitudes de modificación, sumará un costo en horas de trabajo al precio inicialmente pactado. 
• En el caso que el cliente decida suspender el trabajo, la seña será acreditada por concepto del tiempo invertido en el desarrollo del proyecto, no correspondiendo reembolso alguno. 
• El presente presupuesto no incluye los valores de la compra de imágenes, videos, impresión de piezas gráficas, plataforma de envíos, compra de dominios, ni pautas de publicidad en redes sociales, google ads u otro medio de contratación de servicios externos a Pranux.
• Los items que no se encuentren descriptos en el presente presupuesto, tendrán un costo adicional. 

  Los precios aquí estipulados no incluyen IVA.

  Se deberá adicionar el 21% a los precios detallados. En caso que el pago se efectúe via 

• Es importante aclarar que el presupuesto presentado no incluye la redacción de textos ni la investigación UX. En cuanto a la redacción de textos, recomendamos que los contenidos sean proporcionados por el cliente o por un redactor profesional. De esta manera, podremos integrar los textos en el diseño de la interfaz de usuario de manera más efectiva y lograr una mejor coherencia en el mensaje transmitido.

  En cuanto a la investigación UX, entendemos su importancia para el diseño de una experiencia de usuario satisfactoria y efectiva. Sin embargo, para mantener el presupuesto dentro de los límites establecidos, no incluimos una investigación UX detallada en nuestra propuesta. En caso de que necesite una investigación UX, estaremos encantados de brindarle una cotización adicional y trabajar con usted para crear un plan de investigación UX que se adapte a sus necesidades y objetivos específicos.