<?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>Website Creation Archives - Dandelium Studio</title>
	<atom:link href="https://dandelium.studio/en/portfoliocategory/website-creation/feed/" rel="self" type="application/rss+xml" />
	<link>https://dandelium.studio/en/portfoliocategory/website-creation/</link>
	<description>Website creation and design</description>
	<lastBuildDate>Wed, 31 Jan 2024 14:06:14 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://dandelium.studio/wordpress/wp-content/uploads/2022/03/cropped-icon-white-32x32.png</url>
	<title>Website Creation Archives - Dandelium Studio</title>
	<link>https://dandelium.studio/en/portfoliocategory/website-creation/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Essential MICE</title>
		<link>https://dandelium.studio/en/portfolio/essential-mice-en/</link>
		
		<dc:creator><![CDATA[Montse Admin]]></dc:creator>
		<pubDate>Wed, 31 Jan 2024 14:06:11 +0000</pubDate>
				<guid isPermaLink="false">https://dandelium.studio/?post_type=elemenfolio&#038;p=4746</guid>

					<description><![CDATA[<p>Essential MICE Context Esther has a degree in Tourism worked for several years for different hotels. At one point, she started working in the events industry within the business tourism sector. After a while, she decided to start her own brand, Essential MICE, a consulting firm that focuses on business tourism and events. She contacted [&#8230;]</p>
<p>The post <a href="https://dandelium.studio/en/portfolio/essential-mice-en/">Essential MICE</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading has-text-align-center">Essential MICE</h1>



<h2 class="wp-block-heading has-text-align-center">Context</h2>



<p>Esther has a degree in Tourism worked for several years for different hotels. At one point, she started working in the events industry within the business tourism sector. After a while, she decided to start her own brand, <a href="https://essentialmice.com">Essential MICE</a>, a consulting firm that focuses on business tourism and events. She contacted me because she needed a website to present her services.</p>



<p>By the way, in case you&#8217;re wondering, MICE stands for Meetings, Incentives, Conferences &amp; Exhibitions. </p>



<h2 class="wp-block-heading has-text-align-center">Proposed Solution</h2>



<p>Esther had a very clear idea from the start of what her website should be like. She knew what she liked and didn&#8217;t like, and how it had to be structured.</p>



<p>In particular, some key points were:</p>



<ul class="wp-block-list">
<li>Inviting but sophisticated look</li>



<li>Texts would, in general, be short</li>



<li>Simple structure</li>
</ul>



<p>She provided me some hand-made wireframes (or drafts) of how she wanted each section to look like, and she also sent a colour palette which I then worked into the website. I created the designs using WordPress and customising them with CSS code where necessary. I also chose the typographies, adjusted their sizes and chose the colours from the palette provided by her.</p>



<p>Although the final result may look simple, it isn&#8217;t. The design was custom-made, and it had to be tweaked to work properly in mobile screens (tablets and smartphones). You can read more about the technical challenges below.</p>


<div class="kb-gallery-wrap-id-4746_5aa26b-a1 alignnone wp-block-kadence-advancedgallery"><div class="kb-gallery-ul kb-gallery-non-static kb-gallery-type-fluidcarousel kb-gallery-id-4746_5aa26b-a1 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-image-filter="none" data-lightbox-caption="true"><div class="kt-blocks-carousel splide kt-carousel-container-dotstyle-dark kt-carousel-arrowstyle-whiteondark kt-carousel-dotstyle-dark kb-slider-group-arrow kb-slider-arrow-position-center" data-slider-anim-speed="400" data-slider-scroll="1" data-slider-arrows="true" data-slider-dots="true" data-slider-hover-pause="false" data-slider-auto="" data-slider-speed="7000" data-slider-type="fluidcarousel" data-slider-center-mode="true" data-slider-gap="10px" data-slider-gap-tablet="10px" data-slider-gap-mobile="10px" data-show-pause-button="false"><div class="splide__track"><ul class="kt-blocks-carousel-init kb-blocks-fluid-carousel splide__list"><li class="kb-slide-item kb-gallery-carousel-item splide__slide"><div class="kadence-blocks-gallery-item"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius"><div class="kb-gallery-image-contain" ><img fetchpriority="high" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20667'%3E%3C/svg%3E"  data-splide-lazy="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main-1024x561.webp" width="1024" height="561" alt="Main page of Essential MICE. The menu is at the top together with the logo. Below it there is a lush image of a sitting room, with comfortable and big sofas." data-full-image="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main.webp" data-light-image="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main.webp" data-splide-lazy-srcset="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main-1024x561.webp 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main-300x164.webp 300w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main-768x420.webp 768w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main-512x280.webp 512w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/main.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px"data-id="4754" class="wp-image-4754 skip-lazy"/></div></div></figure></div></div></li><li class="kb-slide-item kb-gallery-carousel-item splide__slide"><div class="kadence-blocks-gallery-item"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius"><div class="kb-gallery-image-contain" ><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20667'%3E%3C/svg%3E"  data-splide-lazy="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios-1024x555.webp" width="1024" height="555" alt="5x2 grid showing the services offered by Essential MICE. It alternates cells containing the service name and cells with a picture." data-full-image="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios.webp" data-light-image="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios.webp" data-splide-lazy-srcset="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios-1024x555.webp 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios-300x163.webp 300w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios-768x416.webp 768w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios-512x277.webp 512w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice_servicios.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px"data-id="4760" class="wp-image-4760 skip-lazy"/></div></div></figure></div></div></li><li class="kb-slide-item kb-gallery-carousel-item splide__slide"><div class="kadence-blocks-gallery-item"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius"><div class="kb-gallery-image-contain" ><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20667'%3E%3C/svg%3E"  data-splide-lazy="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos-1024x506.webp" width="1024" height="506" alt="About us page of Essential MICE. It has a title, text on the left hand-side, and a picture of Esther beside the text, on the right side." data-full-image="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos.webp" data-light-image="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos.webp" data-splide-lazy-srcset="https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos-1024x506.webp 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos-300x148.webp 300w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos-768x380.webp 768w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos-512x253.webp 512w, https://dandelium.studio/wordpress/wp-content/uploads/2024/01/essential-mice-quienes-somos.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px"data-id="4755" class="wp-image-4755 skip-lazy"/></div></div></figure></div></div></li></ul></div></div></div></div>


<h3 class="wp-block-heading has-text-align-center">Technical Challenges</h3>



<p>This project offered several challenges:</p>



<ul class="wp-block-list">
<li>Esther wanted each section to occupy 100% of the viewport (that is, the whole height of the screen). This requires finding the right balance between content and blank spaces, and ensuring that it looks right in different devices.</li>



<li>She also wanted a grid showing listing her services. Although it looks simple, I had to put in a lot of work in order to get a grid that:
<ul class="wp-block-list">
<li>Fills 100% of the height of the screen</li>



<li>Looks right and can be readable in smaller screens</li>



<li>Stacks correctly in mobile devices, with images and service titles showing in the right order</li>
</ul>
</li>



<li>As the website wasn&#8217;t content-heavy, we chose to go with a one-page implementation. This created its own challenges, as some contents required their own page (e.g. cookies policy, legal notice, etc.) and this created issues with the menu.</li>



<li>I tried different implementations of the service descriptions (the service names in the grid are clickable), and in the end we went with a pop-up like solution.
<ul class="wp-block-list">
<li>The main reason behind this is that Esther wanted each service description to fill the screen. A pop-up is a nice way to do so, that makes sense in the context of websites. On the other hand, if service descriptions were placed in a single page, one after the other, the reader could get the impression that there was no more content to be read, specially in bigger screens or those with higher resolutions.</li>



<li>As a bonus, this implementation also solved a technical issue that had to do with automatic scrolling.</li>
</ul>
</li>
</ul>



<h2 class="wp-block-heading has-text-align-center">Benefits</h2>



<p>Esther&#8217;s main goal was to have a website for her newly-created business, which she could use to introduce herself and her services to her potential clients. She also wanted to be able to easily change the texts or images if she needed to. </p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-4bfb1757 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M512 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96C576 60.65 547.3 32 512 32zM176 128c35.35 0 64 28.65 64 64s-28.65 64-64 64s-64-28.65-64-64S140.7 128 176 128zM272 384h-192C71.16 384 64 376.8 64 368C64 323.8 99.82 288 144 288h64c44.18 0 80 35.82 80 80C288 376.8 280.8 384 272 384zM496 320h-128C359.2 320 352 312.8 352 304S359.2 288 368 288h128C504.8 288 512 295.2 512 304S504.8 320 496 320zM496 256h-128C359.2 256 352 248.8 352 240S359.2 224 368 224h128C504.8 224 512 231.2 512 240S504.8 256 496 256zM496 192h-128C359.2 192 352 184.8 352 176S359.2 160 368 160h128C504.8 160 512 167.2 512 176S504.8 192 496 192z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Online Presence</h3></div><p class="uagb-ifb-desc">Esther now has a website which she can use to introduce herself and her work to her potential clients.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-2a7eb813 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M352 96C352 110.3 348.9 123.9 343.2 136.2L396 227.4C372.3 252.7 341.9 271.5 307.6 281L256 192H255.1L187.9 309.5C209.4 316.3 232.3 320 256 320C326.7 320 389.8 287.3 430.9 235.1C441.9 222.2 462.1 219.1 475.9 231C489.7 242.1 491.9 262.2 480.8 276C428.1 341.8 346.1 384 256 384C220.6 384 186.6 377.6 155.3 365.9L98.65 463.7C93.95 471.8 86.97 478.4 78.58 482.6L23.16 510.3C18.2 512.8 12.31 512.5 7.588 509.6C2.871 506.7 0 501.5 0 496V440.6C0 432.2 2.228 423.9 6.46 416.5L66.49 312.9C53.66 301.6 41.84 289.3 31.18 276C20.13 262.2 22.34 242.1 36.13 231C49.92 219.1 70.06 222.2 81.12 235.1C86.79 243.1 92.87 249.8 99.34 256.1L168.8 136.2C163.1 123.9 160 110.3 160 96C160 42.98 202.1 0 256 0C309 0 352 42.98 352 96L352 96zM256 128C273.7 128 288 113.7 288 96C288 78.33 273.7 64 256 64C238.3 64 224 78.33 224 96C224 113.7 238.3 128 256 128zM372.1 393.9C405.5 381.1 435.5 363.2 461.8 341L505.5 416.5C509.8 423.9 512 432.2 512 440.6V496C512 501.5 509.1 506.7 504.4 509.6C499.7 512.5 493.8 512.8 488.8 510.3L433.4 482.6C425 478.4 418.1 471.8 413.3 463.7L372.1 393.9z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Custom design</h3></div><p class="uagb-ifb-desc">The website has been customised following Esther&#8217;s idea. She now has a website with a clear message and style which reflects her brand&#8217;s values.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-cb598ac5 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 75.2v361.7c0 24.3-19 43.2-43.2 43.2H43.2C19.3 480 0 461.4 0 436.8V75.2C0 51.1 18.8 32 43.2 32h361.7c24 0 43.1 18.8 43.1 43.2zm-37.3 361.6V75.2c0-3-2.6-5.8-5.8-5.8h-9.3L285.3 144 224 94.1 162.8 144 52.5 69.3h-9.3c-3.2 0-5.8 2.8-5.8 5.8v361.7c0 3 2.6 5.8 5.8 5.8h361.7c3.2 .1 5.8-2.7 5.8-5.8zM150.2 186v37H76.7v-37h73.5zm0 74.4v37.3H76.7v-37.3h73.5zm11.1-147.3l54-43.7H96.8l64.5 43.7zm210 72.9v37h-196v-37h196zm0 74.4v37.3h-196v-37.3h196zm-84.6-147.3l64.5-43.7H232.8l53.9 43.7zM371.3 335v37.3h-99.4V335h99.4z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Contact</h3></div><p class="uagb-ifb-desc">Clients can get in touch using the contact form. She receives every message in the email address especially created for the business.</p></div></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-fb570503 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M468.9 32.11c13.87 0 27.18 10.77 27.18 27.04v145.9c0 10.59-8.584 19.17-19.17 19.17h-145.7c-16.28 0-27.06-13.32-27.06-27.2c0-6.634 2.461-13.4 7.96-18.9l45.12-45.14c-28.22-23.14-63.85-36.64-101.3-36.64c-88.09 0-159.8 71.69-159.8 159.8S167.8 415.9 255.9 415.9c73.14 0 89.44-38.31 115.1-38.31c18.48 0 31.97 15.04 31.97 31.96c0 35.04-81.59 70.41-147 70.41c-123.4 0-223.9-100.5-223.9-223.9S132.6 32.44 256 32.44c54.6 0 106.2 20.39 146.4 55.26l47.6-47.63C455.5 34.57 462.3 32.11 468.9 32.11z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Easy to update</h3></div><p class="uagb-ifb-desc">Since the website it powered by WordPress, it&#8217;s easy to change the texts and the images, and even update the plugins.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-9183c06c uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M232.5 5.171C247.4-1.718 264.6-1.718 279.5 5.171L498.1 106.2C506.6 110.1 512 118.6 512 127.1C512 137.3 506.6 145.8 498.1 149.8L279.5 250.8C264.6 257.7 247.4 257.7 232.5 250.8L13.93 149.8C5.438 145.8 0 137.3 0 127.1C0 118.6 5.437 110.1 13.93 106.2L232.5 5.171zM498.1 234.2C506.6 238.1 512 246.6 512 255.1C512 265.3 506.6 273.8 498.1 277.8L279.5 378.8C264.6 385.7 247.4 385.7 232.5 378.8L13.93 277.8C5.438 273.8 0 265.3 0 255.1C0 246.6 5.437 238.1 13.93 234.2L67.13 209.6L219.1 279.8C242.5 290.7 269.5 290.7 292.9 279.8L444.9 209.6L498.1 234.2zM292.9 407.8L444.9 337.6L498.1 362.2C506.6 366.1 512 374.6 512 383.1C512 393.3 506.6 401.8 498.1 405.8L279.5 506.8C264.6 513.7 247.4 513.7 232.5 506.8L13.93 405.8C5.438 401.8 0 393.3 0 383.1C0 374.6 5.437 366.1 13.93 362.2L67.13 337.6L219.1 407.8C242.5 418.7 269.5 418.7 292.9 407.8V407.8z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Ability to grow</h3></div><p class="uagb-ifb-desc">Although now the website is mainly used as an introduction to Essential MICE, it can easily grow into a blog or a membership, if Esther decides to go that route in the future.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-de57e3b2 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M448 164C459 164 468 172.1 468 184V188H528C539 188 548 196.1 548 208C548 219 539 228 528 228H526L524.4 232.5C515.5 256.1 501.9 279.1 484.7 297.9C485.6 298.4 486.5 298.1 487.4 299.5L506.3 310.8C515.8 316.5 518.8 328.8 513.1 338.3C507.5 347.8 495.2 350.8 485.7 345.1L466.8 333.8C462.4 331.1 457.1 328.3 453.7 325.3C443.2 332.8 431.8 339.3 419.8 344.7L416.1 346.3C406 350.8 394.2 346.2 389.7 336.1C385.2 326 389.8 314.2 399.9 309.7L403.5 308.1C409.9 305.2 416.1 301.1 422 298.3L409.9 286.1C402 278.3 402 265.7 409.9 257.9C417.7 250 430.3 250 438.1 257.9L452.7 272.4L453.3 272.1C465.7 259.9 475.8 244.7 483.1 227.1H376C364.1 227.1 356 219 356 207.1C356 196.1 364.1 187.1 376 187.1H428V183.1C428 172.1 436.1 163.1 448 163.1L448 164zM160 233.2L179 276H140.1L160 233.2zM0 128C0 92.65 28.65 64 64 64H576C611.3 64 640 92.65 640 128V384C640 419.3 611.3 448 576 448H64C28.65 448 0 419.3 0 384V128zM320 384H576V128H320V384zM178.3 175.9C175.1 168.7 167.9 164 160 164C152.1 164 144.9 168.7 141.7 175.9L77.72 319.9C73.24 329.1 77.78 341.8 87.88 346.3C97.97 350.8 109.8 346.2 114.3 336.1L123.2 315.1H196.8L205.7 336.1C210.2 346.2 222 350.8 232.1 346.3C242.2 341.8 246.8 329.1 242.3 319.9L178.3 175.9z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Multilingual</h3></div><p class="uagb-ifb-desc">Since Esther focuses on events and business tourism, the website is in three languages (Spanish, English and French), to cater to clients from different countries.</p></div></div>
</div>
</div>



<p>Although these are the main benefits, the website also:</p>



<ul class="wp-block-list">
<li><strong>Complies with the GDPR</strong></li>



<li>It is <strong>backed up regularly</strong>&nbsp;to a remote server, so that in the event that something goes very wrong, the data can be recovered.</li>



<li>Contact forms can sometimes stop working if the server blocks the sending of e-mails. In order to avoid any issues,&nbsp;<strong>the website stores any sent forms so that they are never lost</strong>.</li>
</ul>
<p>The post <a href="https://dandelium.studio/en/portfolio/essential-mice-en/">Essential MICE</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Gramatices</title>
		<link>https://dandelium.studio/en/portfolio/gramatices-en/</link>
		
		<dc:creator><![CDATA[Montse Admin]]></dc:creator>
		<pubDate>Tue, 07 Feb 2023 10:09:54 +0000</pubDate>
				<guid isPermaLink="false">https://dandelium.studio/?post_type=elemenfolio&#038;p=2490</guid>

					<description><![CDATA[<p>Gramatices Proposed Solution After debating and analysing different options, Samuel decided to create a membership website where he can offer courses, teaching materials and other resources to teachers of Spanish. His membership is mainly based on direct interaction with its members. Almost every week there is either a Q&#38;A session, a tutorial or a lesson [&#8230;]</p>
<p>The post <a href="https://dandelium.studio/en/portfolio/gramatices-en/">Gramatices</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading has-text-align-center">Gramatices</h1>



<div style="height:1em" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill" style="grid-template-columns:40% auto"><figure class="wp-block-media-text__media" style="background-image:url(https://dandelium.studio/wordpress/wp-content/uploads/2022/11/IMG_3826.jpg);background-position:50% 50%"><img loading="lazy" decoding="async" width="1024" height="683" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/11/IMG_3826.jpg" alt="" class="wp-image-2697 size-large" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/11/IMG_3826.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/11/IMG_3826-300x200.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/11/IMG_3826-768x512.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/11/IMG_3826-512x342.jpg 512w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-center">Context</h2>



<p style="font-size:1rem">Samuel has been teaching Spanish for over 15 years. He has various sources of income – private students, a language school (Instituto Cervantes) and a university’s language school, among others. When COVID struck, he moved to online teaching – an experience which proved to be very successful. This sparked his desire to establish an online presence and create his own brand. One of this goals is to help other teachers of Spanish understand the nuances of the language and give them tips and strategies to deal with certain topics in class.</p>



<div class="inherit-container-width wp-block-group alignfull has-ast-global-color-0-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container">
<h2 class="wp-block-heading has-text-align-center"><i class="bi bi-globe"></i> Website</h2>



<p class="has-text-align-center" style="font-size:1.5em"><a href="https://palomitasdematiz.com" target="_blank" rel="noreferrer noopener"> </a><a href="https://gramatices.com" target="_blank" rel="noreferrer noopener">Gramatices</a></p>
</div></div>
</div></div>



<div style="height:4em" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center">Proposed Solution</h2>



<p>After debating and analysing different options, Samuel decided to create a membership website where he can offer courses, teaching materials and other resources to teachers of Spanish. His membership is mainly based on direct interaction with its members. Almost every week there is either a Q&amp;A session, a tutorial or a lesson on a certain topic. The website uses the same design as <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a> and <a href="https://dandelium.studio/en/portfolio/samuel-risquez-en/" target="_blank" rel="noreferrer noopener">Samuel Rísquez</a>, with a different logo. This is done on purpose, to create consistency between the different brands and unify them.</p>



<figure class="wp-block-gallery has-nested-images columns-2 uag-masonry uagb-block-5a43c337 wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-medium-large"><img loading="lazy" decoding="async" width="512" height="470" data-id="3441" src="https://dandelium.studio/wordpress/wp-content/uploads/2023/02/main-page-512x470.jpg" alt="Gramatices's main mage. The highlight colors are blue and yellow. At the top, the social media menu appears on a blue background. Below is the main menu. And then the content appears. It's aimed at teachers of Spanish, encouraging them to teach grammar with confidence, and then there's a video presentation of Samuel and Gramatices." class="wp-image-3441" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2023/02/main-page-512x470.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2023/02/main-page-300x276.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2023/02/main-page-768x706.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2023/02/main-page.jpg 800w" sizes="(max-width: 512px) 100vw, 512px" /><figcaption class="wp-element-caption">Main Page (in Spanish)</figcaption></figure>



<figure class="wp-block-image size-medium-large"><img loading="lazy" decoding="async" width="512" height="466" data-id="3443" src="https://dandelium.studio/wordpress/wp-content/uploads/2023/02/gramatices-grabaciones-eventos-previos-1-512x466.jpg" alt="Following the visual look and feel of the main page, the image shows the different previous events in the form of a grid. A featured image appears first, then the title, and then an excerpt of the post's content." class="wp-image-3443" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2023/02/gramatices-grabaciones-eventos-previos-1-512x466.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2023/02/gramatices-grabaciones-eventos-previos-1-300x273.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2023/02/gramatices-grabaciones-eventos-previos-1-768x699.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2023/02/gramatices-grabaciones-eventos-previos-1.jpg 800w" sizes="(max-width: 512px) 100vw, 512px" /><figcaption class="wp-element-caption">Inside the membership. This page links the recordings to previous events. Notice the change in the menu.</figcaption></figure>
</figure>



<div class="inherit-container-width wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.34%">
<div class="wp-block-uagb-info-box uagb-block-b93e6fd3 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M528 32h-480C21.49 32 0 53.49 0 80V96h576V80C576 53.49 554.5 32 528 32zM0 432C0 458.5 21.49 480 48 480h480c26.51 0 48-21.49 48-48V128H0V432zM368 192h128C504.8 192 512 199.2 512 208S504.8 224 496 224h-128C359.2 224 352 216.8 352 208S359.2 192 368 192zM368 256h128C504.8 256 512 263.2 512 272S504.8 288 496 288h-128C359.2 288 352 280.8 352 272S359.2 256 368 256zM368 320h128c8.836 0 16 7.164 16 16S504.8 352 496 352h-128c-8.836 0-16-7.164-16-16S359.2 320 368 320zM176 192c35.35 0 64 28.66 64 64s-28.65 64-64 64s-64-28.66-64-64S140.7 192 176 192zM112 352h128c26.51 0 48 21.49 48 48c0 8.836-7.164 16-16 16h-192C71.16 416 64 408.8 64 400C64 373.5 85.49 352 112 352z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Membership</h3></div><p class="uagb-ifb-desc">The website uses a membership plugin that allows Samuel to do the following:<br>&#8211; Define multiple membership levels with different payment plans<br>&#8211; Restrict access to content according to the subscription level</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.34%">
<div class="wp-block-uagb-info-box uagb-block-6f70c4e2 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Forum</h3></div><p class="uagb-ifb-desc">The website includes a forum (only available to membership subscribers) where they can ask any questions they have.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<div class="wp-block-uagb-info-box uagb-block-6932c304 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Content Protection</h3></div><p class="uagb-ifb-desc">The membership plugin makes it possible to restrict access to content depending on multiple factors: membership level, content type, whether a user is logged in or not, elapsed time since subscription, and so on. <br>For Samuel, the main use of content protection is ensuring that only members have access to recordings and to the content.</p></div></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-d8c57f5d uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 96C0 60.65 28.65 32 64 32H448C483.3 32 512 60.65 512 96V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V96zM64 160H128V96H64V160zM448 96H192V160H448V96zM64 288H128V224H64V288zM448 224H192V288H448V224zM64 416H128V352H64V416zM448 352H192V416H448V352z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Dynamic Menu</h3></div><p class="uagb-ifb-desc">The menu adapts depending on whether the user has logged in into the membership or not. In this way, only a logged in user will see the links to manage their membership information and payment options, for instance.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-ef1c2f4c uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M155.3 154.6c0-22.3 18.6-30.9 48.4-30.9 43.4 0 98.5 13.3 141.9 36.7V26.1C298.3 7.2 251.1 0 203.8 0 88.1 0 11 60.4 11 161.4c0 157.9 216.8 132.3 216.8 200.4 0 26.4-22.9 34.9-54.7 34.9-47.2 0-108.2-19.5-156.1-45.5v128.5a396.1 396.1 0 0 0 156 32.4c118.6 0 200.3-51 200.3-153.6 0-170.2-218-139.7-218-203.9z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Integrated Payments</h3></div><p class="uagb-ifb-desc">The membership integrates with Stripe as payment gateway. This makes it easy for clients to pay using their credit cards and subscriptions renovate automatically. More importantly, the website does not store any kind of financial information, as Stripe does so.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-uagb-info-box uagb-block-d9078b73 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H64C28.65 448 0 419.3 0 384V128C0 92.65 28.65 64 64 64H512zM272 192C263.2 192 256 199.2 256 208C256 216.8 263.2 224 272 224H496C504.8 224 512 216.8 512 208C512 199.2 504.8 192 496 192H272zM272 320H496C504.8 320 512 312.8 512 304C512 295.2 504.8 288 496 288H272C263.2 288 256 295.2 256 304C256 312.8 263.2 320 272 320zM164.1 160C164.1 148.9 155.1 139.9 143.1 139.9C132.9 139.9 123.9 148.9 123.9 160V166C118.3 167.2 112.1 168.9 108 171.1C93.06 177.9 80.07 190.5 76.91 208.8C75.14 219 76.08 228.9 80.32 237.8C84.47 246.6 91 252.8 97.63 257.3C109.2 265.2 124.5 269.8 136.2 273.3L138.4 273.9C152.4 278.2 161.8 281.3 167.7 285.6C170.2 287.4 171.1 288.8 171.4 289.7C171.8 290.5 172.4 292.3 171.7 296.3C171.1 299.8 169.2 302.8 163.7 305.1C157.6 307.7 147.7 309 134.9 307C128.9 306 118.2 302.4 108.7 299.2C106.5 298.4 104.3 297.7 102.3 297C91.84 293.5 80.51 299.2 77.02 309.7C73.53 320.2 79.2 331.5 89.68 334.1C90.89 335.4 92.39 335.9 94.11 336.5C101.1 339.2 114.4 343.4 123.9 345.6V352C123.9 363.1 132.9 372.1 143.1 372.1C155.1 372.1 164.1 363.1 164.1 352V346.5C169.4 345.5 174.6 343.1 179.4 341.9C195.2 335.2 207.8 322.2 211.1 303.2C212.9 292.8 212.1 282.8 208.1 273.7C204.2 264.7 197.9 258.1 191.2 253.3C179.1 244.4 162.9 239.6 150.8 235.9L149.1 235.7C135.8 231.4 126.2 228.4 120.1 224.2C117.5 222.4 116.7 221.2 116.5 220.7C116.3 220.3 115.7 219.1 116.3 215.7C116.7 213.7 118.2 210.4 124.5 207.6C130.1 204.7 140.9 203.1 153.1 204.1C157.5 205.7 171 208.3 174.9 209.3C185.5 212.2 196.5 205.8 199.3 195.1C202.2 184.5 195.8 173.5 185.1 170.7C180.7 169.5 170.7 167.5 164.1 166.3L164.1 160z"></path></svg></div><div class="uagb-ifb-title-wrap"><h3 class="uagb-ifb-title">Loyalty Rewards </h3></div><p class="uagb-ifb-desc">Samuel can easily change the membership&#8217;s levels prices for new clients, while keeping the same price for existing ones.<br>This is a great way to reward loyal clients and at the same time ensure that the price is set according to membership&#8217;s current offerings value.</p></div></div>
</div>
</div>
</div></div>



<h2 class="wp-block-heading has-text-align-center has-ast-global-color-2-color has-text-color">Results</h2>



<p>The main benefits are the following:</p>



<div class="inherit-container-width wp-block-group alignfull no-padding-top has-ast-global-color-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Recurrent Income</h3>



<p class="has-ast-global-color-3-color has-text-color">Samuel has now a website that he can use to create content and protect it behind a paywall. In this way, he can earn a recurrent income from his knowledge. </p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Flexibility and Adaptability</h3>



<p class="has-ast-global-color-3-color has-text-color">Due to the way that Gramatices is configured, the membership can change, evolve and adapt over time. The rules make it easy to protect any type of content or content marked using certain tags or categories. In addition, content can be configured to expire after a time or become available once the client has been a member for a certain time.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Growth Potential</h3>



<p>Although the membership has started small, with a few members and weekly live sessions, the system is ready for a bigger audience and more content. </p>
</div>
</div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
</div></div>



<div class="inherit-container-width wp-block-group alignfull no-padding-top is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<p>If you&#8217;re interested in knowing more detail, the technical and design characteristics are these:</p>



<ul class="wp-block-list">
<li>Just like in the case of <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/" target="_blank" rel="noreferrer noopener">Palomitas de matiz</a> and <a href="https://dandelium.studio/en/portfolio/samuel-risquez-en/" target="_blank" rel="noreferrer noopener">Samuel</a><a href="https://dandelium.studio/en/portfolio/samuel-risquez-en/"> Rísquez</a>, the <strong>typography (fonts) and the website’s colours harmonize with the logo and his brand</strong>. </li>



<li>Of course, the website is <strong>GDPR-compliant</strong>. Any non-essential cookies created by third-party services can be disabled.</li>



<li>It adapts automatically to any device’s screen size (it is a <em>responsive website</em>), thus avoiding horizontal scrolling, among others.</li>



<li>The website is <strong>backed up regularly</strong> to a remote server, so that in the event that something goes very wrong, Samuel will be able to recover all the data.</li>



<li>Contact forms can sometimes stop working if the server blocks the sending of e-mails. In order to avoid any issues, <strong>the website stores any sent forms so that they are never lost</strong>.</li>
</ul>
</div></div>
<p>The post <a href="https://dandelium.studio/en/portfolio/gramatices-en/">Gramatices</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Samuel Rísquez</title>
		<link>https://dandelium.studio/en/portfolio/samuel-risquez-en/</link>
		
		<dc:creator><![CDATA[Montse Admin]]></dc:creator>
		<pubDate>Thu, 24 Nov 2022 19:26:55 +0000</pubDate>
				<guid isPermaLink="false">https://dandelium.studio/?post_type=elemenfolio&#038;p=2479</guid>

					<description><![CDATA[<p>Samuel Rísquez Businesses, like people, change and evolve over time. As of today (January 2024), this website is no longer available. In September 2023, Samuel decided to unify his different brands (Gramatices, Palomitas de matiz, and Samuel Rísquez) into one. This reduces maintenance costs, not only financially, but also in time and mental effort. Currently, [&#8230;]</p>
<p>The post <a href="https://dandelium.studio/en/portfolio/samuel-risquez-en/">Samuel Rísquez</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading has-text-align-center">Samuel Rísquez</h1>



<p>Businesses, like people, change and evolve over time. As of today (January 2024), this website is no longer available. In September 2023, Samuel decided to unify his different brands (<a href="https://dandelium.studio/en/portfolio/gramatices-en/">Gramatices</a>, <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a>, and <a href="https://dandelium.studio/en/portfolio/samuel-risquez-en/">Samuel Rísquez</a>) into one. This reduces maintenance costs, not only financially, but also in time and mental effort. Currently, only <a href="https://dandelium.studio/en/portfolio/gramatices-en/">Gramatices</a> is in operation.</p>



<div style="height:1em" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill" style="grid-template-columns:40% auto"><figure class="wp-block-media-text__media" style="background-image:url(https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-683x1024.jpg);background-position:51% 18%"><img loading="lazy" decoding="async" width="683" height="1024" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-683x1024.jpg" alt="" class="wp-image-1446 size-large" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-683x1024.jpg 683w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-200x300.jpg 200w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-768x1152.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-1024x1536.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-1366x2048.jpg 1366w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-341x512.jpg 341w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-scaled.jpg 1707w" sizes="(max-width: 683px) 100vw, 683px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-center">Context</h2>



<p style="font-size:1rem">This is a sister project to <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a> and <a href="https://dandelium.studio/en/portfolio/gramatices-en/" target="_blank" rel="noreferrer noopener">Gramatices</a>. Samuel has been teaching Spanish for over 15 years. He has various sources of income – private students, a language school (Instituto Cervantes) and a university’s language school, among others. When COVID struck, he moved to online teaching – an experience which proved to be very successful. This sparked his desire to establish an online presence and create his own brand. He decided to use two different brands &#8211; one caters to students of Spanish and the other to teachers of this same language. Samuel Rísquez is the brand that targets teachers.</p>
</div></div>



<div style="height:4em" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading has-text-align-center">Proposed Solution</h2>



<p>After debating and analysing different options, Samuel decided to create two different brands: one for students and the other for teachers. The website uses the same design as <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a>, with a different logo. This is done on purpose, to create consistency between the different brands and unify them.</p>



<p>Unlike <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a>, Samuel Rísquez is mainly used to promote free webinars and Samuel&#8217;s membership for teachers, called <a href="https://dandelium.studio/en/portfolio/gramatices-en/" target="_blank" rel="noreferrer noopener">Gramatices</a>. At the time of writing (October 2022) it doesn&#8217;t include a blog, but may do so in the future.</p>



<figure class="wp-block-gallery has-nested-images columns-2 uag-masonry uagb-block-5a43c337 wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="495" data-id="2480" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.23.40-1024x495.png" alt="Samuel Rísquez's homepage" class="wp-image-2480" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.23.40-1024x495.png 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.23.40-300x145.png 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.23.40-768x371.png 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.23.40-512x247.png 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.23.40.png 1438w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Main Page (in Spanish)</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="525" data-id="2481" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.22.05-1024x525.png" alt="Samuel Risquez's about page. It shows a profile picture of him on the left-hand side." class="wp-image-2481" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.22.05-1024x525.png 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.22.05-300x154.png 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.22.05-768x394.png 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.22.05-512x262.png 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/10/Screenshot-2022-10-06-at-17.22.05.png 1438w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">More information (in Spanish)</figcaption></figure>
</figure>



<div class="inherit-container-width wp-block-group has-ast-global-color-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<div class="wp-block-uagb-info-box uagb-block-2f0eb997 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M528 32h-480C21.49 32 0 53.49 0 80V96h576V80C576 53.49 554.5 32 528 32zM0 432C0 458.5 21.49 480 48 480h480c26.51 0 48-21.49 48-48V128H0V432zM368 192h128C504.8 192 512 199.2 512 208S504.8 224 496 224h-128C359.2 224 352 216.8 352 208S359.2 192 368 192zM368 256h128C504.8 256 512 263.2 512 272S504.8 288 496 288h-128C359.2 288 352 280.8 352 272S359.2 256 368 256zM368 320h128c8.836 0 16 7.164 16 16S504.8 352 496 352h-128c-8.836 0-16-7.164-16-16S359.2 320 368 320zM176 192c35.35 0 64 28.66 64 64s-28.65 64-64 64s-64-28.66-64-64S140.7 192 176 192zM112 352h128c26.51 0 48 21.49 48 48c0 8.836-7.164 16-16 16h-192C71.16 416 64 408.8 64 400C64 373.5 85.49 352 112 352z"></path></svg></div><div class="uagb-ifb-title-wrap"><h4 class="uagb-ifb-title">Getting known</h4></div><p class="uagb-ifb-desc">This website is used to <strong>get his name out there</strong> and as an <strong>entry point for teachers</strong> who may be interested in his services. The website includes information about his free webinars and a contact form to get in touch.&nbsp;</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<div class="wp-block-uagb-info-box uagb-block-a3f01029 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"></path></svg></div><div class="uagb-ifb-title-wrap"><h4 class="uagb-ifb-title">Integration with an e-mail marketing tool</h4></div><p class="uagb-ifb-desc">The website contains a sign-up form to subscribe to Samuel&#8217;s <strong>newsletter</strong>. He will use it to give advice and tips on teaching Spanish, announce his webinars and as a way to promote his membership (Gramatices).</p></div></div>
</div>
</div>
</div></div>



<h2 class="wp-block-heading has-text-align-center has-ast-global-color-2-color has-text-color">Results</h2>



<p>The main benefits are the following:</p>



<div class="inherit-container-width wp-block-group alignfull no-padding-top has-ast-global-color-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Personal Brand</h3>



<p class="has-ast-global-color-3-color has-text-color">Samuel now has a website that he can use to build his <strong>own personal brand targeting teachers</strong> and establish an online presence as an authority on the topic of teaching Spanish.&nbsp;</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Promotion</h3>



<p class="has-ast-global-color-3-color has-text-color">He uses the website to provide additional information about his free webinars and his membership.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Attract potential customers</h3>



<p>The signup form will allow anyone who is interested in Samuel&#8217;s approach and services to subscribe to his mailing list. In this way, he can tailor and offer his services to an already interested audience.</p>
</div>
</div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
</div></div>



<div class="inherit-container-width wp-block-group alignfull no-padding-top is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<p>If you&#8217;re interested in knowing more detail, the technical and design characteristics are these:</p>



<ul class="wp-block-list">
<li>Just like in the case of <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/" target="_blank" rel="noreferrer noopener">Palomitas de matiz</a> and <a href="https://dandelium.studio/en/portfolio/gramatices-en/" target="_blank" rel="noreferrer noopener">Gramatices</a>, the <strong>typography (fonts) and the website’s colours harmonize with the logo and his brand</strong>. </li>



<li>Of course, the website is <strong>GDPR-compliant</strong>. Any non-essential cookies created by third-party services can be disabled.</li>



<li>It adapts automatically to any device’s screen size (it is a <em>responsive website</em>), thus avoiding horizontal scrolling, among others.</li>



<li>The website is <strong>backed up regularly</strong> to a remote server, so that in the event that something goes very wrong, Samuel will be able to recover all the data.</li>



<li>Contact forms can sometimes stop working if the server blocks the sending of e-mails. In order to avoid any issues, <strong>the website stores any sent forms so that they are never lost</strong>.</li>
</ul>
</div></div>
<p>The post <a href="https://dandelium.studio/en/portfolio/samuel-risquez-en/">Samuel Rísquez</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Palomitas de matiz</title>
		<link>https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/</link>
		
		<dc:creator><![CDATA[Montse Admin]]></dc:creator>
		<pubDate>Fri, 15 Jul 2022 10:29:24 +0000</pubDate>
				<guid isPermaLink="false">https://dandelium.studio/?post_type=elemenfolio&#038;p=1483</guid>

					<description><![CDATA[<p>Palomitas de matiz Businesses, like people, change and evolve over time. As of today (January 2024), this website is no longer available. In September 2023, Samuel decided to unify his different brands (Gramatices, Palomitas de matiz, and Samuel Rísquez) into one. This reduces maintenance costs, not only financially, but also in time and mental effort. [&#8230;]</p>
<p>The post <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading has-text-align-center">Palomitas de matiz</h1>



<p>Businesses, like people, change and evolve over time. As of today (January 2024), this website is no longer available. In September 2023, Samuel decided to unify his different brands (<a href="https://dandelium.studio/en/portfolio/gramatices-en/">Gramatices</a>, <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a>, and <a href="https://dandelium.studio/en/portfolio/samuel-risquez-en/">Samuel Rísquez</a>) into one. This reduces maintenance costs, not only financially, but also in time and mental effort. Currently, only <a href="https://dandelium.studio/en/portfolio/gramatices-en/">Gramatices</a> is in operation.</p>



<div style="height:1em" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill" style="grid-template-columns:40% auto"><figure class="wp-block-media-text__media" style="background-image:url(https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-683x1024.jpg);background-position:50% 18%"><img loading="lazy" decoding="async" width="683" height="1024" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-683x1024.jpg" alt="Samuel, Spanish teacher and owner of Palomitas de matiz." class="wp-image-1446 size-large" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-683x1024.jpg 683w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-200x300.jpg 200w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-768x1152.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-1024x1536.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-1366x2048.jpg 1366w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-341x512.jpg 341w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_3952-2-scaled.jpg 1707w" sizes="(max-width: 683px) 100vw, 683px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading has-text-align-center">Context</h2>



<p style="font-size:1rem">Samuel has been teaching Spanish for over 15 years. He has various sources of income – private students, a language school (Instituto Cervantes) and a university’s language school, among others. When COVID struck, he moved to online teaching – an experience which proved to be very successful. This sparked his desire to establish an online presence and create his own brand, in order to find students and help them learn Spanish. His ultimate goal is to create an online membership where students will be able to attend live webinars and learn from prerecorded material and courses.</p>
</div></div>



<div style="height:4em" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Proposed Solution</h2>



<p>After talking about his goals and analysing different options, we came up with the following solution, divided into two main stages: creating a standard website with a blog, and creating the academy/membership website.</p>



<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">First Stage: Creation of a standard website with a blog</h3>



<figure class="wp-block-gallery has-nested-images columns-2 uag-masonry uagb-block-5a43c337 wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="560" data-id="1451" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1024x560.jpg" alt="Main page of the blog in Spanish. It shows a menu bar at the top, a screen-wide image with the headline &quot;Gana confianza en español y comunícate sin esfuerzo&quot;." class="wp-image-1451" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1024x560.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-300x164.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-768x420.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1536x840.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-512x280.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Main Page (in Spanish)</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="566" data-id="1449" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/blog-in-english-1024x566.jpg" alt="Blog page. A grid shows the different posts covering various topics." class="wp-image-1449" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/blog-in-english-1024x566.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/blog-in-english-300x166.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/blog-in-english-768x424.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/blog-in-english-1536x848.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/blog-in-english-512x283.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/blog-in-english.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Blog in English</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="594" data-id="1452" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup-sobre-samuel-1024x594.jpg" alt="It shows the About page in Spanish. There is a photo of Samuel with a dog on the left-hand side, and three key points on the right-hand side." class="wp-image-1452" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup-sobre-samuel-1024x594.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup-sobre-samuel-300x174.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup-sobre-samuel-768x445.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup-sobre-samuel-1536x890.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup-sobre-samuel-512x297.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup-sobre-samuel.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">About Samuel (in Spanish)</figcaption></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="562" data-id="1453" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/mas-informacion-1024x562.jpg" alt="The image shows several different ways to contact Samuel." class="wp-image-1453" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/mas-informacion-1024x562.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/mas-informacion-300x165.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/mas-informacion-768x421.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/mas-informacion-1536x843.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/mas-informacion-2048x1124.jpg 2048w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/mas-informacion-512x281.jpg 512w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">More information (in Spanish)</figcaption></figure>
</figure>



<div class="inherit-container-width wp-block-group alignfull has-ast-global-color-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%">
<div class="wp-block-uagb-info-box uagb-block-8a20232e uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M528 32h-480C21.49 32 0 53.49 0 80V96h576V80C576 53.49 554.5 32 528 32zM0 432C0 458.5 21.49 480 48 480h480c26.51 0 48-21.49 48-48V128H0V432zM368 192h128C504.8 192 512 199.2 512 208S504.8 224 496 224h-128C359.2 224 352 216.8 352 208S359.2 192 368 192zM368 256h128C504.8 256 512 263.2 512 272S504.8 288 496 288h-128C359.2 288 352 280.8 352 272S359.2 256 368 256zM368 320h128c8.836 0 16 7.164 16 16S504.8 352 496 352h-128c-8.836 0-16-7.164-16-16S359.2 320 368 320zM176 192c35.35 0 64 28.66 64 64s-28.65 64-64 64s-64-28.66-64-64S140.7 192 176 192zM112 352h128c26.51 0 48 21.49 48 48c0 8.836-7.164 16-16 16h-192C71.16 416 64 408.8 64 400C64 373.5 85.49 352 112 352z"></path></svg></div><div class="uagb-ifb-title-wrap"><h4 class="uagb-ifb-title">Getting known</h4></div><p class="uagb-ifb-desc">This website is used to <strong>get his name out there</strong> and as an <strong>entry point for students</strong> who may be interested in his services. Apart from the blog, where he writes about relevant topics for <strong>learning Spanish</strong>, the website offers information about his private lessons and includes a contact form.&nbsp;</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%">
<div class="wp-block-uagb-info-box uagb-block-19e13dc3 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M448 164C459 164 468 172.1 468 184V188H528C539 188 548 196.1 548 208C548 219 539 228 528 228H526L524.4 232.5C515.5 256.1 501.9 279.1 484.7 297.9C485.6 298.4 486.5 298.1 487.4 299.5L506.3 310.8C515.8 316.5 518.8 328.8 513.1 338.3C507.5 347.8 495.2 350.8 485.7 345.1L466.8 333.8C462.4 331.1 457.1 328.3 453.7 325.3C443.2 332.8 431.8 339.3 419.8 344.7L416.1 346.3C406 350.8 394.2 346.2 389.7 336.1C385.2 326 389.8 314.2 399.9 309.7L403.5 308.1C409.9 305.2 416.1 301.1 422 298.3L409.9 286.1C402 278.3 402 265.7 409.9 257.9C417.7 250 430.3 250 438.1 257.9L452.7 272.4L453.3 272.1C465.7 259.9 475.8 244.7 483.1 227.1H376C364.1 227.1 356 219 356 207.1C356 196.1 364.1 187.1 376 187.1H428V183.1C428 172.1 436.1 163.1 448 163.1L448 164zM160 233.2L179 276H140.1L160 233.2zM0 128C0 92.65 28.65 64 64 64H576C611.3 64 640 92.65 640 128V384C640 419.3 611.3 448 576 448H64C28.65 448 0 419.3 0 384V128zM320 384H576V128H320V384zM178.3 175.9C175.1 168.7 167.9 164 160 164C152.1 164 144.9 168.7 141.7 175.9L77.72 319.9C73.24 329.1 77.78 341.8 87.88 346.3C97.97 350.8 109.8 346.2 114.3 336.1L123.2 315.1H196.8L205.7 336.1C210.2 346.2 222 350.8 232.1 346.3C242.2 341.8 246.8 329.1 242.3 319.9L178.3 175.9z"></path></svg></div><div class="uagb-ifb-title-wrap"><h4 class="uagb-ifb-title">Languages</h4></div><p class="uagb-ifb-desc">The website is <strong>bilingual</strong> (in Spanish and English). Although Samuel’s main target are students who already know some Spanish, he’s aware that it’s easier to revert to the students’ first language when dealing with certain topics. In consequence, I used a plugin so that the website’s content could be easily translated and is properly tagged with the right language. The translated pages can be mapped to each other, so that whenever the user wishes to change the language of the content, they can click on the language switcher link and will automatically be taken to the corresponding content, if it exists.</p></div></div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%">
<div class="wp-block-uagb-info-box uagb-block-5e4aeed8 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z"></path></svg></div><div class="uagb-ifb-title-wrap"><h4 class="uagb-ifb-title">Integrated Calendar</h4></div><p class="uagb-ifb-desc">It includes an <strong>integration with Calendly</strong>, which allows Samuel’s students to book directly through the application, by choosing an available slot in Samuel’s schedule. Once they do, Samuel’s availability is automatically updated and the new appointment appears automatically on his Google Calendar.</p></div></div>
</div>
</div>
</div></div>



<h3 class="wp-block-heading">Second Stage: Creation of the membership website</h3>



<p>In the summer of 2022, this stage was put on hold, as Samuel decided to create a membership for teachers, instead of students. For more details of this project, you can check the <a href="https://dandelium.studio/en/portfolio/gramatices-en/">Gramatices portfolio page</a>.</p>



<div class="inherit-container-width wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="540" data-id="1455" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1-1024x540.jpg" alt="" class="wp-image-1455" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1-1024x540.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1-300x158.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1-768x405.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1-1536x809.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1-512x270.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/pagina-principal-1.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="539" data-id="1456" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/cursos-1024x539.jpg" alt="" class="wp-image-1456" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/cursos-1024x539.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/cursos-300x158.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/cursos-768x404.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/cursos-1536x809.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/cursos-512x270.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/cursos.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
<figcaption class="blocks-gallery-caption wp-element-caption">Mockups for the membership website.</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<div class="wp-block-uagb-info-box uagb-block-0ee1e514 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top uagb-infobox__outer-wrap"><div class="uagb-ifb-content"><div class="uagb-ifb-icon-wrap"><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M480 288H32c-17.62 0-32 14.38-32 32v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-128C512 302.4 497.6 288 480 288zM352 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S365.3 408 352 408zM416 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S429.3 408 416 408zM480 32H32C14.38 32 0 46.38 0 64v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32V64C512 46.38 497.6 32 480 32zM352 152c-13.25 0-24-10.75-24-24S338.8 104 352 104S376 114.8 376 128S365.3 152 352 152zM416 152c-13.25 0-24-10.75-24-24S402.8 104 416 104S440 114.8 440 128S429.3 152 416 152z"></path></svg></div><div class="uagb-ifb-title-wrap"><h4 class="uagb-ifb-title">Membership</h4></div><p class="uagb-ifb-desc">This will be installed in a subdomain (such as https://academy.palomitasdematiz.com), so in all effects it will be a <strong>different website</strong>. We decided to separate them so that the <strong>websites can operate independently from each other, making it easier to deal with issues if they ever occur</strong>. It also means that each website contains only the required plugins and not more. For example, in this case, the translation plugin is not necessary, but in contrast to the “main” website, it requires a plugin to create the courses and their content.</p></div></div>
</div>
</div>
</div></div>



<h2 class="wp-block-heading has-text-align-left has-ast-global-color-2-color has-text-color">Results</h2>



<p>At the time of writing (Summer 2022), the main benefits are the following:</p>



<div class="inherit-container-width wp-block-group alignfull no-padding-top has-ast-global-color-5-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Personal Brand</h3>



<p class="has-ast-global-color-3-color has-text-color">Samuel now has a website that he can use to build his <strong>own personal brand</strong> and establish an online presence as a teacher of Spanish.&nbsp;</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Expertise</h3>



<p class="has-ast-global-color-3-color has-text-color">He can use the <strong>blog</strong> as a way <strong>to show his expertise</strong> to prospective students, by writing about the Spanish language.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Media</h3>



<p class="has-ast-global-color-3-color has-text-color">The blog is complemented by his <strong>YouTube channel</strong> and his <strong>Instagram Reels</strong>, where he deals with different grammar topics and gives advice.</p>
</div>
</div>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Booking Lessons</h3>



<p class="has-ast-global-color-3-color has-text-color">Students can <strong>book classes with him directly through the website</strong>, choosing any of the available slots in Samuel’s schedule. This automatically updates his calendar.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Bilingual</h3>



<p class="has-ast-global-color-3-color has-text-color">Prospective students can find <strong>content in both English and Spanish</strong>, which is also part of Samuel’s brand – the ability to explain some concepts in English if necessary.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<h3 class="wp-block-heading has-ast-global-color-2-color has-text-color">Social Media Hub</h3>



<p class="has-ast-global-color-3-color has-text-color">The website also includes <a href="https://palomitasdematiz.com/es/enlaces/">a page</a> that acts as a <strong>hub for all his social media accounts</strong>, in a similar style to Linktree – but without any additional costs.</p>
</div>
</div>
</div></div>



<div class="inherit-container-width wp-block-group alignfull no-padding-top is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:0px"><div class="wp-block-group__inner-container">
<p>If you&#8217;re interested in knowing more detail, the technical and design characteristics are these:</p>



<ul class="wp-block-list">
<li>The <strong>typography (fonts) and the website’s colours harmonize with the logo and his brand</strong>. Samuel’s brand is “professionally informal”. He’ll do the work as expected, but he’s approachable.</li>



<li>Of course, the website is <strong>GDPR-compliant</strong>. Any non-essential cookies created by third-party services can be disabled.</li>



<li>It adapts automatically to any device’s screen size (it is a <em>responsive website</em>), thus avoiding horizontal scrolling, among others.</li>



<li>The website is <strong>backed up regularly</strong> to a remote server, so that in the event that something goes very wrong, Samuel will be able to recover all the data.</li>



<li>Contact forms can sometimes stop working if the server blocks the sending of e-mails. In order to avoid any issues, <strong>the website stores any sent forms so that they are never lost</strong>.</li>
</ul>
</div></div>
<p>The post <a href="https://dandelium.studio/en/portfolio/palomitas-de-matiz-en/">Palomitas de matiz</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Nix &#038; Us</title>
		<link>https://dandelium.studio/en/portfolio/nix-and-us-en/</link>
		
		<dc:creator><![CDATA[Montse Admin]]></dc:creator>
		<pubDate>Fri, 15 Jul 2022 09:56:55 +0000</pubDate>
				<guid isPermaLink="false">https://dandelium.studio/?post_type=elemenfolio&#038;p=1608</guid>

					<description><![CDATA[<p>Nix &#38; Us Context This is a very special project, which I created way before Dandelium Studio existed or was even in my thoughts. After getting a dog in 2016, I decided I wanted to create a website to talk about life with a German Shepherd, and cover a variety of topics: healthcare, food, activities, [&#8230;]</p>
<p>The post <a href="https://dandelium.studio/en/portfolio/nix-and-us-en/">Nix &#038; Us</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<h1 class="has-text-align-center wp-block-heading">Nix &amp; Us</h1>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="512" height="341" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_8373-512x341.jpg" alt="Montse and Puc, a female border collie puppy" class="wp-image-1759 size-medium-large" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_8373-512x341.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_8373-300x200.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_8373-1024x682.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_8373-768x512.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/IMG_8373.jpg 1400w" sizes="(max-width: 512px) 100vw, 512px" /></figure><div class="wp-block-media-text__content">
<h2 class="wp-block-heading">Context</h2>



<p>This is a very special project, which I created way before Dandelium Studio existed or was even in my thoughts.</p>



<p>After getting a dog in 2016, I decided I wanted to create a website to talk about life with a German Shepherd, and cover a variety of topics: healthcare, food, activities, books and so on. Unlike Dandelium Studio, in this case I never considered creating a multilingual website. I decided to write in English as I thought it would reach more people.</p>



<p>P.S: About the photo &#8211; this is not my dog, but I love the picture <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> (although the puppy was a bit stressed, see the tongue flick), and it is more or less from back then.</p>
</div></div>



<h2 class="wp-block-heading" style="margin-top:15px">Proposed Solution</h2>



<figure class="wp-block-gallery has-nested-images columns-3 is-cropped uag-masonry uagb-block-7b20de90 wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-medium-large"><img loading="lazy" decoding="async" width="512" height="343" data-id="1611" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_blog-cropped-512x343.jpg" alt="" class="wp-image-1611" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_blog-cropped-512x343.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_blog-cropped-300x201.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_blog-cropped-1024x686.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_blog-cropped-768x514.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_blog-cropped-1536x1028.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_blog-cropped.jpg 2048w" sizes="(max-width: 512px) 100vw, 512px" /></figure>



<figure class="wp-block-image size-medium-large"><img loading="lazy" decoding="async" width="512" height="297" data-id="1610" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup01-nixandus-copy-512x297.jpg" alt="" class="wp-image-1610" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup01-nixandus-copy-512x297.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup01-nixandus-copy-300x174.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup01-nixandus-copy-1024x594.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup01-nixandus-copy-768x445.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup01-nixandus-copy-1536x890.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/macbook-pro-mockup01-nixandus-copy.jpg 2048w" sizes="(max-width: 512px) 100vw, 512px" /></figure>



<figure class="wp-block-image size-medium-large"><img loading="lazy" decoding="async" width="512" height="343" data-id="1612" src="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_about-us-cropped-512x343.jpg" alt="" class="wp-image-1612" srcset="https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_about-us-cropped-512x343.jpg 512w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_about-us-cropped-300x201.jpg 300w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_about-us-cropped-1024x687.jpg 1024w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_about-us-cropped-768x515.jpg 768w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_about-us-cropped-1536x1030.jpg 1536w, https://dandelium.studio/wordpress/wp-content/uploads/2022/07/nix-and-us_about-us-cropped.jpg 2048w" sizes="(max-width: 512px) 100vw, 512px" /></figure>
</figure>



<p>As usual, I used WordPress to create the website. I had worked on other projects in the past that used it, and I really liked it. In order to cover my needs, a blog with the ability to show the Instagram and Twitter feeds was enough. The categories and tags, already built into WordPress, would help organize the information into the different topics. It featured a magazine-like theme with the ability to show sticky posts at the top of the page, and used a couple of plugins to display the feeds. </p>



<h2 class="wp-block-heading">Results</h2>



<p>I ran the website for a couple of years. During that time, I was able to achieve my goals, which were to publish dog-related information and integrate the content with social media. After a year I moved the website to a different server &#8211; this taught me the process of moving a site. After two years, when writing posts stopped being fun and became a chore, I decided to close down the website.</p>
<p>The post <a href="https://dandelium.studio/en/portfolio/nix-and-us-en/">Nix &#038; Us</a> appeared first on <a href="https://dandelium.studio/en/do-you-need-a-website">Dandelium Studio</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
