<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Proyectos de diseño UX/UI | Zalamera</title>
	<atom:link href="https://www.agenciazalamera.com/portfolio_category/ux-ui/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.agenciazalamera.com/portfolio_category/ux-ui/</link>
	<description>Agencia creativa de diseño, branding y comunicación. Creamos marcas con raíz, estrategia y mucho arte.</description>
	<lastBuildDate>Thu, 08 Oct 2026 17:09:21 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://www.agenciazalamera.com/wp-content/uploads/2026/10/cropped-ICONO_Mesa-de-trabajo-1-32x32.png</url>
	<title>Proyectos de diseño UX/UI | Zalamera</title>
	<link>https://www.agenciazalamera.com/portfolio_category/ux-ui/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Diseño web Kalidoscopia</title>
		<link>https://www.agenciazalamera.com/portfolio-item/diseno-web-kalidoscopia/</link>
					<comments>https://www.agenciazalamera.com/portfolio-item/diseno-web-kalidoscopia/#respond</comments>
		
		<dc:creator><![CDATA[Zalamera]]></dc:creator>
		<pubDate>Mon, 05 Oct 2026 17:27:36 +0000</pubDate>
				<guid isPermaLink="false">https://www.agenciazalamera.com/?post_type=portfolio&#038;p=5857</guid>

					<description><![CDATA[<p>FIGMA Diseño UX/U KALIDOSCOPIA Diseñar en equipo también forma parte de la faena. Ver web SOBRE EL PROYECTO Para Kalidoscopia trabajamos la fase de diseño web UX/UI, convirtiendo las necesidades del proyecto en una propuesta visual completa antes de comenzar el desarrollo. El objetivo no era simplemente decidir cómo debía verse la web, sino pensar cómo organizar la información, cómo debía navegar [&#8230;]</p>
<p>La entrada <a href="https://www.agenciazalamera.com/portfolio-item/diseno-web-kalidoscopia/">Diseño web Kalidoscopia</a> se publicó primero en <a href="https://www.agenciazalamera.com">Zalamera - agencia creativa</a>.</p>
]]></description>
			<style id="elementor-post-5857">.elementor-5857 .elementor-element.elementor-element-ef99f32{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:50px;--padding-right:50px;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk-animated-title-container{text-align:left;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk--animated-title{font-size:140px;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk--animated-title .mk-title-highlight{color:#f00000;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk--animated-title-overlay-tag{color:var( --e-global-color-secondary );padding:8px 12px 6px 12px;margin-left:-50px;margin-top:-15px;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk-animated-title-container.mk-scroll--load .mk--animated-title-overlay-tag:before{background-color:#017948;}.elementor-5857 .elementor-element.elementor-element-64168984{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:50px;--padding-right:50px;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk-animated-title-container{text-align:center;}.elementor-5857 .elementor-element.elementor-element-131eff3c{width:var( --container-widget-width, 615px );max-width:615px;--container-widget-width:615px;--container-widget-flex-grow:0;}.elementor-5857 .elementor-element.elementor-element-131eff3c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk--animated-title{font-size:36px;line-height:1.1em;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk--animated-title .mk-title-highlight{color:#f00000;font-family:"Helvetica", Sans-serif;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk--animated-title-overlay-tag{margin-left:0px;margin-top:0px;}.elementor-5857 .elementor-element.elementor-element-af516fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-5857 .elementor-element.elementor-element-8771d93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5857 .elementor-element.elementor-element-97f4271 a.mk-animated-button.mk-scroll--load{transform:rotate(-20deg);}.elementor-5857 .elementor-element.elementor-element-97f4271 a.mk-animated-button.mk--loaded{transform:rotate(-30deg);}.elementor-5857 .elementor-element.elementor-element-97f4271 a.mk-animated-button.mk-scroll--load.mk--loaded{left:0;bottom:0;}.elementor-5857 .elementor-element.elementor-element-c359c5f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:110px;--padding-bottom:90px;--padding-left:50px;--padding-right:50px;}.elementor-5857 .elementor-element.elementor-element-1eee68d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5857 .elementor-element.elementor-element-68ed14ca .mk-animated-title-container{text-align:left;}.elementor-5857 .elementor-element.elementor-element-68ed14ca .mk--animated-title{font-size:80px;}.elementor-5857 .elementor-element.elementor-element-68ed14ca .mk--animated-title .mk-title-highlight{color:#f00000;}.elementor-5857 .elementor-element.elementor-element-68ed14ca .mk--animated-title-overlay-tag{margin-left:0px;margin-top:0px;}.elementor-5857 .elementor-element.elementor-element-78870cec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:7% 7%;--row-gap:7%;--column-gap:7%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5857 .elementor-element.elementor-element-785a9c02{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5857 .elementor-element.elementor-element-785a9c02.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5857 .elementor-element.elementor-element-964ff69{font-family:"Helvetica", Sans-serif;}.elementor-5857 .elementor-element.elementor-element-0e0d235 .mk-animated-title-container{text-align:right;}.elementor-5857 .elementor-element.elementor-element-0e0d235.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-5857 .elementor-element.elementor-element-0e0d235{--e-transform-origin-x:right;}.elementor-5857 .elementor-element.elementor-element-0e0d235 .mk--animated-title{font-size:52px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-5857 .elementor-element.elementor-element-0e0d235 .mk--animated-title .mk-title-highlight{color:#f00000;font-size:1px;}.elementor-5857 .elementor-element.elementor-element-0e0d235 .mk--animated-title-overlay-tag{margin-left:0px;margin-top:0px;}.elementor-5857 .elementor-element.elementor-element-3a0b71a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5857 .elementor-element.elementor-element-3761b0d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-5857 .elementor-element.elementor-element-2c34252c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:7% 7%;--row-gap:7%;--column-gap:7%;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5857 .elementor-element.elementor-element-464ab65c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5857 .elementor-element.elementor-element-352feea .mk-animated-title-container{text-align:left;}.elementor-5857 .elementor-element.elementor-element-352feea .mk--animated-title{font-size:80px;}.elementor-5857 .elementor-element.elementor-element-352feea .mk--animated-title .mk-title-highlight{color:#f00000;}.elementor-5857 .elementor-element.elementor-element-352feea .mk--animated-title-overlay-tag{margin-left:0px;margin-top:0px;}.elementor-5857 .elementor-element.elementor-element-a07dae0{font-family:"Helvetica", Sans-serif;}.elementor-5857 .elementor-element.elementor-element-57308564{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5857 .elementor-element.elementor-element-57308564.e-con{--align-self:flex-start;}.elementor-5857 .elementor-element.elementor-element-2a9660b4{--display:flex;border-style:none;--border-style:none;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-5857 .elementor-element.elementor-element-ef271ec{--display:flex;}@media(min-width:768px){.elementor-5857 .elementor-element.elementor-element-785a9c02{--width:60%;}.elementor-5857 .elementor-element.elementor-element-464ab65c{--width:55%;}.elementor-5857 .elementor-element.elementor-element-57308564{--width:45%;}}@media(max-width:1366px) and (min-width:768px){.elementor-5857 .elementor-element.elementor-element-785a9c02{--width:576.977px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5857 .elementor-element.elementor-element-464ab65c{--width:100%;}.elementor-5857 .elementor-element.elementor-element-57308564{--width:100%;}}@media(max-width:1366px){.elementor-5857 .elementor-element.elementor-element-ef99f32{--padding-top:0px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk--animated-title{font-size:100px;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk--animated-title-overlay-tag{font-size:25px;padding:3px 10px 2px 10px;}.elementor-5857 .elementor-element.elementor-element-64168984{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-131eff3c{width:var( --container-widget-width, 757px );max-width:757px;--container-widget-width:757px;--container-widget-flex-grow:0;}.elementor-5857 .elementor-element.elementor-element-131eff3c.elementor-element{--align-self:center;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk--animated-title{font-size:30px;}.elementor-5857 .elementor-element.elementor-element-97f4271 a.mk-animated-button.mk-scroll--load.mk--loaded{left:0;bottom:0;}.elementor-5857 .elementor-element.elementor-element-c359c5f{--padding-top:70px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-68ed14ca .mk--animated-title{font-size:60px;}.elementor-5857 .elementor-element.elementor-element-0e0d235 .mk--animated-title{font-size:60px;}.elementor-5857 .elementor-element.elementor-element-3761b0d4{--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-352feea .mk--animated-title{font-size:60px;}.elementor-5857 .elementor-element.elementor-element-2a9660b4{--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1024px){.elementor-5857 .elementor-element.elementor-element-66e56198 .mk--animated-title{font-size:80px;}.elementor-5857 .elementor-element.elementor-element-66e56198 .mk--animated-title-overlay-tag{font-size:22px;padding:3px 10px 1px 10px;margin-top:-6px;}.elementor-5857 .elementor-element.elementor-element-64168984{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk-animated-title-container{text-align:center;}.elementor-5857 .elementor-element.elementor-element-131eff3c{--container-widget-width:440px;--container-widget-flex-grow:0;width:var( --container-widget-width, 440px );max-width:440px;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk--animated-title{font-size:24px;}.elementor-5857 .elementor-element.elementor-element-97f4271 a.mk-animated-button.mk-scroll--load.mk--loaded{left:0;bottom:0;}.elementor-5857 .elementor-element.elementor-element-c359c5f{--padding-top:50px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-68ed14ca .mk--animated-title{font-size:45px;}.elementor-5857 .elementor-element.elementor-element-0e0d235 .mk--animated-title{font-size:45px;}.elementor-5857 .elementor-element.elementor-element-3761b0d4{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-2c34252c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-5857 .elementor-element.elementor-element-352feea .mk--animated-title{font-size:45px;}.elementor-5857 .elementor-element.elementor-element-2a9660b4{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-5857 .elementor-element.elementor-element-ef99f32{--padding-top:0px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-64168984{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-131eff3c{width:100%;max-width:100%;}.elementor-5857 .elementor-element.elementor-element-131eff3c .mk--animated-title{font-size:18px;}.elementor-5857 .elementor-element.elementor-element-97f4271 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5857 .elementor-element.elementor-element-97f4271 a.mk-animated-button.mk-scroll--load.mk--loaded{left:0;bottom:0;}.elementor-5857 .elementor-element.elementor-element-68ed14ca .mk--animated-title{font-size:40px;}.elementor-5857 .elementor-element.elementor-element-0e0d235 .mk--animated-title{font-size:40px;}.elementor-5857 .elementor-element.elementor-element-3761b0d4{--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5857 .elementor-element.elementor-element-352feea .mk--animated-title{font-size:40px;}}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5857" class="elementor elementor-5857">
				<div class="elementor-element elementor-element-ef99f32 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent" data-id="ef99f32" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
				<div class="elementor-element elementor-element-66e56198 mk-t-animation-textalign-left mk-t-animation-text_reveal mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_title" data-id="66e56198" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk_text_animation&quot;:&quot;text_reveal&quot;,&quot;text_delay&quot;:0.15,&quot;text_duration&quot;:1,&quot;text_stagger&quot;:0.02,&quot;text_on_scroll&quot;:&quot;yes&quot;,&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="mk_animated_title.default">
				<div class="elementor-widget-container">
					<div class="mk-animated-title-container mk-scroll--load">
                <div><div class="mk--animated-title-overlay-tag swm-hide-none">FIGMA</div></div>
                <div><h1 class="mk--animated-title">Diseño UX/U KALIDOSCOPIA</h1></div>
            </div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64168984 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent" data-id="64168984" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
				<div class="elementor-element elementor-element-131eff3c mk-t-animation-text_invert elementor-widget__width-initial mk-t-animation-textalign-center elementor-widget-mobile__width-inherit elementor-widget-laptop__width-initial mk-t-animation-textalign-center mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_title" data-id="131eff3c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk_text_animation&quot;:&quot;text_invert&quot;,&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="mk_animated_title.default">
				<div class="elementor-widget-container">
					<div class="mk-animated-title-container mk-scroll--load">
                <div></div>
                <div><div class="mk--animated-title">Diseñar en equipo también forma parte de la faena.</div></div>
            </div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-af516fd e-con-full e-flex mk-enable-fade-animation-none e-con e-parent" data-id="af516fd" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
				<div class="elementor-element elementor-element-c3ff459 mk-enable-fade-animation-none elementor-widget elementor-widget-image" data-id="c3ff459" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="image.default">
															<img fetchpriority="high" decoding="async" width="1536" height="1024" src="https://www.agenciazalamera.com/wp-content/uploads/2026/10/Mockup-web-responsive-de-Kalidoscopia.png" class="attachment-full size-full wp-image-5860" alt="Mockup web responsive de Kalidoscopia" srcset="https://www.agenciazalamera.com/wp-content/uploads/2026/10/Mockup-web-responsive-de-Kalidoscopia.png 1536w, https://www.agenciazalamera.com/wp-content/uploads/2026/10/Mockup-web-responsive-de-Kalidoscopia-300x200.png 300w, https://www.agenciazalamera.com/wp-content/uploads/2026/10/Mockup-web-responsive-de-Kalidoscopia-1024x683.png 1024w, https://www.agenciazalamera.com/wp-content/uploads/2026/10/Mockup-web-responsive-de-Kalidoscopia-768x512.png 768w" sizes="(max-width: 1536px) 100vw, 1536px" />															</div>
				</div>
		<div class="elementor-element elementor-element-8771d93 e-flex e-con-boxed mk-enable-fade-animation-none e-con e-parent" data-id="8771d93" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-97f4271 mk-animated-button-align-left mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_button" data-id="97f4271" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="mk_animated_button.default">
				<div class="elementor-widget-container">
					<div class="mk-animated-button-container"><a href="https://kalidoscopia.com/" target="_blank" class="mk-animated-button mk-scroll--load elementor-repeater-item-5061f7b"><span><span class="mk-animated-button-icon"><svg aria-hidden="true" class="e-font-icon-svg e-far-arrow-alt-circle-right" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z"></path></svg></span><span class="mk-animated-button-text">Ver web</span></span></a></div>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c359c5f e-con-full e-flex mk-enable-fade-animation-none e-con e-parent" data-id="c359c5f" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
		<div class="elementor-element elementor-element-1eee68d0 e-con-full e-flex mk-enable-fade-animation-none e-con e-child" data-id="1eee68d0" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
				<div class="elementor-element elementor-element-68ed14ca mk-t-animation-textalign-left mk-t-animation-text_reveal mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_title" data-id="68ed14ca" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk_text_animation&quot;:&quot;text_reveal&quot;,&quot;text_delay&quot;:0.15,&quot;text_duration&quot;:1,&quot;text_stagger&quot;:0.02,&quot;text_on_scroll&quot;:&quot;yes&quot;,&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="mk_animated_title.default">
				<div class="elementor-widget-container">
					<div class="mk-animated-title-container mk-scroll--load">
                <div></div>
                <div><h2 class="mk--animated-title">SOBRE EL PROYECTO</h2></div>
            </div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-78870cec e-con-full e-flex mk-enable-fade-animation-none e-con e-child" data-id="78870cec" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
		<div class="elementor-element elementor-element-785a9c02 e-con-full e-flex mk-enable-fade-animation-none e-con e-child" data-id="785a9c02" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
				<div class="elementor-element elementor-element-964ff69 mk-enable-fade-animation-none elementor-widget elementor-widget-text-editor" data-id="964ff69" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="text-editor.default">
									<p>Para Kalidoscopia trabajamos la <strong>fase de diseño web UX/UI</strong>, convirtiendo las necesidades del proyecto en una propuesta visual completa antes de comenzar el desarrollo. El objetivo no era simplemente decidir cómo debía verse la web, sino pensar cómo organizar la información, cómo debía navegar el usuario por ella y qué jerarquía necesitaba cada contenido.</p><p>Desarrollamos todo el <strong>diseño de la página web en Figma</strong>, trabajando la estructura, arquitectura de la información, jerarquías visuales, navegación, composición de las diferentes páginas y adaptación responsive. Diseñar previamente cada pantalla nos permitió definir con precisión la experiencia de usuario y construir un sistema visual coherente antes de llevarlo a WordPress.</p><p>Y aquí entra una parte que nos gusta especialmente: <strong>colaborar con otros profesionales cuando el proyecto lo pide</strong>. Una vez terminado el diseño UX/UI en Figma, trabajamos junto a <a href="https://liliguinot.com/?utm_source=chatgpt.com">Lili Guinot</a>, que se encargó de trasladar nuestro diseño al entorno real, realizando la <strong>maquetación y desarrollo técnico de la web en WordPress y Elementor Pro</strong>. <a href="https://liliguinot.com/servicios-web/?utm_source=chatgpt.com">liliguinot.com</a></p><p>Un proyecto en el que diseño y desarrollo fueron de la mano: desde las primeras decisiones de estructura y experiencia de usuario hasta conseguir que aquello que habíamos diseñado en Figma terminara funcionando en pantalla.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-0e0d235 mk-t-animation-textalign-right mk-t-animation-text_reveal elementor-hidden-tablet e-transform mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_title" data-id="0e0d235" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk_text_animation&quot;:&quot;text_reveal&quot;,&quot;text_delay&quot;:0.15,&quot;text_duration&quot;:1,&quot;text_stagger&quot;:0.02,&quot;text_on_scroll&quot;:&quot;yes&quot;,&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;,&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="mk_animated_title.default">
				<div class="elementor-widget-container">
					<div class="mk-animated-title-container mk-scroll--load">
                <div></div>
                <div><h2 class="mk--animated-title">Primero pensamos cómo funciona. Después, cómo se ve.</h2></div>
            </div>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-3a0b71a e-flex e-con-boxed mk-enable-fade-animation-none e-con e-parent" data-id="3a0b71a" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b4ce40c mk-enable-fade-animation-none elementor-widget elementor-widget-image" data-id="b4ce40c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="image.default">
															<img decoding="async" width="1024" height="683" src="https://www.agenciazalamera.com/wp-content/uploads/2026/10/Diseno-web-kalidoscopia-en-Figma-1024x683.png" class="attachment-large size-large wp-image-5861" alt="Diseño web Kalidoscopia en Figma" srcset="https://www.agenciazalamera.com/wp-content/uploads/2026/10/Diseno-web-kalidoscopia-en-Figma-1024x683.png 1024w, https://www.agenciazalamera.com/wp-content/uploads/2026/10/Diseno-web-kalidoscopia-en-Figma-300x200.png 300w, https://www.agenciazalamera.com/wp-content/uploads/2026/10/Diseno-web-kalidoscopia-en-Figma-768x512.png 768w, https://www.agenciazalamera.com/wp-content/uploads/2026/10/Diseno-web-kalidoscopia-en-Figma.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-3761b0d4 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent" data-id="3761b0d4" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
		<div class="elementor-element elementor-element-2c34252c e-con-full e-flex mk-enable-fade-animation-none e-con e-child" data-id="2c34252c" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
		<div class="elementor-element elementor-element-464ab65c e-con-full e-flex mk-enable-fade-animation-none e-con e-child" data-id="464ab65c" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
				<div class="elementor-element elementor-element-352feea mk-t-animation-textalign-left mk-t-animation-text_reveal mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_title" data-id="352feea" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk_text_animation&quot;:&quot;text_reveal&quot;,&quot;text_delay&quot;:0.15,&quot;text_duration&quot;:1,&quot;text_stagger&quot;:0.02,&quot;text_on_scroll&quot;:&quot;yes&quot;,&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="mk_animated_title.default">
				<div class="elementor-widget-container">
					<div class="mk-animated-title-container mk-scroll--load">
                <div></div>
                <div><h2 class="mk--animated-title">OBJETIVO</h2></div>
            </div>				</div>
				</div>
				<div class="elementor-element elementor-element-a07dae0 mk-enable-fade-animation-none elementor-widget elementor-widget-text-editor" data-id="a07dae0" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="text-editor.default">
									<p>Crear un <strong>diseño web UX/UI a medida para Kalidoscopia</strong>, definiendo previamente en Figma la estructura, navegación, experiencia de usuario e interfaz de la nueva web. El objetivo era entregar un diseño sólido y preparado para desarrollo que pudiera trasladarse con fidelidad a WordPress y Elementor, trabajando de forma coordinada con Lili Guinot durante la fase de implementación.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-57308564 e-con-full e-flex mk-enable-fade-animation-none e-con e-child" data-id="57308564" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-2a9660b4 mk-enable-fade-animation-fade e-con-full e-flex e-con e-parent" data-id="2a9660b4" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;fade&quot;,&quot;fade-from&quot;:&quot;bottom&quot;,&quot;delay&quot;:0.15,&quot;on-scroll&quot;:1,&quot;data-duration&quot;:1.5,&quot;ease&quot;:&quot;power2.out&quot;,&quot;fade-offset&quot;:50}">
				<div class="elementor-element elementor-element-6ecbb198 mk-enable-fade-animation-none elementor-widget elementor-widget-mk_post_single_pagination" data-id="6ecbb198" data-element_type="widget" data-e-type="widget" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;,&quot;mk_ext_is_infinite&quot;:&quot;false&quot;,&quot;mk_ext_is_scrollme&quot;:&quot;false&quot;}" data-widget_type="mk_post_single_pagination.default">
				<div class="elementor-widget-container">
					<div class="mk-post-single-pagination">
                <div class="mk-ps-pagination-prev mk-ps-pagination-np swm-hide-none"><a href="https://www.agenciazalamera.com/portfolio-item/diseno-pistacho/"><svg class="swm-svg--arrow swm-svg-single-pagination-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 38.1" style="fill:none;stroke:currentColor"><path d="M0 18.5H35.5M35.5 18.5C29.3333 17.1667 17 11.6 17 0M35.5 18.5C29.3333 19.6667 17 25 17 37" stroke-width="3.5"></path></svg>Diseño Pistacho</a></div><div class="mk-ps-pagination-thumbnails swm-hide-none"><a href="https://studiofifty.premiumthemes.in/portfolio-standard/"><span></span><span></span><span></span></a></div><div class="mk-ps-pagination-next mk-ps-pagination-np swm-hide-none"><a href="https://www.agenciazalamera.com/portfolio-item/diseno-marca-cirvida/">Diseño marca Cirvida<svg class="swm-svg--arrow swm-svg-single-pagination-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 38.1" style="fill:none;stroke:currentColor"><path d="M0 18.5H35.5M35.5 18.5C29.3333 17.1667 17 11.6 17 0M35.5 18.5C29.3333 19.6667 17 25 17 37" stroke-width="3.5"></path></svg></a></div>
            </div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ef271ec e-flex e-con-boxed mk-enable-fade-animation-none e-con e-parent" data-id="ef271ec" data-element_type="container" data-e-type="container" data-settings="{&quot;mk-animation-effect&quot;:&quot;none&quot;}">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://www.agenciazalamera.com/portfolio-item/diseno-web-kalidoscopia/">Diseño web Kalidoscopia</a> se publicó primero en <a href="https://www.agenciazalamera.com">Zalamera - agencia creativa</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.agenciazalamera.com/portfolio-item/diseno-web-kalidoscopia/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
