{"id":84,"date":"2024-08-05T05:55:16","date_gmt":"2024-08-05T03:55:16","guid":{"rendered":"http:\/\/localhost\/portfolio\/?p=84"},"modified":"2025-02-25T23:19:11","modified_gmt":"2025-02-25T21:19:11","slug":"kaval-group","status":"publish","type":"post","link":"https:\/\/matejhorvatic.com\/en\/kaval-group\/","title":{"rendered":"Kaval Group"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Kaval Group<\/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

Company with a long-standing culinary tradition and an extensive portfolio of restaurants and caf\u00e9s throughout Ljubljana \u2013 seventeen as of today, some of the most famous of which are Strelec restaurant at the Ljubljana Castle, PEN Club, Lolita caf\u00e9s, Sax Pub...<\/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>\n

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

Year<\/b>
2020<\/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\"Kaval\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>

Client set out on an ambitious redesign of the entire Kaval Group websites \u2013 Starting with the main page (with the full range of restaurants, services etc.), and sub-pages for restaurants and caf\u00e9s (and their specific offers), as well as featured restaurants, such as Strelec and Lolita.<\/p>

Ob vstopu na stran so \u017eeleli obiskovalcu pribli\u017eati obisk lokala, dose\u010di energijo pri\u010dakovanja dobre ponudbe in \u017eeljo po odkrivanju.<\/p>

Tech-wise, the websites had to be designed with ease of editing in mind, future additions of elements and content, and of course responsive display on all types of devices.<\/p>

\u00a0<\/p>

Design Process<\/h5>

A series of meetings with the Kaval Group marketing department gave me a good idea of what they were trying to achieve \u2013 they also provided the examples they were impressed by. At some point, I suggested to try something different and after the first \"teaser\" I was given the green light. They were very happy with the end result and were looking forward to seeing the new designs.<\/p>

The design started with the Kaval Group main page, which starts and completes the whole story \u2013 It showcases the client\u2019s services by restaurant\/cafes category, which can be then explored in depth individually.<\/p>

After a detailed study of all the locations, I divided them in 3 categories \u2013 Featured (Strelec, PEN, and Lolita), restaurants (Kaval, Angel, Pri Trubarjevi mami ...) and cafes (MAO, \u0160pica, Cafe Biennale ...). Each location has a specific story and image, which brings along its own creative guidelines that dictate the overall design. I was helped by the impressions from photographs and on-location visits. To make it quicker to move between the locations, I provided a button in the bottom right corner of each page, where a full list of locations can be found.<\/p>

The first group \u2013 featured locations \u2013 was further subdivided and provided with different designs. However, with Lolita I had to take into account that it would expand from one location to at least one or two more (four as of now). This group was the most entertaining, despite the responsibility and the specifics that had to be coordinated on a regular basis.<\/p>

The second group \u2013 restaurants \u2013 was designed as typical site that primarily offers visitors a weekly and regular food menu.<\/p>

The third group \u2013cafes \u2013 follows the logic of restaurants, except that it primarily shows events - e.g. the Lily Novy Garden is a beautiful summer concert venue and we wanted to show this online.<\/p>

As a UX\/UI designer, I wrote the design brief(s), drew the wireframes and produced several iterations of prototypes. I communicated regularly with the marketing team and also ran meetings. In the final design versions I demonstrated the application of the creative guidelines in practice and gave reasons why it would be a good idea to follow them. <\/strong><\/p>

Already in the conceptual stages, I worked with the front-end team to find technically sophisticated solutions. After submitting the design for implementation, I took care of further adjustments to ensure a consistent execution by reviewing and commenting on the process.<\/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
\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< Prej\u0161nji<\/span>Royal Bled<\/span><\/span><\/a>\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\tNaslednji ><\/span>Emil Frey – Peugeot & Citroen<\/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":"

Websites<\/p>","protected":false},"author":1,"featured_media":497,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"iawp_total_views":35,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-84","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\/84","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=84"}],"version-history":[{"count":49,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":1390,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/posts\/84\/revisions\/1390"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/media\/497"}],"wp:attachment":[{"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/media?parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/categories?post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/matejhorvatic.com\/en\/wp-json\/wp\/v2\/tags?post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}