[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"proyecto-ciper":3},{"id":4,"projectId":5,"slug":6,"date":7,"status":8,"client":9,"title":10,"excerpt":11,"sections":12,"seo_title":38,"seo_description":11,"seo_canonical":39,"json_services":40,"sort":48,"date_updated":48,"services":49,"horizons":87,"hero":116},7,17642,"ciper","2020-06-03","publish","CIPER","Periodismo de investigación en línea","Creamos un sitio flexible, pensado en los lectores de un medio investigativo de renombre como CIPER.",[13,19,25,29,34],{"type":14,"title":15,"image":16,"reverse":17,"content":18},"section","Un proyecto de impacto social","https:\u002F\u002Fcdn.ida.cl\u002Fwp-content\u002Fuploads\u002F2020\u002F05\u002FIm1_Horizonteciper.jpg",true,"CIPER llega como un proyecto desafiante para IDA. No solo por el peso de este medio de comunicación en el mundo periodístico, sino por la relevancia de rediseñar un sitio que resista al paso del tiempo. El rediseño del sitio de CIPER fue un proyecto con un claro impacto social, debido a la propia línea editorial del sitio de investigación periodística.",{"type":20,"title":21,"bg-color":22,"image":23,"content":24},"highlight","¿Qué desafíos nos propusimos?","70, 70, 70","https:\u002F\u002Fcdn.ida.cl\u002Fwp-content\u002Fuploads\u002F2020\u002F04\u002FCiper-Imagen2_transparencia.jpg","Para darle mayor valor a los contenidos, nos propusimos diseñar un sitio capaz de flexibilizar sus formatos para adaptarse a los distintos artículos. Además, buscamos construir un sitio en donde cada espacio fuese administrable para así mejorar el consumo de la información y la interacción con el contenido.",{"type":14,"title":26,"image":27,"reverse":17,"content":28},"Estudio de Usuarios","https:\u002F\u002Fcdn.ida.cl\u002Fwp-content\u002Fuploads\u002F2020\u002F04\u002FCiper-Imagen3_Encuesta.jpg","Para conocer quiénes eran los lectores y lectoras de CIPER, realizamos un Estudio de Usuarios que consideró una **encuesta online** que fue respondida por más de 20 mil personas. La diversidad de la muestra - respondieron personas menores de 34 años hasta otras de más de 55 - nos plantearn el desafío de abordar el diseño desde la jerarquización de información, que fuese transversal, donde el contenido era lo relevante. Además, hicimos un ciclo de entrevistas a personas usuarias de CIPER para profundizar en la relación que tenían con el medio de comunicación, sus motivaciones de lectura y sus recomendaciones para mejorar la experiencia de informarse.",{"type":14,"title":30,"image":31,"reverse":32,"content":33},"Etapas del proceso","https:\u002F\u002Fcdn.ida.cl\u002Fwp-content\u002Fuploads\u002F2020\u002F05\u002FWF_Ciper.jpg",false,"* Definición de objetivos del proyecto, tanto desde la experiencia digital como desde el posicionamiento de CIPER.\n* Constante iteración con el equipo periodístico del medio de comunicación\n* Estudio de usuarios\n* Arquitectura de información\n* Diseño de estilos gráficos para módulos con distintas posibilidades de visualización\n* Desarrollo",{"type":14,"title":35,"image":36,"reverse":17,"content":37},"¿Cuál fue el resultado?","https:\u002F\u002Fcdn.ida.cl\u002Fwp-content\u002Fuploads\u002F2020\u002F04\u002FCiper-imagen5_Resultados.jpg","* Se logró un sitio que permite artículos con estructuras totalmente distintas\n* Se capacitó a los periodistas para aprovechar al máximo el sitio\n* Se creó una biblioteca de artículos navegable y bien categorizada","CIPER - IDA","https:\u002F\u002Fwww.ida.cl\u002Fproyecto\u002Fciper\u002F",[41,42,43,44,45,46,47],"definicion-de-objetivos","estudios-de-usuarios","arquitectura-de-informacion","wireframes","definicion-de-estilos-digitales","front-end","back-end",null,[50,56,62,66,71,76,81],{"project_services_id":51},{"id":52,"service_slug":41,"service_title":53,"icon":54,"description":55},186,"Definición de objetivos","target","Definimos los objetivos de tu proyecto digital, identificamos los puntos de contacto y les asignamos KPIs.",{"project_services_id":57},{"id":58,"service_slug":42,"service_title":59,"icon":60,"description":61},194,"Estudios de usuarios","strategy","Identifican a los usuarios que interactúan con el sitio para orientar decisiones estratégicas y construir arquetipos.",{"project_services_id":63},{"id":64,"service_slug":43,"service_title":65,"icon":60,"description":48},180,"Arquitectura de información",{"project_services_id":67},{"id":68,"service_slug":44,"service_title":69,"icon":60,"description":70},214,"Wireframes","Creamos los wireframes para disponer el contenido en una estructura visual responsiva.",{"project_services_id":72},{"id":73,"service_slug":45,"service_title":74,"icon":54,"description":75},185,"Definición de estilos digitales","Sintetizamos la información e interpretamos conceptos y jerarquías para crear plataformas fáciles de usar.",{"project_services_id":77},{"id":78,"service_slug":46,"service_title":79,"icon":54,"description":80},196,"Front-end","En esta etapa del proceso se realiza la producción del diseño de plantillas HTML responsive.",{"project_services_id":82},{"id":83,"service_slug":47,"service_title":84,"icon":85,"description":86},182,"Back-end","clock","El desarrollo de back-end considera la producción de HTML\u002FCSS\u002FJavaScript e implementación en WordPress.",[88,95,101,106,111],{"id":89,"projects_id":4,"collection":90,"item":91},69,"project_sections",{"id":89,"sort":92,"title":15,"content":18,"image":93,"orientation":94,"bg_color":48,"type":14},0,"fa55f7be-25db-4972-9a88-7640492f74b7","image-description",{"id":96,"projects_id":4,"collection":90,"item":97},70,{"id":96,"sort":98,"title":21,"content":24,"image":99,"orientation":100,"bg_color":22,"type":20},1,"f526c064-6c91-4779-816a-ffb624c2fe3a","description-image",{"id":102,"projects_id":4,"collection":90,"item":103},71,{"id":102,"sort":104,"title":26,"content":28,"image":105,"orientation":94,"bg_color":48,"type":14},2,"efa1de34-fa49-4aad-a672-0a88d2e11701",{"id":107,"projects_id":4,"collection":90,"item":108},72,{"id":107,"sort":109,"title":30,"content":33,"image":110,"orientation":100,"bg_color":48,"type":14},3,"0258705f-2a7a-467f-9963-075abca9dfe3",{"id":112,"projects_id":4,"collection":90,"item":113},73,{"id":112,"sort":114,"title":35,"content":37,"image":115,"orientation":94,"bg_color":48,"type":14},4,"236a9aee-a31f-4101-a65a-549aefe54e69",{"id":117,"title":10,"description":11,"image":118,"primary_button_text":48,"primary_button_url":48,"secondary_button_text":48,"secondary_button_url":48,"page":48},18,"71f53546-02f9-494e-9da9-7fc50a47f08b"]