Offiwiz web

Sobre el proyecto

Cliente: Offiwiz – URL: www.offiwiz.com

Descripción del proyecto: Offiwiz es una empresa tecnológica enfocada en el desarrollo de aplicaciones, centradas en la productividad y la gestión de archivos, para facilitar el trabajo de documentos de oficina, como archivos PDF, documentos en Word, hojas de Excel o presentaciones Powerpoint.

Buscamos captar nuevos usuarios a través del posicionamiento orgánico y posicionar a la marca como referente en tareas de ofimática. Para ello comenzamos analizando el buyer persona al que se va a dirigir la marca para encontrar sus puntos de dolor y posteriormente ver que opciones tiene la marca para entrar en el top10 mental del usuario.

Web offiwiz en tablet, portátil y ordenador

Definiendo el buyer persona

Su buyer persona se centra principalmente en 2 perfiles:

Estudiante

Perfil de buyer persona


Nombre: Lucas – Edad: 21 años
Ocupación: Estudiante universitario de Ingeniería Informática.
Ubicación: Vive en una ciudad mediana con acceso frecuente a internet y dispositivos móviles.


🎯 Objetivos y motivaciones

  • Agilizar su trabajo académico: quiere ahorrar tiempo al realizar informes, presentaciones o ejercicios prácticos de clase.
  • Optimizar la productividad: busca herramientas que le permitan trabajar desde cualquier lugar, incluso fuera del aula.
  • Prepararse para el mundo laboral: usa apps de ofimática para crear su currículum, redactar cartas de presentación o preparar portfolios.
  • Colaborar fácilmente con compañeros en proyectos compartidos.

😫 Puntos de dolor

  • Transferir archivos entre dispositivos (móvil / ordenador) de forma poco fluida.
  • Se siente limitado cuando una app no permite editar fácilmente desde el móvil.
  • Problemas con compatibilidad de formatos (por ejemplo, tablas que se desconfiguran al abrir en móvil, versiones diferentes de Excel / Word).

💬 Citas representativas

“No quiero perder tiempo configurando formatos. Quiero abrir, escribir y listo.”

“Necesito una app que me deje trabajar igual de bien en el móvil que en el ordenador.”

“Quiero que mis presentaciones se vean profesionales sin pasarme horas diseñándolas.”

Trabajador de oficina

Perfil de buyer persona


Nombre: Alberto – Edad: 45 años
Ocupación: Empleado administrativo y responsable de oficina.
Ubicación: Vive en una ciudad grande, con buen acceso a conexión a internet, en oficina con ordenador + dispositivos móviles.


🎯 Objetivos y motivaciones

  • Generar documentos de oficina de forma rápida: facturas, reportes financieros, tablas de stock, hojas de cálculo, órdenes de compra, etc.
  • Compartir estos archivos fácilmente con colegas, jefes, clientes o proveedores — por correo electrónico o a través de la nube.
  • Ahorrar tiempo en tareas rutinarias, automatizar o simplificar procesos administrativos.
  • Tener herramientas que permitan trabajar también fuera de la oficina cuando lo necesite (viajes, reuniones, visitas a clientes).

😫 Puntos de dolor

  • Documentos muy pesados o demasiado complejos que ralentizan las apps o consumen muchos datos móviles.
  • Dificultad para firmar documentos digitalmente, revisar versiones anteriores, controlar permisos de edición.
  • Seguridad de los documentos: confidencialidad, protección frente a pérdidas, acceso no autorizado.

💎 Mensaje clave

Alberto necesita herramientas ofimáticas móviles que sean robustas, rápidas y confiables, que le permitan crear, editar, compartir y mantener versiones de archivos Word, Excel y PDF con facilidad, tanto desde la oficina como en movilidad.

💬 Citas representativas

“Cuando me envían un PDF con errores o necesito hacer un cambio, quiero poder editarlo rápido sin herramientas complicadas.”

“Si pudiera automatizar partes de las tareas administrativas, me ahorraría muchísimo tiempo y tendría menos errores.”

Retos

Analizando los dos buyer persona podemos distinguir varios puntos en común que nos servirán para plantear una estrategia de contenidos en coherencia con la rquitectura de información más óptima para conseguir los objetivos fijados.

  • Utilizan dispositivos digital como herramienta principal de trabajo (editar, revisar, compartir) que les ayude a agilizar sus tareas diarias.
  • Prefieren apps que sincronicen automáticamente con la nube (Google Drive, OneDrive, Dropbox) para trabajar en equipo.
  • Son usuarios habituales de aplicaciones multiplataforma, como Google Docs, Microsoft Word Mobile o Notion.
  • Consume tutoriales y consejos en YouTube o TikTok sobre productividad, organización y herramientas digitales.
  • Valora mucho las interfaces limpias, intuitivas y rápidas.

Para conseguir los objetivos se planteó una serie de estrategias de contenido distribuidas en varias etapas que explicaremos a continuación.

Web Offiwiz - Secciones
Offiwiz web - Sitemap

