import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';
import DownloadPrototype from '~/components/DownloadPrototype';

export const meta = {
  title: 'Renovando la experiencia de usuario en Maxilana.com',
  position: 1,
  tags: ['Diseño', 'Página web', 'E-commerce'],
  editorialTitle: 'Maxilana',
  description:
    'Renovamos la experiencia de usuario de Maxilana, Optimizamos la velocidad de carga para mejorar significativamente la probabilidad de éxito. Nuestro enfoque en la eficiencia y la usabilidad resultó en un sitio web más rápido y atractivo para los usuarios. ',
  image: '/images/projects/project-preview-maxilana.png',
  openGraph: '/images/projects/maxilana-opengraph.png',
  logo: {
    src: '/logo-maxilana.png',
    width: 216.73,
    height: 55,
  },
  projectPreviewTitle: 'Renovamos la experiencia de usuario del Sitio web de Maxilana',
  projectPreviewDescription:
    'Optimizamos la velocidad de carga para mejorar significativamente la probabilidad de éxito. Nuestro enfoque en la eficiencia y la usabilidad resultó en un sitio web más rápido y atractivo para los usuarios.',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/maxilana-cover.png"
  mockupSrc="/images/projects/maxilana-mockup.png"
  label="¿Qué hicimos?"
>

Rediseño y Desarrollo web

</BlockIntro>

<BlockCallout label="Sobre el cliente">

Maxilana es una reconocida casa de empeño y préstamos personales con 74 sucursales en seis ciudades clave de México: Culiacán, Mazatlán, Hermosillo, Mexicali, Tijuana y Guadalajara. Ofrece servicios de remate de productos y soluciones financieras confiables a sus clientes.


</BlockCallout>

<BlockBody title="Antecedentes ">

Maxilana contaba con una página web que tenia toda la información de sus inventarios por sucursal. Sin embargo, encontrar los productos era complicado. Navegar y descubir las acciones que el usuario queria encontrar era díficil. Estos factores limitaban el crecimiento dígital de la empresa.

La idea principal de este proyecto consistió maximizar la infraestructura existente y potenciar su presencia en múltiples canales. ¿Cómo podría Maxilana implementar una experiencia omnicanal efectiva que integrara sus 74 sucursales y ofreciera una experiencia de usuario coherente y satisfactoria? ¿Cómo podrían hacer accesible el amplio inventario de productos de todas sus sucursales al público en general, superando los desafíos de navegación y búsqueda?


</BlockBody>

<BlockBody label="PROBLEMAS" >

- Inconsistencia en la interfaz de usuario, afectando la navegación y la experiencia general.
- Formularios complejos que obstaculizan la búsqueda de productos y resultados.
- Formatos de texto poco legibles, dificultando la comprensión de la información.
- Inventarios fragmentados: venta en línea y en sucursal separados, complicando la búsqueda de productos.
- Imágenes de productos no optimizadas, retrasando la carga y afectando la experiencia visual.
- Dificultad para navegar y encontrar información relevante, aumentando la frustración del usuario.


</BlockBody>

<BlockImage src="/images/projects/maxilana-web-vieja.jpg" width={1280} height={633} />

<BlockBody label ="DESAFIO" title="Crear una experiencia de usuario excepcional y maximizar resultados" >

- Un sistema de diseño coherente y consistente en toda la interfaz para mejorar la navegación y la experiencia visual.
- Organizar y simplificar la estructura de navegación del sitio para facilitar el acceso a la información.
- Desarrollar una estrategia efectiva para vender productos con diferentes tipos de inventario (venta en sucursal y venta en línea).
- Incrementar la confianza de los usuarios al comprar en línea a través de un proceso de pago seguro y transparente.
- Optimizar las conversiones principales para hacerlas más amigables, sencillas y eficientes.
- Permitir a los usuarios cotizar, solicitar empeños, préstamos personales o vales de manera fácil y rápida.
- Mejorar la velocidad de carga del sitio para aumentar la probabilidad de venta y reducir la tasa de abandono.
- Ofrecer una experiencia de compra local satisfactoria, integrando la experiencia en línea y en sucursal.

</BlockBody>

<BlockBody label ="Navegación" title="Mejorando la navegación del sitio web" >

Nuestro objetivo era hacer que la navegación del sitio web fuese clara y sencilla para el usuario. Para lograrlo, creamos un inventario completo de todos los contenidos que debían estar disponibles en el sitio. 

Después de analizar cuidadosamente cada contenido y realizar ejercicios de organización, decidimos agruparlos en categorías lógicas: Empresa, Servicios, Sucursales, Legal y Recursos.


</BlockBody>
<BlockImage src="/images/projects/mapa-de-sitio-maxilana.jpg" width={1280} height={754.67} />
<BlockBody >

De esta manera, los usuarios de Maxilana, ahora pueden encontrar fácilmente la información que necesitan, ahorrando tiempo y esfuerzo.

Como resultado, se crearon dos componentes fundamentales de la interfaz de usuario: el menú intuitivo y un pie de página informativo. 


</BlockBody>
<BlockImage src="/images/projects/maxilana-menu.png" width={1280} height={197.33} />
<BlockImage src="/images/projects/maxilana-footer.png" width={1280} height={438.22} />

<BlockBody label="Logros" title="Una experiencia de compra omnicanal">

Creamos una experiencia innovadora que combina los inventarios de venta directa en línea y en sucursal, ofreciendo una plataforma única para artículos usados de remate. Sin embargo, no todos los productos son aptos para venta en línea, por lo que desarrollamos una solución que muestra al usuario los productos disponibles localmente, complementados con aquellos que pueden ser vendidos en línea, brindando una experiencia de compra completa y conveniente."

<BlockImage src="/images/projects/labels.png" width={67} height={24} />

Para educar a los usuarios sobre los dos tipos de inventarios, implementamos dos indicadores claros que distinguen los productos disponibles para 'Envío a Domicilio' o para 'Recoger en Sucursal', facilitando así una experiencia de compra informada y conveniente.

<BlockImage src="/images/projects/cards.png" width={746} height={543} />
</BlockBody>

<BlockBody
  image={<Image width={357} height={537} src="/images/projects/side-filters.png" />}
>

Buscando ofrecer una experiencia de usuario personalizada, diseñamos una función de selección de ubicación que permite a los usuarios elegir su ciudad y acceder a los productos disponibles en su área. Además, implementamos un filtro en el menú que permite separar los inventarios por ciudad, mostrando los productos disponibles para envío o recogida en sucursal. Por defecto, los inventarios se muestran combinados, pero con el filtro, los usuarios pueden ver los productos disponibles en su ubicación específica.

</BlockBody>

<BlockBody
label="Servicio de prestamos"
 title="Calculadora de Préstamos y Lead Magnet"
  imagePosition="left"
  image={<Image width={519} height={583} src="/images/projects/Calculadora.png" />}
>

Para atraer a más prospectos para el servicio de préstamos creamos una calculadora de préstamos que permite a los clientes calcular cuánto deben pagar y en qué periodos. 

Además, al solicitar un préstamo, los usuarios tienen la opción de recibir una llamada de un asesor o enviar un mensaje directo vía WhatsApp, según su preferencia. Esta herramienta interactiva no solo atrae a posibles clientes, sino que también les brinda una experiencia de servicio personalizado y conveniente


</BlockBody>
<BlockBody
label="Rendimiento"
title="Mejora en la Velocidad de Carga del Sitio">

Una de las oportunidades clave en este proyecto fue optimizar el rendimiento del sitio web. 
<BlockImage
  src="/images/projects/velocidad-de-carga-lenta-maxilana.jpg"
  width={957}
  height={1050}
/>
Gracias a la implementación de tecnologías avanzadas como Next JS, logramos significativamente mejorar la velocidad de carga del sitio. 
 <BlockImage
  src="/images/projects/velocidad-de-carga-rapida-maxilana.jpg"
  width={957}
  height={1050}
/>
</BlockBody>

<BlockBody title="Conclusiones">

Tras analizar los desafíos del sitio anterior, descubrimos que Maxilana poseía una sólida infraestructura de información. Esto nos permitió proponer soluciones innovadoras que aumentan las probabilidades de éxito. Mejoramos la accesibilidad, agregamos llamadas a la acción para comunicarse vía WhatsApp y creamos una experiencia de compra intuitiva para los inventarios exclusivos en sucursal, incluyendo mapas en las páginas de productos. Simplificamos los pagos en línea y utilizamos tecnologías de vanguardia como Next Js para ofrecer una experiencia fluida y rápida. Estamos seguros de que este proyecto será un punto de inflexión para Maxilana, llevándolos a ser una de las mejores casas de empeño en México. 

¡Visita el proyecto Maxilana Casa de Empeño y conoce cómo hemos transformado la experiencia de compra y venta de artículos de segunda mano y servicios de préstamos personales en México!

 <a className="c-link c-link--inline" href="https://maxilana.com" target="_blank">Maxilana Casa de Empeños</a>

</BlockBody>

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Renovamos la experiencia de usuario de Maxilana, Optimizamos la velocidad de carga para mejorar significativamente la probabilidad de éxito. Nuestro enfoque en la eficiencia y la usabilidad resultó en un sitio web más rápido y atractivo para los usuarios. 

Maxilana

Optimizamos la velocidad de carga para mejorar significativamente la probabilidad de éxito. Nuestro enfoque en la eficiencia y la usabilidad resultó en un sitio web más rápido y atractivo para los usuarios.

Renovamos la experiencia de usuario del Sitio web de Maxilana

Renovando la experiencia de usuario en Maxilana.com

import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';

export const meta = {
  title: 'Citicinemas',
  position: 2,
  tags: ['App', 'Website'],
  editorialTitle: 'Citi&shy;cinemas',
  image: '/images/projects/project-preview-citicinemas.png',
  logo: {
    src: '/logo-citicinemas.png',
    width: 120,
    height: 64,
  },
  description:
    'Conoce cómo hizo ADHOC para desarrollar la App de Citicinemas, cómo se adaptaron a su infraestructura y qué hicieron para mejorar la velocidad de carga.',
  projectPreviewTitle: 'Llevando la magia del cine a la palma de tus manos',
  projectPreviewDescription:
    'Desarrollamos una app para Citicinemas que transforma la experiencia del usuario, haciéndola más rápida y ligera, incrementando significativamente las ventas de boletos de cine, ofreciendo una experiencia fluida y eficiente.',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/citicinemas-cover.jpg"
  mockupSrc="/images/projects/citicinemas-mockup.png"
  label="¿Que hicimos?"
>

Diseño e implementación web

Desarrollo de Apps

</BlockIntro>

<BlockCallout>

Desarrollo de una infraestructura de servicios que permite llevar el cine a cada vez más personas.

</BlockCallout>

<BlockImage
  //
  src="/images/projects/citicinemas-body-01.jpg"
  width={1280}
  height={770}
/>

<BlockBody
    title="2013 - Antecedentes"
    image={<Image
        src="/images/projects/citicinemas-body-04.png"
        width={694}
        height={863}
    />}
>

Citicinemas® es una cadena de complejos cinematográficos reconocida por su modelo innovador de servicio y atención en el mercado del entretenimiento. A medida que Citicinemas crecía, enfrentaba varios desafíos significativos.

- **Expansión Nacional**: ¿Cómo expandirse a nivel nacional sin perder la calidad del servicio?  
- **Competitividad**: ¿Cómo incrementar su competitividad en un mercado dominado por grandes consorcios?  
- **Vigencia**: ¿Qué innovaciones ofrecer para mantenerse relevante y atractivo para los clientes?  


Identificamos múltiples áreas de oportunidad que nos permitieron intervenir estratégicamente para impulsar su crecimiento de manera controlada y medible.

</BlockBody>

<BlockBody
    title="Soluciones Implementadas"
>


- **Soporte Urgente para Dispositivos Móviles**:  Adaptamos y optimizamos la plataforma digital de Citicinemas para dispositivos móviles, garantizando una experiencia de usuario fluida y accesible desde cualquier dispositivo. 
- **Horarios en Tiempo Real**: Implementamos un sistema de horarios en tiempo real, permitiendo a los usuarios consultar la disponibilidad de funciones al instante, mejorando la satisfacción del cliente.
- **Mejora y Superación de la Competencia**: Analizamos las características ofrecidas por la competencia y desarrollamos nuevas funcionalidades que no solo igualaban, sino que superaban las expectativas del mercado.
  

  Con estas mejoras, Citicinemas no solo logró consolidarse a nivel nacional, sino que también aumentó su competitividad y relevancia en un mercado en constante evolución.




</BlockBody>

<BlockBody
    title="2014 - Definiendo las bases"
    image={<Image
        src="/images/projects/citicinemas-body-05.png"
        width={320}
        height={850}
    />}
    imagePosition="left"
>

En 2014, analizamos la situación tecnológica de Citicinemas y definimos como prioridad el rediseño del sitio web y la implementación de soporte para dispositivos móviles. Además, desarrollamos una aplicación básica para iOS y Android.

Estas acciones nos permitieron capturar de manera temprana un mercado móvil en rápido crecimiento, mejorando significativamente la accesibilidad y la experiencia del usuario.


</BlockBody>

<BlockBody title="2015 - Horarios y compra en línea">

En 2015, nos enfocamos en mejorar la experiencia general del cliente al agregar horarios en tiempo real para todas las funciones, los cuales eran administrados instantáneamente por los encargados de cada complejo.

También incorporamos la posibilidad de comprar boletos 100% en línea y desarrollamos un sistema que permitiera a los usuarios seleccionar sus asientos durante la compra.

Para soportar estas mejoras, desarrollamos un sistema Backoffice robusto que permitiera gestionar el contenido web y conectar la información administrativa con los sistemas existentes de Citicinemas.

Estas innovaciones consolidaron a Citicinemas como un líder en la industria, ofreciendo a sus clientes una experiencia moderna y eficiente tanto en línea como en sus complejos cinematográficos.


</BlockBody>

<BlockImage
  //
  src="/images/projects/citicinemas-body-13.jpg"
  width={1232}
  height={693}
/>

<BlockBody
    title="2016 - Programas de lealtad"
    image={<Image
        src="/images/projects/citicinemas-body-11.png"
        width={282}
        height={609}
    />}
>

Con un sistema robusto de compra en línea establecido, en 2016 comenzamos a explorar nuevas ideas y desarrollamos el sistema Citibeneficios. 

Este programa tenía como objetivo incrementar la lealtad de los clientes y promover la compra recurrente, ofreciendo recompensas y beneficios exclusivos
</BlockBody>

<BlockBody
    title="2017 - Una nueva app"
    image={<Image
        src="/images/projects/citicinemas-body-14.png"
        width={316}
        height={609}
    />}
    imagePosition="left"
>

Alcanzada la madurez de los productos digitales existentes, en 2017 decidimos migrar la aplicación utilizando tecnologías avanzadas empleadas por gigantes de la industria como Facebook, Instagram y Airbnb. 

Esta actualización nos permitió integrar de manera nativa el programa de lealtad, los horarios en tiempo real y la compra en línea en las nuevas aplicaciones de iOS y Android.

</BlockBody>

<BlockBody title="2018 - Optimización en seguridad y transacciones">

En 2018, para reducir costos operativos y mejorar la estabilidad de las transacciones, migramos la pasarela de pagos a un nuevo proveedor. Esta transición también nos permitió tener un mayor control y detección de fraudes.

Adicionalmente, mejoramos la seguridad y facilidad de las compras a través de la aplicación móvil, implementando soporte para Touch ID en iOS y Fingerprint en Android.


</BlockBody>

<BlockImage
  //
  src="/images/projects/citicinemas-body-15.jpg"
  width={1920}
  height={1080}
/>

<BlockBody
    label="Resultados"
    title="Expansión a Guadalajara"
    image={<Image
        src="/images/projects/citicinemas-body-08.png"
        width={300}
        height={609}
    />}
    imagePosition="right"
>

Gracias a un sistema robusto y expansible, Citicinemas pudo expandirse sin contratiempos y aperturar una sucursal en Guadalajara.


</BlockBody>

<BlockBody title="Presente">

Actualmente, ya hemos lanzado la tercera iteración tanto del sitio web como de las aplicaciones móviles de Citicinemas. Estas actualizaciones han mejorado significativamente la estabilidad, velocidad y usabilidad de los productos, unificando ambas plataformas para ofrecer una experiencia de usuario más cohesiva y eficiente.


</BlockBody>

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Conoce cómo hizo ADHOC para desarrollar la App de Citicinemas, cómo se adaptaron a su infraestructura y qué hicieron para mejorar la velocidad de carga.

Citi&shy;cinemas

Desarrollamos una app para Citicinemas que transforma la experiencia del usuario, haciéndola más rápida y ligera, incrementando significativamente las ventas de boletos de cine, ofreciendo una experiencia fluida y eficiente.

Llevando la magia del cine a la palma de tus manos

Citicinemas

import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';

export const meta = {
  title: 'Kanda',
  position: 3,
  tags: ['App'],
  editorialTitle: 'Kanda',
  description:
    'Combate el acoso telefónico y telemarketing no deseado. ',
  image: '/images/projects/project-preview-kanda.png',
  logo: {
    src: '/logo-kanda.png',
    width: 88,
    height: 88,
  },
  projectPreviewTitle: 'Bloquea números molestos',
  projectPreviewDescription:
    'Identifica posibles extorsionistas y evita que los números molestos te sigan llamando.',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/kanda-cover.jpg"
  mockupSrc="/images/projects/kanda-mockup.png"
  label="¿Que hicimos?"
>

Desarrollo de App

</BlockIntro>

<BlockCallout>

Combate el acoso telefónico y telemarketing no deseado.

</BlockCallout>

<BlockImage src="/images/projects/kanda-body-01.jpg" width={1280} height={770} />

<BlockBody label="Desafío">

Este proyecto nace de la visión de utilizar tecnologías avanzadas para crear una comunidad segura y protegida de extorsionadores, fraudes y telemarketing telefónico no deseado.

</BlockBody>

<BlockBody label="LOGROS">


Siguiendo las especificaciones iniciales, desarrollamos un conjunto de aplicaciones para **iOS y Android**, aprovechando las funciones nativas de ambos sistemas. Creamos un directorio robusto con una lista negra y una lista blanca para las llamadas, permitiendo a los usuarios decidir con quién desean comunicarse.

Además, desarrollamos una plataforma administrativa que facilita a los gestores controlar los números reportados para revisión manual y mantener un registro detallado del crecimiento de usuarios y diversas métricas. Todo esto está interconectado a través de una API nuclear, que maneja la comunicación entre las aplicaciones, almacena y consulta datos, y notifica a los usuarios cuando es necesario.

</BlockBody>

<BlockImage src="/images/projects/kanda-body-02.jpg" width={1280} height={581} />

<BlockBody label="TECNOLIGÍAS IMPLEMENTADAS">
  

- **API**: Utilizamos Node.js, Sequelize y Express para construir una API robusta y eficiente que maneja la comunicación entre las aplicaciones, gestiona el almacenamiento y consulta de datos, y envía notificaciones a los usuarios cuando es necesario.

- **BackOffice**: Desarrollamos una plataforma administrativa utilizando Next.js y Redux, permitiendo a los administradores controlar los números reportados, revisar manualmente las incidencias y monitorizar el crecimiento y las métricas de los usuarios.

- **App para iOS**: Implementamos la aplicación para iOS utilizando React Native y Swift, integrando módulos nativos que garantizan un rendimiento óptimo y una experiencia de usuario fluida.

- **App para Android**: Para la aplicación de Android, utilizamos React Native y Java, asegurando la integración de módulos nativos y un rendimiento eficiente en dispositivos Android.

</BlockBody>

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Combate el acoso telefónico y telemarketing no deseado. 

Kanda

Identifica posibles extorsionistas y evita que los números molestos te sigan llamando.

Bloquea números molestos

import Layout from '~/components/ProjectLayout';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';

export const meta = {
  title: 'SweetLeaf',
  position: 4,
  tags: ['App'],
  editorialTitle: 'Sweet&shy;Leaf',
  image: '/images/projects/project-preview-sweetleaf.png',
  openGraph: '/images/projects/sweetleaf-opengraph.png',
  logo: {
    src: '/logo-sweetleaf.png',
    width: 145,
    height: 72,
  },
  description:
    'Fuimos elegidos para disminuir el tiempo al mercado de la App de SweetLeaf.' +
    'Conoce como hicimos para acoplarnos a sus sistemas y lanzar sin contratiempos.',
  projectPreviewTitle: 'Desarrollo de App para empresa de stevia de USA',
  projectPreviewDescription:
    'Desarrollamos una aplicación para iOS y Android para SweetLeaf, una de las marcas líderes en endulzantes naturales a base de Stevia en los Estados Unidos y presente en más de 30 países. Esta aplicación no solo abrió un nuevo canal de venta, sino que también proporcionó a los consumidores una herramienta efectiva para controlar su consumo de azúcar, aumentando la lealtad hacia la marca.',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/sweetleaf-cover.jpg"
  mockupSrc="/images/projects/sweetleaf-mockup.png"
  label="¿Que hicimos?"
>

Desarrollo de App

</BlockIntro>

<BlockCallout>

Wisdom Natural Brands es líder en la producción de endulzantes naturales a base de Stevia. 
Su marca, SweetLeaf, es la más vendida en los Estados Unidos y está presente en más de 30 países.
</BlockCallout>

<BlockImage
  //
  src="/images/projects/sweetleaf-body-01.jpg"
  width={1275}
  height={805}
/>

<BlockBody label="Desafío">

SweetLeaf decidió acercarse a ADHOC TI con el objetivo de disminuir el "time to market" de su aplicación y aumentar la lealtad de sus consumidores. 

La meta era brindar una herramienta útil para controlar el consumo de azúcar, ofreciendo al mismo tiempo alternativas saludables fabricadas por la marca.

</BlockBody>

<BlockImage
  //
  src="/images/projects/sweetleaf-body-02.jpg"
  width={1277}
  height={581}
/>

<BlockBody label="Logros">

El desafío tecnológico más significativo se presentó durante la fase estratégica, donde necesitábamos respetar y acoplarnos a los sistemas existentes de SweetLeaf. Encontramos una forma eficaz de integrar y consumir datos de diferentes proveedores dentro de la aplicación.


- **Artículos**: Consultados desde WordPress.

- **Productos**: Integrados desde Shopify.

- **Localizador**: Implementado con Destini.

- **Información Adicional**: Accedida a través de una API desarrollada por nosotros.

</BlockBody>

<BlockBody label="Resultados">

Logramos concluir el desarrollo de la primera versión de la aplicación en solo 8 semanas. 

Estas mejoras no solo han permitido a SweetLeaf reducir significativamente el "time to market" de su aplicación, sino que también han proporcionado a los consumidores una herramienta efectiva para controlar su consumo de azúcar, reforzando su lealtad hacia la marca.


</BlockBody>

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Fuimos elegidos para disminuir el tiempo al mercado de la App de SweetLeaf.Conoce como hicimos para acoplarnos a sus sistemas y lanzar sin contratiempos.

Sweet&shy;Leaf

Desarrollamos una aplicación para iOS y Android para SweetLeaf, una de las marcas líderes en endulzantes naturales a base de Stevia en los Estados Unidos y presente en más de 30 países. Esta aplicación no solo abrió un nuevo canal de venta, sino que también proporcionó a los consumidores una herramienta efectiva para controlar su consumo de azúcar, aumentando la lealtad hacia la marca.

Desarrollo de App para empresa de stevia de USA

SweetLeaf

import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';
import DownloadPrototype from '~/components/DownloadPrototype';

export const meta = {
  title: 'Elevando la experiencia digital para aumentar las ventas de Viva Aerobús | ADHOC TI ®',
  position: 5,
  tags: ['App', 'Prototipo funcional'],
  editorialTitle: 'Viva Aero&shy;bus',
  description:
    'Desarrollamos un prototipo funcional que optimiza el flujo de usuario, facilitando la navegación y mejorando la experiencia de compra. Esta mejora permitió aumentar significativamente la cantidad de boletos vendidos. ',
  image: '/images/projects/project-preview-vivaaerobus.png',
  openGraph: '/images/projects/vivaaerobus-prototipo-preview.png',
  logo: {
    src: '/logo-vivaaerobus.png',
    width: 109,
    height: 56,
  },
  projectPreviewTitle: 'Elevando la experiencia digital para aumentar las ventas de Viva Aerobús',
  projectPreviewDescription:
    'Desarrollamos un prototipo funcional que optimiza el flujo de usuario, facilitando la navegación y mejorando la experiencia de compra. Esta mejora permitió aumentar significativamente la cantidad de boletos vendidos.',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/viva-aerobus-cover.jpg"
  mockupSrc="/images/projects/viva-aerobus-mockup.png"
  label="¿Qué hicimos?"
>

Arquitectura de flujo principal de venta

Rediseño y estandarización visual de la interfaz

Prototipo de alta fidelidad interactivo

</BlockIntro>

<BlockCallout label="Sobre el cliente">

Desarrollamos un prototipo funcional que optimiza el flujo de usuario, facilitando la navegación y mejorando la experiencia de compra. Esta mejora permitió aumentar significativamente la cantidad de boletos vendidos.

</BlockCallout>

<BlockBody label="Sobre el cliente">
Viva Aerobus es una aerolínea mexicana con base en el Aeropuerto Internacional de Monterrey. Opera 164 rutas a 58 destinos, ofreciendo servicio en 41 ciudades nacionales y 11 ciudades en Estados Unidos.

</BlockBody>

<BlockImage src="/images/projects/viva-aerobus-body-01.jpg" width={1280} height={770} />

<BlockBody label="Desafíos" title="Mejorar la experiencia de usuario para el flujo de venta en su app móvil.">

Viva Aerobus se acercó a ADHOC TI con el objetivo de mejorar la experiencia de usuario en su app móvil para incrementar la venta de vuelos. Nuestra propuesta se centró en optimizar el flujo de venta en la aplicación móvil, enfrentando varios retos:

- Diseñar un flujo de usuario claro y comprensible.
- Estandarizar la propuesta visual para cohesionar la información.
- Desarrollar un prototipo usable con datos realistas.

</BlockBody>

<BlockBody title ="Arquitectura de flujo de usuario" >

Nuestro primer objetivo fue reorganizar el flujo de usuario en el proceso de compra, permitiendo a los usuarios saber en qué etapa se encontraban en todo momento. 

</BlockBody>

<BlockImage src="/images/projects/viva-aerobus-body-02-es.jpg" width={1280} height={586} />

<BlockImage src="/images/projects/viva-aerobus-body-03-es.jpg" width={1280} height={586} />

<BlockBody>

Diseñamos componentes clave que guían al usuario hacia su objetivo.

</BlockBody>

<BlockImage src="/images/projects/viva-aerobus-app3.png" width={1280} height={835} />

<BlockBody title="Diseño de interfaz e interacciones:">

Definimos la estructura del flujo principal y nos enfocamos en tres partes cruciales:

- **Buscador y Calendario de Vuelos**: Diseñamos un calendario que muestra precios y disponibilidad de vuelos de forma clara.
- **Selección de Vuelos y Paquetes**: Organizamos la información de manera que el usuario pueda explorar opciones de vuelos y paquetes en una sola pantalla.
- **Selección de asientos**: Diseñamos una interfaz que permite al usuario seleccionar y modificar asientos fácilmente.

</BlockBody>

<BlockBody
  title="Buscador y calendario de vuelos"
  image={<Image width={390} height={694} src="/images/projects/viva-aerobus-mockup-01.png" />}
>

Propusimos un diseño de calendario que ayude al usuario a reducir la incertidumbre de saber el costo de un vuelo, al seleccionar las fechas de salida y regreso. En un vistazo logramos dar a entender las fechas con vuelos disponibles con sus precios más económicos. En la misma pantalla dimos claridad en la selección de fechas usando colores y contrastes para los vuelos de ida y vuelta, que estarían presentes desde este paso en adelante.

</BlockBody>

<BlockBody  title="Selección de vuelos y paquetes">

Una de las pantallas más importantes es la de selección de horarios de vuelos y paquetes, el reto principal fue permitir al usuario explorar de manera clara y en una sola pantalla una gran cantidad de información relacionada a los resultados de vuelos, con sus fechas y detalles.

Para lograr esto definimos la disposición de elementos que tendría el layout para mostrar toda la información de manera clara y conveniente para el usuario.

1. Los resultados de los vuelos se acomodarían de arriba hacia abajo, mostrando los vuelos de salida primero y después los de regreso, claramente divididos.
1. Mostramos a primera vista la información más relevante para cada vuelo, añadiendo acciones para ver más detalles.
1. Diseñamos la información de paquetes y precios de forma que se navegara horizontalmente, dando contexto sobre qué vuelo se explora y las características de cada paquete.

De esta forma logramos que una pantalla muy condensada de información fuera comprensible y con sentido para el usuario.

</BlockBody>

<BlockImage src="/images/projects/viva-aerobus-body-04.jpg" width={1280} height={957} />

<BlockBody  title="Selección de asientos">

En la pantalla de selección de asientos nuestro objetivo fue diseñar los componentes de forma que el usuario tuviera presente el asiento que seleccionaba, para qué pasajero y sobre qué vuelo se encontraba. Este diseño permitía que el usuario pudiera modificar cualquier selección previa si así lo deseaba.

</BlockBody>

<BlockImage src="/images/projects/viva-aerobus-body-05.jpg" width={1280} height={835} />

<BlockBody title="Desarrollo del prototipo">

El desarrollo del prototipo se realizó en paralelo con el diseño de la interfaz, utilizando React Native bajo Expo y MirageJS para simular una API. 

Esto permitió un desarrollo rápido y eficiente, con feedback constante.

- **React Native + Expo**: Facilitó un desarrollo ágil y una implementación sencilla mediante la lectura de un QR.
- **Datos y API en Tiempo Real**: MirageJS nos permitió simular datos reales, mejorando la experiencia del usuario.

</BlockBody>

<BlockBody label="Resultados">

En solo 4 semanas, desarrollamos un prototipo funcional que puede ser instalado en cualquier dispositivo **iOS o Android**. Este prototipo demuestra la viabilidad y eficiencia de nuestro enfoque en proyectos de desarrollo a medida.
</BlockBody>

<BlockBody label="Conclusiones">

Este proyecto mostró la capacidad de ADHOC TI para mejorar significativamente la experiencia de usuario y aumentar las ventas a través de aplicaciones móviles. El prototipo funcional sirve como herramienta para demostrar a accionistas y directivos las oportunidades que presenta, incentivando la inversión en el proyecto.

</BlockBody>

<DownloadPrototype />

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Desarrollamos un prototipo funcional que optimiza el flujo de usuario, facilitando la navegación y mejorando la experiencia de compra. Esta mejora permitió aumentar significativamente la cantidad de boletos vendidos. 

Viva Aero&shy;bus

Desarrollamos un prototipo funcional que optimiza el flujo de usuario, facilitando la navegación y mejorando la experiencia de compra. Esta mejora permitió aumentar significativamente la cantidad de boletos vendidos.

Elevando la experiencia digital para aumentar las ventas de Viva Aerobús

Elevando la experiencia digital para aumentar las ventas de Viva Aerobús | ADHOC TI ®

import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';

export const meta = {
  title: 'Enrolados',
  position: 6,
  tags: ['App', 'WebApp'],
  editorialTitle: 'Enrolados',
  description:
    'Web App para la administración de las actividades en las empresas que te permiten tener un mejor control de tu progreso.',
  image: '/images/projects/project-preview-enrolados.png',
  logo: {
    src: '/logo-enrolados.png',
    width: 229,
    height: 73,
  },
  projectPreviewTitle: 'Eficiencia y Control en Cada Proceso',
  projectPreviewDescription:
    'Desarrollamos una innovadora Web App que permite a las empresas gestionar y organizar sus actividades de manera efectiva. Esta herramienta facilita el control y seguimiento del progreso, optimizando la productividad y asegurando resultados consistentes.',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/enrolados-cover.jpg"
  mockupSrc="/images/projects/enrolados-mockup.png"
  label="¿Que hicimos?"
  type="laptop"
>

Desarrollo de App

</BlockIntro>

<BlockCallout>

**Enrolados** es una herramienta integral de colaboración, comunicación y gestión diseñada para envolver a tu compañía en una disciplina práctica y efectiva, promoviendo el crecimiento, la eficiencia organizacional y resultados extraordinarios.

</BlockCallout>

<BlockImage src="/images/projects/enrolados-body-01.jpg" width={1280} height={770} />

<BlockBody label="Desafío">

Nuestro cliente nos encomendó la reescritura completa de su software, ya que la solución desarrollada internamente no cumplía con las expectativas de rendimiento y resultados.

</BlockBody>

<BlockImage src="/images/projects/enrolados-body-02.jpg" width={1280} height={770} />

<BlockBody label="Logros">

Tras varias reuniones iniciales y múltiples revisiones, desarrollamos un conjunto de software alineado con los procesos de negocio del cliente, mejorando significativamente el rendimiento y la estabilidad de la plataforma.

</BlockBody>

<BlockBody label="TECNOLIGÍAS IMPLEMENTADAS">

- **API**(Node, Sequelize y Express)
- **Webapp** (Next.js, React, Redux y Flow)
- **Apps de CRM para iOS y Android** (React Native)

</BlockBody>

<BlockBody label="Resultados">

- **Rendimiento Mejorado**: Incrementamos exponencialmente el rendimiento de la plataforma.
- **Mayor Estabilidad**: Aseguramos una plataforma más estable y confiable.
- **Alineación con Procesos de Negocio**: El software desarrollado es más fiel a los procesos y necesidades del cliente.

</BlockBody>

<BlockBody label="Conclusión">

El proyecto Enrolados demostró nuestra capacidad para reescribir y optimizar software empresarial, proporcionando una solución robusta que mejora la colaboración y la gestión organizacional.

</BlockBody>

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Web App para la administración de las actividades en las empresas que te permiten tener un mejor control de tu progreso.

Enrolados

Desarrollamos una innovadora Web App que permite a las empresas gestionar y organizar sus actividades de manera efectiva. Esta herramienta facilita el control y seguimiento del progreso, optimizando la productividad y asegurando resultados consistentes.

Eficiencia y Control en Cada Proceso

import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';

export const meta = {
  title: 'Blumi',
  position: 7,
  tags: ['App', 'PWA'],
  editorialTitle: 'Blumi',
  description:
    'Desarrollamos una Aplicación para agendar servicios de cuidado personal y la belleza con los más altos estándares de higiene hasta la comodidad de tu hogar.',
  image: '/images/projects/project-preview-blumi.png',
  logo: {
    src: '/logo-blumi.png',
    width: 116,
    height: 73,
  },
  projectPreviewTitle: 'Primero tú, después tú. ',
  projectPreviewDescription:
    'Creamos una aplicación que te permite agendar servicios de cuidado personal y belleza con los más altos estándares de higiene, llevándolos directamente a la comodidad de tu hogar. ',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/blumi-cover.jpg"
  mockupSrc="/images/projects/blumi-mockup.png"
  label="¿Que hicimos?"
>

Desarrollo de App

</BlockIntro>

<BlockCallout>

Blumi es una empresa dedicada al cuidado personal y la belleza con los más altos estándares de higiene y calidad que busca brindar bienestar y atención en la comodidad del hogar. Se diferencian por ser el primer grupo que pone a disposición una App móvil para seleccionar y agendar cualquiera de sus servicios.

</BlockCallout>

<BlockImage src="/images/projects/blumi-body-01.jpg" width={1280} height={770} />

<BlockBody label="Desafío">

Los fundadores llegaron a nosotros con una visión clara para una nueva empresa dedicada al cuidado personal y bienestar.

Al ser su primera empresa basada en tecnología, fuimos capaces de orientarlos en todos los pasos necesarios a seguir para establecer una empresa tecnológica así como nuestras recomendaciones profesionales y asesoría continua.

</BlockBody>

<BlockImage src="/images/projects/blumi-body-02.jpg" width={1280} height={581} />

<BlockBody label="LOGROS">

Mezclando la visión de los clientes con nuestras recomendaciones pudimos ayudarles en todo el trayecto necesario para lanzar el producto digital al publico. Participamos en el manejo de cuenta para la nomenclatura de la empresa y diseño de imagen corporativa. Registramos sus credenciales para poder publicar en Google Play y App Store. Hicimos una propuesta de pila de tecnologías adecuadas a utilizar para el desarrollo. Desarrollamos en paralelo el conjunto de software necesario para agilizar el lanzamiento temprano. Realizamos un despliegue de aplicaciones en un entorno de pruebas y otro final para producción. Nos encargamos del control de calidad, hacer pruebas y aplicar mejoras continuas. Y por último nos encargamos del lanzamiento de aplicaciones a sus respectivas tiendas digitales.
Los entregables se dividen en los siguientes:

- API (Node, TypeScript, Express y Sequelize)- BackOffice (Next.js, Redux)
- BackOffice (Next.js, TypeScript, Redux)
- App de Clientes para iOS y Android (React Native)
- App de proveedores de servicios para iOS y Android (React Native)

</BlockBody>

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Desarrollamos una Aplicación para agendar servicios de cuidado personal y la belleza con los más altos estándares de higiene hasta la comodidad de tu hogar.

Blumi

Creamos una aplicación que te permite agendar servicios de cuidado personal y belleza con los más altos estándares de higiene, llevándolos directamente a la comodidad de tu hogar. 

Primero tú, después tú. 

import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';

export const meta = {
  title: 'Cuida Mi Mascota',
  position: 8,
  tags: ['App', 'Website'],
  editorialTitle: 'Cuida Mi Mascota',
  image: '/images/projects/project-preview-cuidamimascota.png',
  logo: {
    src: '/logo-cuidamimascota.png',
    width: 200,
    height: 43,
  },
  description:
    'Conecta con cuidadores de confianza para tu mascota.',
  projectPreviewTitle: 'Conecta con cuidadores de confianza para tu mascota.',
  projectPreviewDescription:
    'Desarrollamos una plataforma innovadora que conecta a los dueños de mascotas con cuidadores de confianza, ofreciendo un servicio fácil de usar y confiable para programar atención integral a domicilio. La solución ha mejorado la eficiencia operativa y la satisfacción del usuario, posicionando a Cuida Mi Mascota como un líder en el cuidado de mascotas en México',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/cuidamimascota-cover.jpg"
  mockupSrc="/images/projects/cuidamimascota-mockup.png"
  label="¿Que hicimos?"
  type="laptop"
>

Reserva Hospedaje sin jaulas y Paseos seguros para perros y gatos.

</BlockIntro>

<BlockCallout>

Reserva Hospedaje sin jaulas y Paseos seguros para perros y gatos.

</BlockCallout >

<BlockImage
  //
  
  src="/images/projects/cuidamimascota-body-01.png"
  width={1280}
  height={765}
/>

<BlockBody
    title="Desafío"
    image={<Image
        src="/images/projects/cuidamimascota-body-02.png"
        width={750}
        height={650}
    />}
>

Cuida Mi Mascota es un servicio en línea dedicado a proporcionar atención integral para mascotas en la comodidad del hogar. El reto que se nos presentó fue desarrollar una plataforma que no solo facilitara la conexión entre los dueños de mascotas y los cuidadores, sino que también ofreciera una experiencia de usuario sencilla y confiable para programar servicios de cuidado, paseo, y alojamiento.

</BlockBody>

<BlockBody
    title="Solución"
    image={<Image
        src="/images/projects/cuidamimascota-body-03.png"
        width={320}
        height={850}
    />}
    imagePosition="left"
>

En ADHOC TI, entendimos que la clave para el éxito de Cuida Mi Mascota radicaba en la confianza y la facilidad de uso. Por ello, desarrollamos una solución tecnológica que combinaba un diseño intuitivo con una buena arquitectura. Implementamos un sistema de reservas que permite a los usuarios seleccionar rápidamente los servicios necesarios, elegir cuidadores disponibles en su área, y gestionar los detalles de la atención con un par de clics. Además, integramos un sistema de calificaciones y reseñas que asegura la transparencia y ayuda a construir confianza entre los usuarios y los cuidadores.

</BlockBody>

<BlockBody title="Logros">

Nuestro enfoque resultó en una plataforma que ha mejorado significativamente la eficiencia operativa de Cuida Mi Mascota. Logramos incrementar la satisfacción del usuario final, reduciendo las tasas de abandono y aumentando las reservas exitosas. El diseño móvil responsive permitió un acceso rápido y fácil desde cualquier dispositivo, lo que impulsó la interacción y la fidelización de los usuarios.

</BlockBody>


<BlockBody>
    <Image
        src="/images/projects/cuidamimascota-body-04.png"
        width={1920}
        height={1080}
        style={{ display: 'block', margin: '0 auto' }} // Esto centra la imagen
    />
</BlockBody>

<BlockBody
    title="Tecnologías Implementadas">
    En ADHOC TI, hemos utilizado una variedad de tecnologías de vanguardia para desarrollar una solución robusta y eficiente. Nuestra arquitectura se basa en:

- **API**: Implementamos Node.js y Express.js, lo que nos permite construir APIs escalables y eficientes.
- **Web App**: Usamos React.js y Next.js para ofrecer una experiencia de usuario fluida y dinámica, optimizando el rendimiento y la carga de contenido.
- **Apps móviles**: Desarrollamos aplicaciones móviles con React Native, asegurando una experiencia nativa tanto en iOS como en Android, facilitando el acceso a nuestros servicios desde cualquier dispositivo.

Estas tecnologías nos han permitido construir un sistema ágil, confiable y fácil de usar para todos nuestros usuarios.
</BlockBody>


<BlockBody
    title="Resultados"
>
El lanzamiento de la plataforma ha permitido que Cuida Mi Mascota se posicione como un referente en servicios de cuidado de mascotas en México. La integración de características avanzadas y un enfoque centrado en el usuario ha mejorado tanto la adquisición de nuevos clientes como la retención de los clientes existentes.

</BlockBody>


export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Conecta con cuidadores de confianza para tu mascota.

Cuida Mi Mascota

Desarrollamos una plataforma innovadora que conecta a los dueños de mascotas con cuidadores de confianza, ofreciendo un servicio fácil de usar y confiable para programar atención integral a domicilio. La solución ha mejorado la eficiencia operativa y la satisfacción del usuario, posicionando a Cuida Mi Mascota como un líder en el cuidado de mascotas en México

import Layout from '~/components/ProjectLayout';
import Image from '~/components/Image';
import BlockImage from '~/components/BlockImage';
import BlockIntro from '~/components/BlockIntro';
import BlockCallout from '~/components/BlockCallout';
import BlockBody from '~/components/BlockBody';

export const meta = {
  title: 'Guia de hoy',
  position: 9,
  tags: ['App', 'Website'],
  editorialTitle: 'Guia de hoy',
  image: '/images/projects/project-preview-guiadehoy.png',
  logo: {
    src: '/logo-guiadehoy.png',
    width: 200,
    height: 43,
  },
  description:
    'Actualización Integral del Ecosistema de Aplicaciones para Guía de Hoy.',
  projectPreviewTitle: 'Actualización Integral del Ecosistema de Aplicaciones para Guía de Hoy.',
  projectPreviewDescription:
    'Actualización completa del ecosistema de aplicaciones de Guía de Hoy, mejorando el sitio web, backoffice y el API. Implementamos nuevas optimizaciones funcionalidades  que mejoraron la experiencia del usuario y el rendimiento de la plataforma, apoyando a Guía de Hoy para su consolidación como líder en la publicación de eventos en México.',
};

<BlockIntro
  title={meta.editorialTitle}
  coverSrc="/images/projects/guiadehoy-cover.png"
  mockupSrc="/images/projects/guiadehoy-mockup.png"
  label="¿Que hicimos?"
  type="laptop"
>

Proyecto de Actualización del	 Ecosistema de Aplicaciones de	 Guía de Hoy

</BlockIntro>

<BlockCallout>

Proyecto de Actualización del	 Ecosistema de Aplicaciones de	 Guía de Hoy

</BlockCallout>

<BlockImage
  //
  src="/images/projects/guiadehoy-body-00.png"
  width={1920}
  height={1070}
/>

<BlockBody
    label="Sobre el cliente"
>
Guía de Hoy es una plataforma de publicación y divulgación de eventos y venta de boletos para eventos en Culiacán, con un ecosistema de aplicaciones bien establecido que incluye un API central, un sitio web de marketing y un backoffice de gestión de contenido. 
</BlockBody>

<BlockBody
    label="Desafío"
    image={<Image
        src="/images/projects/guiadehoy-body-01.png"
        width={694}
        height={854}
    />}
>

El reto principal fue actualizar y rediseñar el ecosistema de aplicaciones para mejorar la funcionalidad, la experiencia del usuario y el rendimiento general. El objetivo era implementar un sistema de trabajo incremental que permitiera definir y alcanzar objetivos a corto plazo de manera eficiente.

</BlockBody>


<BlockBody label="Logros">

## **Actualización del Sitio Web**
  - Rediseño completo y actualización a Next.js v14.
  - Mejoras en el menú de navegación, incluyendo nuevas secciones como “¿Quiénes somos?”, “Blog” y “FAQs”.
  - Optimización de la caja de búsqueda con filtros avanzados por ubicación, ciudad, evento, fechas, precios, categorías y tags.
  - Mejoras en el rendimiento del sitio web, implementando nuevas categorías y subcategorías.
  - Re-implementación de la página de eventos con datos estructurados mejorados para SEO.
  - Creación de una nueva sección para “Partners y Sponsors”.

## **Actualización del Backoffice**
  - Actualización a Next.js v14 y mejoras en los módulos existentes.
  - Nuevos módulos para actualizar la homepage, nutrir el blog, FAQs y la sección de partners y sponsors.
  - Soporte para subcategorías y gestión de eventos encontrados por web scrappers.

## **Actualización del API**
  - Añadido soporte para mejorar la búsqueda y nuevos módulos para contenido de blog, FAQs, partners y sponsors.
  - Mejoras en la gestión de eventos y usuarios, incluyendo nuevas funcionalidades como wishlist, reportes de eventos y reseñas de usuarios.

## **Desarrollo de Web Scrappers**
  - Creación de scripts de web scrapping para extraer información de eventos de diversas páginas, integrándola al backoffice para su gestión.

</BlockBody>


<BlockBody>
  <img 
    src="/images/projects/guiadehoy-body-02.png" 
    alt="Descripción de la imagen" 
    style={{
      display: 'block',
      margin: '0 auto',
      maxWidth: '100%', // Asegura que la imagen se adapte al contenedor
      height: 'auto',  // Mantiene la proporción de la imagen
    }}
  />
</BlockBody>


<BlockBody
    label="Resultados"
  
>

La actualización del ecosistema de aplicaciones permitió mejorar significativamente la experiencia del usuario, el rendimiento y la estabilidad de la plataforma. El rediseño y las mejoras implementadas optimizaron las métricas de Core Web Vitals y fortalecieron la posición de Guía de Hoy como una plataforma líder en la publicación y venta de eventos en Culiacán.

</BlockBody>

<BlockBody>
    <Image
        src="/images/projects/guiadehoy-body-03.png"
        width={1920}
        height={1080}
        style={{ display: 'block', margin: '0 auto' }} // Esto centra la imagen
    />
</BlockBody>

<BlockBody
    label="Resumen del Proyecto"
    
>

## **Actualización Integral del Ecosistema de Aplicaciones para Guía de Hoy**

Realizamos una actualización completa del ecosistema de aplicaciones de Guía de Hoy, mejorando el sitio web, el backoffice y el API. Implementamos nuevas optimizaciones funcionalidades  que mejoraron la experiencia del usuario y el rendimiento de la plataforma, consolidando a Guía de Hoy como líder en la publicación de eventos en México.




</BlockBody>

<BlockBody
    label="Conclusion"
    
>

Este proyecto de actualización demostró la capacidad de ADHOC TI para llevar a cabo desarrollos tecnológicos complejos de manera eficiente, adaptándose a las necesidades del cliente y mejorando sustancialmente la calidad y funcionalidad del ecosistema de aplicaciones.

  </BlockBody>

export default ({ children }) => (
  <Layout title={meta.title} meta={meta}>
    {children}
  </Layout>
);


Actualización Integral del Ecosistema de Aplicaciones para Guía de Hoy.

Guia de hoy

Actualización completa del ecosistema de aplicaciones de Guía de Hoy, mejorando el sitio web, backoffice y el API. Implementamos nuevas optimizaciones funcionalidades  que mejoraron la experiencia del usuario y el rendimiento de la plataforma, apoyando a Guía de Hoy para su consolidación como líder en la publicación de eventos en México.

Nuestros Proyectos