Ir al contenido
[techland_nav menutype=”onepage” anchor=”yes” btnstyle2=”2″ hidesidemenu=”yes” mtype=”primary” link1=”url:%23||target:%20_blank|” btntitle2=”Contáctenos” link2=”url:%23contacto|||rel:nofollow” logo=”2646″ mlwidth=”162″ mlheight=”70″ loop=”%5B%7B%22title%22%3A%22Dise%C3%B1o%20UX%22%2C%22internallink%22%3A%22%23ux%22%2C%22submenuloop%22%3A%22%255B%257B%257D%255D%22%7D%2C%7B%22title%22%3A%22Dise%C3%B1o%20UI%22%2C%22internallink%22%3A%22%23ui%22%2C%22submenuloop%22%3A%22%255B%257B%257D%255D%22%7D%2C%7B%22title%22%3A%22Prototipos%22%2C%22internallink%22%3A%22%23prototipos%22%2C%22submenuloop%22%3A%22%255B%257B%257D%255D%22%7D%5D” sticky_logo=”2646″ smlwidth=”162″ smlheight=”70″]
[techland_hero7 btnstyle=”1″ subheading=”UI/UX en Chile” heading=”Diseño y Desarrollo de Experiencia e Interfaz de usuarios.” desc=”Nuestras soluciones y diseños van siempre orientados a crear la mejor experiencia posible para el usuario o público objetivo final.

Estos procesos son clave para el éxito integral y sostenido de un producto, plataforma o sistema. Empatizamos con el usuario para lograr conseguir que esa experiencia sea perfecta. Comprender qué es lo que busca y qué es mejor para después poder implementarlo y crear una interfaz que sea atractiva, simple, intuitiva y útil es nuestra garantía.” bgimg=”547″ shape1=”2500″ btntitle=”¿Cómo lo hacemos?” link=”url:%23proceso|||”]

[techland_spacer spacer=”6″]
[techland_section_hading br=”yes” boxed=”yes” subtitle=”CÓMO TRABAJAMOS” title=”El diseño es un proceso” thintitle=”no una metodología“][/techland_section_hading]
[techland_steps1 title=”Investigación” desc=”Todo parte con la investigación, entendimiento y empatía con el usuario. Basado en los recursos que se provean o se recopilen en esta etapa, podemos comenzar a entender hacia dónde dirigirnos.”]
[techland_steps1 title=”Conceptualización” desc=”Se comienza a hacer iteraciones, reuniones de ideas, proyectar alternativas, trabajos en pizarras y todo lo que aporte a ir conformando los alambrados o wifreames así como los diferentes tipos de prototipos.”]
[techland_steps1 title=”Entrega” desc=”Culminado los conceptos evaluados y aprobados, se entrega la documentación y los elementos necesarios de interfaz de usuario, ya sea en baja resolución o píxel perfecto, junto a la biblioteca de activos gráficos y parámetros para el desarrollo.”]
[techland_section_hading br=”yes” boxed=”yes” title=”Equipo experto” thintitle=”con herramientas expertas”][/techland_section_hading]

Agile

Metodología Scrum Fomentamos el trabajo en equipo, focalizando todos los esfuerzos en alcanzar un objetivo común.

Wireframes y Prototipos

Básicos y Avanzados Balsamiq Mockup, Whismical, Justinmind y Axure

Diseño e Interacción

Creativo y Funcional Sketch, Principle, Protopie y Flinto

Guías y Pautas

Info para ingenieros y desarrolladores
Zeplin, InVision, Adobe XD y Sketch Cloud

[techland_section_hading br=”yes” hcolor=”section-heading–dark” subtitle=”DISEÑO UX” textfield=”Awesome Things” thintitle=”Intuitivas, amigables y útiles.” title=”Diseñamos Experiencias”][/techland_section_hading]

Investigación de experiencia del usuario, entender el diseño de la experiencia desde la conceptualización, arquitectura de la información, diseño de la interacción de los usuarios y por tanto el diseño de cada interfaz.

