{"id":97,"date":"2024-08-01T05:59:36","date_gmt":"2024-08-01T05:59:36","guid":{"rendered":"http:\/\/localhost\/portfolio\/?p=97"},"modified":"2025-02-25T23:21:58","modified_gmt":"2025-02-25T21:21:58","slug":"fiho","status":"publish","type":"post","link":"https:\/\/matejhorvatic.com\/en\/fiho\/","title":{"rendered":"FIHO Slovenia"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

FIHO Slovenia<\/h1>\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The main mission of FIHO (Foundation for Financing Disabled and Humanitarian Organisations of Slovenia) is to provide permanent and dedicated financial sources for the operations, programs and services of various disability and humanitarian organizations. In this way they help to increase inclusion and the possibility of resolving social problems for individuals, members and users.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Role<\/b>
UX\/UI Design<\/p>

Employment<\/b>
Dspot d. o. o.<\/p>

Year<\/b>
2024<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tVisit Site<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Starting Point<\/h5>

Website with public tenders and the accompanying information (regulations, guidelines, past tenders, legislation, etc.) can get cluttered over the years. Additionally, new applications for users were devolved, while not being considered in the initial design.<\/p>

The main reason for the redesign was (web) accessibility \u2013 designing the site according to WCAG guidelines, especially due to the purpose of the FIHO foundation being accessible to all, especially people with disabilities. According to the employees, a visual refresh of the site and a more user-friendly adaptation for all types of devices was also welcomed.<\/p>

\u00a0<\/p>

Design Process<\/h5>

After meetings with the stakeholders, I analysed the existing site, examined the similar organisations and best practices. All this enabled me to prepare a sitemap and wireframe. Through multiple iterations and meetings, we resolved several concept issues and everyone ended up with a clear understanding of the project. I then developed several proposals for the page navigation, the landing page, and different internal pages that allow for better display of larger volumes of information \u2013 I achieved this by incorporating a table of contents and dividing the content into sub-segments.<\/p>

The basic typography and design are minimalistic in principle, as the site needs to be easily navigable and machine-readable. Drawing from the Foundation\u2019s colours, I created a pastel colour palette that livens up the site (it was previously dominated by green and blue), but is not visually overwhelming. Combined with basic geometric shapes, it enables easier differentiation between the various sections of the site.<\/p>

As a UX\/UI designer, I wrote the design brief, then worked through wireframes and prototypes to reach the final design. Throughout all phases of planning and design, I collaborated with the front-end team to ensure consistent implementation of the design and made necessary adjustments to the concept.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\tNaslednji ><\/span>Oben-Auf Roofing Systems<\/span><\/span><\/a>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Website<\/p>","protected":false},"author":1,"featured_media":1015,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"iawp_total_views":45,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-97","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/posts\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":163,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":1402,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/posts\/97\/revisions\/1402"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/media\/1015"}],"wp:attachment":[{"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}