Orale Construction sitio web
de portafolio
Trabajé un periodo de tres meses para crear el sitio web portafolio como especialista en UX/UI Design de Orale Construction una compañÃa de construcción de Miami Florida que se especializa en trabajos de remodelación, plomerÃa, techo, etc.… el valor principal de esta compañÃa son las raÃces latinas del fundador que permite la comunicación en español e inglés sin tener alguna limitación del idioma. Realicé las investigaciones de usuario, prototipos y pruebas de usuarios para poder entregar el diseño al desarrollador asegurándome de la calidad en la entrega.
Mi Rol
UX Designer
Visual Designer
Duración del Proyecto
Tres Meses
Colaboradores
1 Stakeholder
2 Developers
¿Cuáles son las oportunidades de mejora?
La comunidad latina de la florida es una de las comunidades de inmigrantes más grandes de USA estos desarrollan sus actividades diariamente en ocasiones cuentan con la necesidad de contratar a un plomero o realizar una remodelación, y en algunas ocasiones se ven limitados al no poderse comunicar efectivamente.
- Los clientes latinos necesitan comunicarse en su idioma sin verse afectados por la barrera del lenguaje.
- La empresa necesita mostrar los trabajos realizados para generar un vÃnculo de confianza.
- La empresa y los clientes necesitan tener una manera de contactar en su idioma de una manera sencilla.
La Solución
Diseñé un sitio web de portafolio para mostrar cada uno de los proyectos que ha trabajado Orale Construction para permitir que la empresa pueda presentar los proyectos en los que ha trabajado, explicar todos los servicios brindados y contactar con los clientes. Teniendo en mente oportunidades de mejora se necesitó: crear una arquitectura de contenido fácil de navegar, leer e interactuar, las secciones de contacto siempre visibles a través de los formularios de contacto.
Este proceso brindó la oportunidad para generar investigaciones de usuario, análisis de la competencia, wireframing, prototipado y la creación de un design system.
Empatizar
¿Cuáles son las metas de la empresa?
¿Cuál es mercado meta?
¿Cuáles son los pain points?
¿Quiénes son sus competidores?
¿Cuál es su identidad de marca?
Definir
¿Cómo definir el User Persona?
¿Cuál es el problema?
¿Cómo se organizarán las reuniones?
¿Cuáles son los entregables?
Idear
Crear el Site Map
Iniciar a definir User Flows
Realizar el proceso Sketch
Prototipar
Diseñar Lo-Fi Wireframes
Diseñar Hi-Fi Wireframes
Crear Design Systems
Probar
Obtener la retroalimentación del Stakeholder
Realizar el Usability Study
Validar la experiencia del usuario
MetodologÃa
Design Thinking
La metodologÃa Design Thinking es una herramienta que se acopla perfectamente para comprender a la compañÃa, usuario y el producto digital en el que se está trabajando, utilizando instrumentos, pruebas y entregables que pertenecen al proceso investigación de usuario, prototipado y pruebas de usabilidad es posible desarrollar un producto de alta calidad.
Para plantear las bases fue necesario documentar los usuarios y proponer las primeras interfaces del sitio web instruccional
Para llegar a plantear correctamente el proyecto fue necesario investigar a los usuarios a partir de esto crear un user persona que nos llevara a generar un user journey map comprendiendo a fondo el flujo que deberÃa seguir nuestro user persona, luego plantear el site map generando una arquitectura de la información que permita el fácil acceso a la información que busca el usuario, lo que da lugar a la creación las primeras interfaces en papel o de manera digital y al completar el wireframe es necesario crear un design system para entregarlo a los desarrolladores para que estos cuenten con la tipografÃa, colores y elementos que forman parta del diseño general del sitio web.
Design System
Las áreas que mejoramos para conectar
con los Clientes de la comunidad latina
se muestran a continuación
Facilitar la información de proyectos e información de servicios en español e ingles
Para resolver esta problemática es necesario pensar en crear una interacción simple que permita obtener la información de contratación de servicios de una manera rápida evitando el problema del lenguaje al aplicar un portafolio que cuenta con la posibilidad para cambiar entre estos idiomas y dar la oportunidad de escribir en la lengua materna.
Mostrar detalles y servicios realizado
en los diferentes proyectos
mostrados
En este apartado fue necesario compartir de una manera precisa y no muy extensa la información del proyecto para que los clientes puedan entender mejor los servicios que se ofrecen o se brindan al público y puedan contratar su servicio confiando en la experiencia y la facilidad para comunicarse que esta empresa les brinda a los latinos y las personas de habla inglesa.
Mostrar los servicios individuales para
facilitar la contratación
Cada uno de los servicios que brinda la empresa se muestran en este apartado ya que es necesario que los clientes puedan seleccionar e iniciar la conexión con la empresa para entender sus necesidades, presupuestar e iniciar a trabajar en el proyecto de remodelación o un servicio especÃfico.
Mockups
Aspectos a tomar en cuenta
Es necesario realizar un análisis de los proyectos a ser mostrados por el cliente para que este apruebe la información mostrada y brinde los datos técnicos necesarios para realizar los copy de modo que sean entendible para el público en general y les brinde la seguridad para contratar los servicios. Otro punto para tomar en cuenta es que se necesita orientar al cliente como hacer las fotografÃas para que muestren el antes y después con el objetivo de resaltar la calidad de trabajo.
¿Qué aprendà al momento de crear el portafolio para Orale?
Uno de los aprendizajes más importantes es que como freelancer se necesita adaptarse a los horarios de los clientes ya que estos pueden tener horarios comprometidos en la semana por esto es necesario contactar con ellos los fines de semana, de igual modo es bueno orientar a los clientes para que estos aprender a tomar fotografÃas o incluso enseñarles un poco sobre como contestar los mensajes. En fin, ayudar al cliente permite que entendamos mejor su negocio y que valores quiere compartir en su web.
ES 
EN