Estrategias de contenido

Se presentan como propuestas varias secciones cuyo contenido está relacionado directamente con los productos digitales ofrecidos y los puntos de dolor de los buyer persona.

  • Sección de apps
  • Sección guías y tutoriales de cada app
  • Blog

A largo plazo se propone ofrecer herramientas web como conversión de archivos o edición de documentos PDF para atraer tráfico transaccional. Usuarios que necesitan herramientas para su trabajo cotidiano, pero en un primer instante no buscan una aplicación móvil

Web Offiwiz - apps
Apps

Sección de apps

El usuario entiende las posibilidades que ofrece las herramientas de Offiwiz cuando necesita trabajar con documentos multimedia, ya sean documentos de texto, imágenes, videos o audios.

En cada landinpage se visualiza de forma esquemática las funciones que ofrece cada aplicación, enlaces a las tiendas para su descarga.

Web Offiwiz - guias
Guías y tutoriales

Sección de guías y tutoriales

Se presenta una sección de guías que ayuda al usuario a resolver cualquier tarea específica de las aplicaciones: Cómo firmar un documento PDF, añadir una nota a una página, añadir y editar texto…

Esta sección es muy importante ya que se le ofrece al usuario la funcionalidad que necesita para completar una tarea y la herramienta que necesita para llevarla a cabo, con un paso a paso sencillo de entender. Se espera conseguir un alto nivel de conversión.

La estructura de esta sección se divide en 7 categorías:

  • Editar un PDF
  • Escanear documentos
  • Convertir documentos de texto
  • Mejorar la productividad con IA
  • Convertir formatos de imágenes
  • Convertir formatos de audio
  • Convertir formatos de video
Web Offiwiz - blog
Blog

Sección de blog y artículos

Organizamos el blog en 3 categorías relacionadas con funciones complementarias a las que ofrece Offiwiz en sus aplicaciones. Trucos, consejos y herramientas en el mercado para facilitar al usuario el trabajo con archivos:

Tutoriales: Guías paso a paso de funciones que ofrecen otras herramientas populares como Adobe Acrobat (PDF), La suite de Microsoft Office (Excel, Word o PowerPoint), Notion, Canvas…

Herramientas: Nuevas herramientas adicionales a Offiwiz que ayudan y mejoran la productividad de las tareas que realizan los usuarios.

Tips: Consejos y recomendaciones para tareas relacionadas con documentos pero no de forma indirecta, como la gestión de contraseñas, el uso de herramientas en la nube (Google Drive, Dropbox, OneDrive, etc…).

Esta sección busca atraer usuarios que necesitan resolver un problema o realizar una tarea específica relacionado con ofimática y de forma indirecta descubra las herramientas de Offiwiz, ofreciendo un contenido de valor, ayudando a sus potenciales usuarios y posicionándose de esta forma, como un referente en el sector.

¿Necesitas ayuda con tus archivos de oficina? Offiwiz está aquí para ayudarte

Desarrollo en WordPress

Por las características del proyecto se optó usar el CMS WordPress para facilitar la gestión de contenidos y su optimización para los motores de búsqueda.

Optimizamos y personalizamos la plantilla, especialmente para la sección de guías, donde creamos una página de plantilla nueva y un menú lateral personalizado con el objetivo de facilitar la navegación del usuario.

Plugins

No soy muy partidario de utilizar plugins, pero en esta ocasión usamos los básicos y necesarios para cualquier web.

Logo-polylang
Polylang
Yoast SEO
Contact Form 7
Sassy Social Share

Sistema de diseño

Paletas de color

Color primario

Color secundario - sistema de diseño - Web Offiwiz

Color secundario

Color primario - sistema de diseño - Web Offiwiz

Color base

Color base - sistema de diseño - Web Offiwiz
Paleta de color en Figma

Tipografía

Pesos

Tamaños

xxxx-large
48px (3rem)

xxx-large
40px (2.5rem)

xx-large
32px (2rem)

x-large
24px (1.5rem)

large
20px (1.25rem)

medium
16px (1rem)

small
14px (0.875rem)

Estilos

Desktop

Heading1

Black – xxx-large

Heading2

Bold – xx-large

Heading3

Medium – x-large

Heading4

Medium – large

Mobile

Heading1

Black – xxxx-large

Heading2

Bold – xxx-large

Heading3

Medium – xx-large

Heading4

Medium – x-large

Commons

Subtitle

Medium – large

Label

Medium – medium

Body

Regular – medium

Caption

Regular – small

Web Offiwiz - tipografia

Radios

sistema diseño - borde radio
Sistema de diseño - bordes radio

Spaces

sistema de diseño espaciado
Token espaciadores web
Componente sistema de diseño card
Componente sistema de diseño - Entrada artículo
Componente sistema de diseño - Comentario

Componentes

Botones

Componentes botones tamaños
Componente botones - estados

Iconos

Iconos web Offiwiz
Iconos tamaños - web Offiwiz