[techland_spacer spacer=”5″ display=”d-lg-none”][techland_popup_video1 defimg=”101″ imgw=”602″ imgh=”401″ vurl=”https://acm.hispahub.com/_tmp/boceteando-ideas-wireframes-ux.mp4″ img=”2364″]
[techland_spacer spacer=”5″ display=”d-lg-none”][techland_popup_video1 defimg=”101″ imgw=”602″ imgh=”401″ img=”2173″ vurl=”https://acm.hispahub.com/_tmp/video-analisis-asesorias-ux.mp4″]
[techland_section_hading br=”yes” hcolor=”section-heading–dark” subtitle=”ANÁLISIS Y ASESORÍAS EN UX” textfield=”Awesome Things” thintitle=”basado en modelos actuales” title=”Reportes y Recomendaciones”][/techland_section_hading][techland_spacer spacer=”4″]

Realizamos asesorías y análisis de proyección para productos en desarrollo o existentes. Generamos reportes con las observaciones más importantes que podrían ser mejoradas e implementadas en su sitio o aplicación para que puedan seguir las directrices de manera autónoma.

[techland_section_hading br=”yes” subtitle=”Diseño UI” title=”Interfaz centrada en el usuario” thintitle=”Enfocada en los 6 Principios”][/techland_section_hading][techland_spacer spacer=”6″]
[techland_services_container css=”.vc_custom_1584409416426{padding-bottom: 145px !important;}”][techland_services_item6 icontype=”svg” svgimg=”2426″ svgclr=”#ffffff” title=”Estructura” desc=”Organizamos las interfaces de manera significativa y útil basada en modelos claros y consistentes que son evidentes y reconocible para los usuarios.” width=”50″ height=”50″][techland_services_item6 icontype=”svg” svgimg=”2427″ svgclr=”#ffffff” title=”Simplicidad” desc=”A través del diseño facilitamos las tareas simples y comunes, comunicando de forma clara y sencilla en el propio idioma del usuario.” width=”40″ height=”40″][techland_services_item6 icontype=”svg” svgimg=”2429″ svgclr=”#ffffff” title=”Visibilidad” desc=”El buen diseño no abruma. Las opciones y materiales necesarios para una tarea determinada no deben distraer al usuario con información superflua o redundante.” width=”45″ height=”45″][techland_services_item6 icontype=”svg” svgimg=”2432″ svgclr=”#ffffff” title=”Retroalimentación” desc=”Mantenemos a los usuarios informados de las acciones, los cambios de estado o condición, errores o excepciones de manera clara, concisa y familiar.” width=”45″ height=”45″][techland_services_item6 icontype=”svg” svgimg=”2431″ svgclr=”#ffffff” title=”Tolerancia” desc=”Nuestro diseño debe ser flexible para reducir el costo de los errores y el mal uso al permitir deshacer y rehacer y al mismo tiempo evitar los errores siempre que sea posible.” width=”45″ height=”45″][techland_services_item6 icontype=”svg” svgimg=”2430″ svgclr=”#ffffff” title=”Reutilizar” desc=”Reutilizamos componentes, manteniendo la coherencia con el propósito en vez de la consistencia arbitraria. Reducimos la necesidad de los usuarios a repensar y recordar.” width=”60″ height=”60″][/techland_services_container]
[techland_section_hading subtitle=”PROTOTIPOS” title=”Baja y Alta fidelidad” thintitle=”Diagramas de flujos, Wireframes y Maquetas interactivas”]Exportamos los prototipos en HTML (ideal para documentar funcionamiento y para realizar pruebas de usuario), o en un documento PDF / Word que recoge, además de las interfaces diseñadas, todas las anotaciones que se hagan sobre el funcionamiento de cada página, módulo o componente.[/techland_section_hading]
[techland_spacer spacer=”4″ display=”d-md-none”][techland_tilt_image tilt=”yes” defimg=”422″ retinaimg=”423″ imgw=”298″ imgh=”234″ alt=”demo”]
[techland_spacer spacer=”4″]
[techland_steps2 loop=”%5B%7B%22tabtitle%22%3A%22Bosquejos%20(%3Ci%3ESketch%3C%2Fi%3E)%22%2C%22desc%22%3A%22%3Ch3%20class%3D%5C%22h4%5C%22%3EPrimeros%20prototipos%3C%2Fh3%3E%5Cn%5Cn%3Cp%3EEs%20la%20primera%20etapa%20en%20baja%20fidelidad%20(%3Ci%3Elow%20fidelity%3C%2Fi%3E)%20para%20bocetar%20una%20web%2C%20app%2C%20intranet%2C%20etc.%20Son%20simples%20bocetos%20hechos%20a%20l%C3%A1piz%20y%20papel%20donde%20mostramos%20la%20estructura%20b%C3%A1sica%20y%20los%20flujos%20que%20tendr%C3%A1%20el%20producto.%3C%2Fp%3E%22%7D%2C%7B%22tabtitle%22%3A%22%3Ci%3EWireframes%3C%2Fi%3E%20o%20Alambrados%22%2C%22desc%22%3A%22%3Cp%3EMostramos%20la%20organizaci%C3%B3n%20del%20proyecto%20separ%C3%A1ndolo%20en%20las%20principales%20secciones%20o%20m%C3%B3dulos%2C%20y%20a%C3%B1adiendo%20interacci%C3%B3n%20b%C3%A1sica%2C%20por%20lo%20general%20de%20manera%20est%C3%A1tica%2C%20lo%20que%20se%20conoce%20como%20%5C%22prototipo%20clickable%5C%22.%3C%2Fp%3E%5Cn%5Cn%3Cp%3EEl%20dise%C3%B1o%20se%20muestra%20en%20una%20escala%20de%20blancos%20y%20grises%20y%20no%20se%20tiene%20en%20cuenta%20nada%20visual%2C%20simplemente%20la%20estructura%2C%20todo%20contenido%20es%20falso%20y%20temporal.%3C%2Fp%3E%22%7D%2C%7B%22tabtitle%22%3A%22Maquetas%20o%20%3Ci%3EMockups%3C%2Fi%3E%22%2C%22desc%22%3A%22%3Cp%3EEl%20resultado%20final%20son%20maquetas%20de%20alta%20fidelidad.%20Se%20muestra%20c%C3%B3mo%20quedar%C3%ADa%20el%20producto%20final%2C%20a%20excepci%C3%B3n%20de%20las%20interacciones%2C%20que%20siguen%20siendo%20limitadas.%20En%20esta%20etapa%20incluimos%20los%20detalles%20visuales%20como%20el%20tipo%20de%20tipograf%C3%ADa%2C%20los%20colores%20exactos%2C%20el%20contenido%20final%20y%20el%20espacio%20que%20ocupar%C3%A1%20cada%20elemento.%3C%2Fp%3E%22%7D%2C%7B%22tabtitle%22%3A%22Prototipo%20final%20%2F%20Alta%20fidelidad%22%2C%22desc%22%3A%22%3Cp%3ESon%20los%20prototipos%20de%20alta%20fidelidad%20o%20%3Ci%3Ehigh-fidelity%3C%2Fi%3E.%20Se%20trata%20del%20%3Ci%3Emockup%3C%2Fi%3E%20mejorado%20y%20a%C3%B1adiendo%20las%20interacciones%20correspondientes.%20Ya%20no%20se%20muestra%20solo%20la%20paleta%20de%20colores%20o%20el%20dise%C3%B1o%2C%20sino%20tambi%C3%A9n%20los%20sistemas%20de%20navegaci%C3%B3n%20y%20la%20experiencia%20de%20usuario%20(ux).%3C%2Fp%3E%5Cn%3Cp%3EEstos%20prototipos%20ya%20incluyen%20interacciones%20y%20flujos%20de%20trabajo%20que%20simulan%20acciones%20complejas%20as%C3%AD%20como%20entrada%20de%20informaci%C3%B3n%20din%C3%A1mica%2C%20todo%20lo%20m%C3%A1s%20cercano%20posible%20a%20la%20versi%C3%B3n%20final%20y%20real%20del%20producto.%3C%2Fp%3E%22%7D%5D”]
[techland_section_hading subtitle=”Contacto” title=”No solo de proyectos conversamos”]Nos gusta recibir opiniones, sugerencias, ideas, criterios y todo lo que ayude a mantener una comunicación profesional.[/techland_section_hading][techland_spacer spacer=”4″]

    [techland_spacer spacer=”5″ display=”d-md-none”][techland_tilt_image tilt=”yes” defimg=”2656″ retinaimg=”2656″ imgw=”571″ imgh=”490″ alt=”demo”]