{"id":5405,"date":"2025-12-11T10:08:08","date_gmt":"2025-12-11T09:08:08","guid":{"rendered":"https:\/\/swisswebstudio.com\/progetti-web\/pan-y-luz-restyling\/"},"modified":"2026-01-22T16:21:41","modified_gmt":"2026-01-22T15:21:41","slug":"pan-y-luz-restyling","status":"publish","type":"progetti-web","link":"https:\/\/swisswebstudio.com\/en\/web-project\/pan-y-luz-restyling\/","title":{"rendered":"Pan y Luz \u2013 Restyling"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><br\/>Pan y Luz \u2013 Complete website restyling of the Swiss humanitarian association<br\/><\/h2>\n\n<p><strong>URL:<\/strong> <a href=\"https:\/\/panyluz.ch\">https:\/\/panyluz.ch<\/a><br\/><strong>Sector:<\/strong> Humanitarian Association \/ Non-profit<br\/><strong>Location:<\/strong> Switzerland \u2013 Projects in Peru<\/p>\n\n<h2 class=\"wp-block-heading\">Project Objective.<\/h2>\n\n<p>Pan y Luz is a Swiss humanitarian association active since 2004, supporting social, educational, and environmental projects in the Andean communities of Peru. The previous site appeared visually outdated, unclear in structure, and not optimized for accessibility and modern communication of a non-profit organization. <\/p>\n\n<p>The goal of the restyling was <strong>to completely modernize the association&#8217;s digital image<\/strong>, making the site more emotional, clearer, and more effective in conveying Pan y Luz&#8217;s charitable mission, while also facilitating navigation and donations.<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Solution implemented by Swiss Web Studio<\/h2>\n\n<h3 class=\"wp-block-heading\">\ud83c\udfa8 Renewed design: modern, emotional, authentic<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Inclusion of a high-impact <strong>hero video\/photo<\/strong> to showcase the Peruvian territory and the context of the projects.<\/li>\n\n\n\n<li>Optimized color palette for a modern and professional look, maintaining a <strong>warm and human<\/strong> tone, suitable for the humanitarian sector.<\/li>\n\n\n\n<li>More readable typography and balanced layout with ample spacing for clearer communication.<\/li>\n\n\n\n<li>Completely revised navigation to allow users to more easily find information, projects, and ways to support the association.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">\ud83d\udd04 Before and After: a complete restyling<\/h3>\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/swisswebstudio.com\/wp-content\/uploads\/sites\/104\/2025\/12\/snag_4f0c34-1024x453.avif\" alt=\"snag 4f0c34\" class=\"wp-image-5389\" srcset=\"https:\/\/swisswebstudio.com\/wp-content\/uploads\/sites\/104\/2025\/12\/snag_4f0c34-1024x453.avif 1024w, https:\/\/swisswebstudio.com\/wp-content\/uploads\/sites\/104\/2025\/12\/snag_4f0c34-300x133.avif 300w, https:\/\/swisswebstudio.com\/wp-content\/uploads\/sites\/104\/2025\/12\/snag_4f0c34-768x340.avif 768w, https:\/\/swisswebstudio.com\/wp-content\/uploads\/sites\/104\/2025\/12\/snag_4f0c34-1536x679.avif 1536w, https:\/\/swisswebstudio.com\/wp-content\/uploads\/sites\/104\/2025\/12\/snag_4f0c34.avif 1906w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Old website made in 2017<\/figcaption><\/figure>\n\n<p>From the historical screenshot (previous version) it emerged:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>static, outdated design with non-contextualized images,<\/li>\n\n\n\n<li>unintuitive structure,<\/li>\n\n\n\n<li>poor enhancement of the association&#8217;s content and history.<\/li>\n<\/ul>\n\n<p>The new version offers:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>a strong narrative approach, conveying <strong>mission, emotions, and social impact<\/strong>,<\/li>\n\n\n\n<li>content clearly redistributed (About Us, Projects, Trips, Sponsors, Help, Contacts),<\/li>\n\n\n\n<li>greater fluidity and visual coherence,<\/li>\n\n\n\n<li>integrated multilingual versions to reach more supporters.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">\ud83d\udcc4 Content and SEO structure improvement<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Reorganization of mission, history, and project texts to make them more readable and engaging.<\/li>\n\n\n\n<li>On-page SEO optimization: clearer titles, subtitles, paragraphs, meta tags, and URLs.<\/li>\n\n\n\n<li>Creation of sections dedicated to <strong>active projects<\/strong>, with detailed explanations to increase transparency and credibility.<\/li>\n\n\n\n<li>Improved indexing for searches like <em>Swiss humanitarian association<\/em>, <em>Andean community aid<\/em>, <em>Peru projects<\/em>.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">\u2764\ufe0f Emphasis on the charitable mission<\/h3>\n\n<p>The new site highlights the key points of Pan y Luz:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>direct and transparent support to Andean families,<\/li>\n\n\n\n<li>concrete projects: sustainable farming, after-school programs, house reconstruction, Christmas party for children,<\/li>\n\n\n\n<li>ethical commitment to sustainable development respectful of local traditions.<\/li>\n<\/ul>\n\n<p>The communication is now <strong>clearer, impactful, and consistent<\/strong> with the real value of the association.<\/p>\n\n<h3 class=\"wp-block-heading\">\u26a1 Performance and usability<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Mobile-first to ensure fluidity even from smartphones.<\/li>\n\n\n\n<li>Image optimization and loading speed.<\/li>\n\n\n\n<li>More prominent and strategic &#8220;Donate Now&#8221; and &#8220;Learn How to Help&#8221; CTAs.<\/li>\n<\/ul>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<h2 class=\"wp-block-heading\">Result<\/h2>\n\n<p>The new panyluz.ch best represents the spirit of the association: a human, transparent project close to people.<\/p>\n\n<p>Thanks to the restyling, the association now has a modern, engaging, and optimized site that facilitates communication with supporters and increases the impact of its initiatives in Peru.<\/p>\n","protected":false},"featured_media":5406,"parent":0,"menu_order":0,"template":"","categoria-progetto":[88],"class_list":["post-5405","progetti-web","type-progetti-web","status-publish","has-post-thumbnail","hentry","categoria-progetto-corporate"],"_links":{"self":[{"href":"https:\/\/swisswebstudio.com\/en\/wp-json\/wp\/v2\/progetti-web\/5405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swisswebstudio.com\/en\/wp-json\/wp\/v2\/progetti-web"}],"about":[{"href":"https:\/\/swisswebstudio.com\/en\/wp-json\/wp\/v2\/types\/progetti-web"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/swisswebstudio.com\/en\/wp-json\/wp\/v2\/media\/5406"}],"wp:attachment":[{"href":"https:\/\/swisswebstudio.com\/en\/wp-json\/wp\/v2\/media?parent=5405"}],"wp:term":[{"taxonomy":"categoria-progetto","embeddable":true,"href":"https:\/\/swisswebstudio.com\/en\/wp-json\/wp\/v2\/categoria-progetto?post=5405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}