{"id":281572,"date":"2026-03-14T17:44:49","date_gmt":"2026-03-14T16:44:49","guid":{"rendered":"https:\/\/media-met.hr\/website-development-karlovac-media-met-agency\/"},"modified":"2026-07-15T20:46:07","modified_gmt":"2026-07-15T18:46:07","slug":"website-development-karlovac-media-met-agency","status":"publish","type":"page","link":"https:\/\/media-met.hr\/en\/","title":{"rendered":"Website Development Karlovac | Media-met Agency"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ===================================================================\n     media-met \u2014 HERO (EN)  \u00b7  for the ENGLISH homepage\n     Paste into: Divi \u2192 Fullwidth section \u2192 \"Fullwidth Code\" module\n     (CSS already lives in Theme Options \u2014 do NOT add <style> here)\n     Images: replace the contents of each .mm-shot with <img decoding=\"async\" src=\"...\" alt=\"\">\n==================================================================== -->\n<section class=\"mm-hero\">\n  <div class=\"mm-hero__bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"mm-hero__grid\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mm-hero__inner\">\n    <div class=\"mm-hero__content\">\n      <span class=\"mm-hero__eyebrow\">media-met \u00b7 creative digital agency<\/span>\n\n      <h1 class=\"mm-hero__title\">Website design <span class=\"mm-hero__grad\">that powers your business.<\/span><\/h1>\n\n      <p class=\"mm-hero__lead\">Custom website design and development \u2014 WordPress, WooCommerce stores and SEO. We build sites that look sharp, load fast, and turn visitors into enquiries.<\/p>\n\n      <div class=\"mm-hero__actions\">\n        <a class=\"mm-btn mm-btn--primary\" href=\"https:\/\/media-met.hr\/en\/start-a-project\/\">\n          Start a project\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n        <a class=\"mm-btn mm-btn--ghost\" href=\"https:\/\/media-met.hr\/portfolio\">Portfolio<\/a>\n      <\/div>\n\n      <div class=\"mm-hero__trust\">\n        <span><strong>250+<\/strong> projects<\/span>\n        <span class=\"dot\" aria-hidden=\"true\"><\/span>\n        <span><strong>200+<\/strong> happy clients<\/span>\n        <span class=\"dot\" aria-hidden=\"true\"><\/span>\n        <span><strong>15+<\/strong> years of experience<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"mm-hero__visual\" aria-hidden=\"true\">\n      <figure class=\"mm-card mm-card--1\">\n        <div class=\"mm-card__bar\"><i><\/i><i><\/i><i><\/i><span class=\"pill\"><\/span><\/div>\n        <div class=\"mm-shot\">\n          <div class=\"mm-shot__hero\"><\/div>\n          <div class=\"mm-shot__row\"><span><\/span><span><\/span><span><\/span><\/div>\n          <div class=\"mm-shot__line m\"><\/div><div class=\"mm-shot__line s\"><\/div>\n        <\/div>\n      <\/figure>\n\n      <figure class=\"mm-card mm-card--2\">\n        <div class=\"mm-card__bar\"><i><\/i><i><\/i><i><\/i><span class=\"pill\"><\/span><\/div>\n        <div class=\"mm-shot\">\n          <div class=\"mm-shot__hero v\"><\/div>\n          <div class=\"mm-shot__line m\"><\/div>\n          <div class=\"mm-shot__row\"><span><\/span><span><\/span><\/div>\n        <\/div>\n      <\/figure>\n\n      <figure class=\"mm-card mm-card--3\">\n        <div class=\"mm-card__bar\"><i><\/i><i><\/i><i><\/i><span class=\"pill\"><\/span><\/div>\n        <div class=\"mm-shot\">\n          <div class=\"mm-shot__hero\"><\/div>\n          <div class=\"mm-shot__line s\"><\/div>\n        <\/div>\n      <\/figure>\n\n      <figcaption class=\"mm-chip\">\n        <span class=\"mm-chip__ic\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n        <span><strong>100%<\/strong> custom<\/span>\n      <\/figcaption>\n    <\/div>\n  <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h2 data-w-id=\"e2cd30fa-0d21-2295-f0ab-9230ce9ed84b\" class=\"textstyle-h2 textweight-bold textcolor-slategrey tablet-md\" style=\"text-align: center;\"><span dir=\"auto\">Website Development &#038; Web Design<\/span><\/h2>\n<p data-w-id=\"e2cd30fa-0d21-2295-f0ab-9230ce9ed84b\" class=\"textstyle-h2 textweight-bold textcolor-slategrey tablet-md\" style=\"text-align: center;\"><span dir=\"auto\" style=\"color: #000000;\">We are proud to deliver exceptional solutions that exceed expectations.<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><script type=\"text\/javascript\" src=\"https:\/\/widget.clutch.co\/static\/js\/widget.js\"><\/script> <div class=\"clutch-widget\" data-url=\"https:\/\/widget.clutch.co\" data-widget-type=\"14\" data-height=\"50\" data-nofollow=\"false\" data-expandifr=\"true\" data-clutchcompany-id=\"1011173\"><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_3 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><script type=\"text\/javascript\" src=\"https:\/\/widget.clutch.co\/static\/js\/widget.js\"><\/script> <div class=\"clutch-widget\" data-url=\"https:\/\/widget.clutch.co\" data-widget-type=\"7\" data-height=\"65\" data-nofollow=\"false\" data-expandifr=\"true\" data-scale=\"100\" data-clutchcompany-id=\"1011173\"><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><pre class=\"ti-widget\" style=\"display: none\"><template id=\"trustindex-google-widget-html\"><div class=\" ti-widget  ti-goog ti-disable-font ti-show-rating-text ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"prije %d %s|danas|dan|dana|tjedan|tjedana|mjesec|mjeseci|godinu|godina\" data-plugin-version=\"13.3.1\" data-layout-id=\"97\" data-layout-category=\"badge, top-rated-badge\" data-set-id=\"light-minimal\" data-pid=\"\" data-language=\"hr\" data-close-locale=\"Zatvoriti\" data-css-version=\"2\" data-size=\"1\"> <div class=\"ti-widget-container\"> <div class=\"ti-header source-Google\"> <div class=\"ti-profile-details\"> <div class=\"ti-large-logo\"> <div class=\"ti-v-center\"> <trustindex-image class=\"ti-logo-fb\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/logo.svg\" width=\"150\" height=\"25\" loading=\"lazy\" alt=\"Google\"><\/trustindex-image> <\/div> <\/div> <div class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><\/div> <span class=\"ti-rating\">5.0<\/span> <\/div> <div class=\"ti-top-rated-title\">Najbolje ocijenjena  usluga 2026<\/div> <div class=\"ti-verified-by\">ovjerio Trustindex <span class=\"ti-info-icon\"><\/span><\/div> <div class=\"ti-disclaimer\">Trustindex provjerava da tvrtka ima ocjenu iznad 4.5, na temelju recenzija prikupljenih na Google u proteklih 12 mjeseci, \u0161to je kvalificira za dobivanje <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-top-rated-badge&amp;url=\/the-trustindex-verified-badge\/\" target=\"_blank\">najbolje ocijenjenog certifikata<\/a>.<\/div> <\/div> <\/div> <\/div> <\/template><\/pre><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?wp-widget\" data-template-id=\"trustindex-google-widget-html\" data-css-url=\"https:\/\/media-met.hr\/wp-content\/uploads\/trustindex-google-widget.css?1782410389\"><\/div><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row et_flex_column_24_24\">\n<div class=\"et_pb_column_5 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_blurb_0 et_pb_blurb et_pb_bg_layout_light et_pb_blurb_position_left et_pb_module et_flex_module\"><div class=\"et_pb_blurb_content et_flex_module\"><div class=\"et_pb_main_blurb_image et_animated\"><span class=\"et_pb_image_wrap\"><span class=\"et-pb-icon\">5<\/span><\/span><\/div><div class=\"et_pb_blurb_container\"><h3 class=\"et_pb_module_header\">15 +<\/h3><div class=\"et_pb_blurb_description\"><p>Agency History<\/p>\n<\/div><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_6 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_blurb_1 et_pb_blurb et_pb_bg_layout_light et_pb_blurb_position_left et_pb_module et_flex_module\"><div class=\"et_pb_blurb_content et_flex_module\"><div class=\"et_pb_main_blurb_image et_animated\"><span class=\"et_pb_image_wrap\"><span class=\"et-pb-icon\">5<\/span><\/span><\/div><div class=\"et_pb_blurb_container\"><h3 class=\"et_pb_module_header\">200+<\/h3><div class=\"et_pb_blurb_description\"><p>Completed Projects<\/p>\n<\/div><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_blurb_2 et_pb_blurb et_pb_bg_layout_light et_pb_blurb_position_left et_pb_module et_flex_module\"><div class=\"et_pb_blurb_content et_flex_module\"><div class=\"et_pb_main_blurb_image et_animated\"><span class=\"et_pb_image_wrap\"><span class=\"et-pb-icon\">5<\/span><\/span><\/div><div class=\"et_pb_blurb_container\"><h3 class=\"et_pb_module_header\">150+<\/h3><div class=\"et_pb_blurb_description\"><p>Satisfied Clients<\/p>\n<\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Our Featured Projects<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_flex_row et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_column_9 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"dipl_scroll_image_0 dipl_scroll_image et_pb_module\"><div class=\"dipl_scroll_image_wrapper\"><div class=\"dipl_scroll_image_inner_wrap\" data-direction=\"top\"><img decoding=\"async\" src=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/05\/Eurokuke-scaled-1.webp\" alt=\"Eurokuke renomiranih proizvo\u0111a\u010da\" title=\"Eurokuke\" \/><\/div><\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Euro Kuke, Auto Ekskluziv<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"https:\/\/media-met.hr\/en\/project\/car-exclusive\/\" data-icon=\"$\">about the project<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_column_10 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"dipl_scroll_image_1 dipl_scroll_image et_pb_module\"><div class=\"dipl_scroll_image_wrapper\"><div class=\"dipl_scroll_image_inner_wrap\" data-direction=\"top\"><img decoding=\"async\" src=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/05\/Hzhm-1.webp\" alt=\"Hrvatski zavod za hitnu medicinu\" title=\"Hrvatski zavod za hitnu medicinu\" \/><\/div><\/div><\/div>\n\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">Croatian Institute for Emergency Medicine<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"https:\/\/media-met.hr\/en\/project\/croatian-institute-for-emergency-medicine\/\" data-icon=\"$\">about the project<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_column_11 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_8_24 et_flex_column_8_24_tablet et_flex_column_24_24_phone\">\n<div class=\"dipl_scroll_image_2 dipl_scroll_image et_pb_module\"><div class=\"dipl_scroll_image_wrapper\"><div class=\"dipl_scroll_image_inner_wrap\" data-direction=\"top\"><img decoding=\"async\" src=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/05\/Mformat.webp\" alt=\"M-Format\" title=\"M - Format\" \/><\/div><\/div><\/div>\n\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: center;\">M &#8211; Format<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_2_wrapper\"><a class=\"et_pb_button_2 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"https:\/\/media-met.hr\/en\/project\/m-format-doo\/\" data-icon=\"$\">about the project<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_12 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Digital presence today is not an option\u2014it is the foundation of every serious business. For over 15 years, Media-met has been providing clients with expert digital services\u2014from website development to visual identity\u2014with one goal: to make your company appear convincing and reliable online. <\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_13 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Po\u010dinjemo s razumijevanjem va\u0161e vizije, ciljeva i tehni\u010dkih zahtjeva. Kroz suradni\u010dke rasprave definiramo opseg, klju\u010dne zna\u010dajke i o\u010dekivanja korisnika kako bismo postavili \u010dvrste temelje za projekt.<\/span><\/p>\n<p><span><\/span><\/p>\n<p><span>Nakon uskla\u0111ivanja zahtjeva, pripremamo plan, odabiremo prave tehnologije i dodjeljujemo razvojni tim. Tako\u0111er uspostavljamo agilne tijekove rada kako bismo osigurali transparentnost i pra\u0107enje napretka.<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_3_wrapper\"><a class=\"et_pb_button_3 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module\" href=\"https:\/\/media-met.hr\/en\/start-a-project\/\" data-icon=\"$\">Request a Quote<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_column_14 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Na\u0161 razvojni tim gradi proizvod u iterativnim sprintovima. Dobivate redovita a\u017euriranja, radne demonstracije i prilike za davanje povratnih informacija dok usavr\u0161avamo i unapre\u0111ujemo va\u0161e rje\u0161enje.<\/span><\/p>\n<p><span><\/span><\/p>\n<p><span>Bavimo se implementacijom, postavljanjem servera i podr\u0161kom za pu\u0161tanje u rad ako je potrebno. Nakon lansiranja nudimo pomo\u0107 pri odr\u017eavanju, pra\u0107enju i skaliranju kako bismo osigurali pouzdan rad va\u0161eg proizvoda.<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_15 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- media-met.hr | Process \"How we work\" \u2014 timeline (EN) | robusna verzija -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.mm-tl { --bg:#FFFFFF; --card:#F5F7FB; --line:#E4E9F2; --txt:#0F2440; --mut:#5C6B82; --acc2:#2563EB;\n  font-family:'Poppins',sans-serif; background:var(--bg); color:var(--txt); padding:64px 24px; overflow:hidden; }\n.mm-tl * { box-sizing:border-box; margin:0; padding:0; }\n.mm-tl .in { max-width:960px; margin:0 auto; }\n\n.mm-tl .eyebrow { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; letter-spacing:.12em;\n  text-transform:uppercase; color:var(--acc2) !important; background:rgba(37,99,235,.12); border:1px solid rgba(37,99,235,.25);\n  padding:6px 14px; border-radius:50px; margin-bottom:18px; }\n.mm-tl h2 { font-size:clamp(26px,4vw,38px); font-weight:700; line-height:1.15; margin-bottom:48px; color:var(--txt) !important; }\n\n.tl-track { position:relative; }\n.tl-line { position:absolute; top:6px; bottom:6px; left:50%; width:2px; transform:translateX(-50%); background:#DCE3EF; }\n.tl-fill { position:absolute; top:6px; left:50%; width:2px; transform:translateX(-50%); height:calc(100% - 12px);\n  background:linear-gradient(#2563EB,#60A5FA); transition:height 1.5s ease; }\n.mm-tl.reveal .tl-fill { height:0; }\n.mm-tl.reveal.shown .tl-fill { height:calc(100% - 12px); }\n\n.tl-row { position:relative; display:grid; grid-template-columns:1fr 72px 1fr; align-items:center; margin-bottom:26px; }\n.tl-row:last-child { margin-bottom:0; }\n\n.tl-node { grid-column:2; justify-self:center; width:56px; height:56px; border-radius:50%;\n  background:linear-gradient(135deg,#2563EB,#3B82F6); border:4px solid rgba(37,99,235,.18);\n  display:flex; align-items:center; justify-content:center; z-index:2;\n  opacity:1; transform:scale(1); transition:opacity .45s ease, transform .45s ease; }\n.tl-node svg { width:24px; height:24px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }\n.mm-tl.reveal .tl-node { opacity:0; transform:scale(.5); }\n.mm-tl.reveal.shown .tl-node { opacity:1; transform:scale(1); }\n\n.tl-card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px; box-shadow:0 1px 3px rgba(15,36,64,.05);\n  opacity:1; transition:opacity .6s ease, transform .6s ease; }\n.tl-card h3 { font-size:17px; font-weight:600; margin-bottom:6px; color:var(--txt) !important; }\n.tl-card h3 .n { color:var(--acc2) !important; font-weight:700; }\n.tl-card p { font-size:14px; line-height:1.6; color:var(--mut) !important; }\n\n.tl-row:nth-child(odd)  .tl-card { grid-column:3; text-align:left; }\n.tl-row:nth-child(even) .tl-card { grid-column:1; text-align:right; }\n.mm-tl.reveal .tl-row:nth-child(odd)  .tl-card { transform:translateX(26px); }\n.mm-tl.reveal .tl-row:nth-child(even) .tl-card { transform:translateX(-26px); }\n.mm-tl.reveal.shown .tl-card { opacity:1; transform:none; }\n\n.mm-tl.reveal.shown .tl-row:nth-child(1) .tl-node,.mm-tl.reveal.shown .tl-row:nth-child(1) .tl-card{ transition-delay:.10s; }\n.mm-tl.reveal.shown .tl-row:nth-child(2) .tl-node,.mm-tl.reveal.shown .tl-row:nth-child(2) .tl-card{ transition-delay:.22s; }\n.mm-tl.reveal.shown .tl-row:nth-child(3) .tl-node,.mm-tl.reveal.shown .tl-row:nth-child(3) .tl-card{ transition-delay:.34s; }\n.mm-tl.reveal.shown .tl-row:nth-child(4) .tl-node,.mm-tl.reveal.shown .tl-row:nth-child(4) .tl-card{ transition-delay:.46s; }\n.mm-tl.reveal.shown .tl-row:nth-child(5) .tl-node,.mm-tl.reveal.shown .tl-row:nth-child(5) .tl-card{ transition-delay:.58s; }\n.mm-tl.reveal.shown .tl-row:nth-child(6) .tl-node,.mm-tl.reveal.shown .tl-row:nth-child(6) .tl-card{ transition-delay:.70s; }\n.mm-tl.reveal.shown .tl-row:nth-child(7) .tl-node,.mm-tl.reveal.shown .tl-row:nth-child(7) .tl-card{ transition-delay:.82s; }\n\n@media (max-width:760px){\n  .mm-tl{ padding:48px 18px; }\n  .tl-line, .tl-fill { left:28px; }\n  .tl-row { grid-template-columns:56px 1fr; gap:16px; margin-bottom:20px; }\n  .tl-node { grid-column:1; }\n  .tl-row:nth-child(odd) .tl-card,\n  .tl-row:nth-child(even) .tl-card { grid-column:2; text-align:left; }\n  .mm-tl.reveal .tl-row:nth-child(odd) .tl-card,\n  .mm-tl.reveal .tl-row:nth-child(even) .tl-card { transform:translateX(20px); }\n  .mm-tl.reveal.shown .tl-card { transform:none; }\n}\n<\/style>\n\n<div class=\"mm-tl\">\n  <div class=\"in\">\n\n    <span class=\"eyebrow\">Process<\/span>\n    <h2>How we work<\/h2>\n\n    <div class=\"tl-track\">\n      <div class=\"tl-line\"><\/div>\n      <div class=\"tl-fill\"><\/div>\n\n      <div class=\"tl-row\">\n        <div class=\"tl-node\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z\"\/><\/svg><\/div>\n        <div class=\"tl-card\"><h3><span class=\"n\">01.<\/span> Contact<\/h3><p>Initial call and defining your goals<\/p><\/div>\n      <\/div>\n\n      <div class=\"tl-row\">\n        <div class=\"tl-node\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/div>\n        <div class=\"tl-card\"><h3><span class=\"n\">02.<\/span> Research<\/h3><p>Market and competitor analysis<\/p><\/div>\n      <\/div>\n\n      <div class=\"tl-row\">\n        <div class=\"tl-node\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z\"\/><\/svg><\/div>\n        <div class=\"tl-card\"><h3><span class=\"n\">03.<\/span> Design<\/h3><p>UI\/UX and brand visual identity<\/p><\/div>\n      <\/div>\n\n      <div class=\"tl-row\">\n        <div class=\"tl-node\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg><\/div>\n        <div class=\"tl-card\"><h3><span class=\"n\">04.<\/span> Wireframe<\/h3><p>Page sketches and structure (Sketch or Figma)<\/p><\/div>\n      <\/div>\n\n      <div class=\"tl-row\">\n        <div class=\"tl-node\"><svg viewBox=\"0 0 24 24\"><path d=\"M16 18l6-6-6-6\"\/><path d=\"M8 6l-6 6 6 6\"\/><\/svg><\/div>\n        <div class=\"tl-card\"><h3><span class=\"n\">05.<\/span> Development<\/h3><p>Frontend and backend code<\/p><\/div>\n      <\/div>\n\n      <div class=\"tl-row\">\n        <div class=\"tl-node\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1.5 1.5\"\/><path d=\"M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1.5-1.5\"\/><\/svg><\/div>\n        <div class=\"tl-card\"><h3><span class=\"n\">06.<\/span> Integration<\/h3><p>Testing and connecting components<\/p><\/div>\n      <\/div>\n\n      <div class=\"tl-row\">\n        <div class=\"tl-node\"><svg viewBox=\"0 0 24 24\"><path d=\"M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2 0-2.7a2 2 0 0 0-3 0z\"\/><path d=\"M12 15l-3-3a22 22 0 0 1 8-10c3 0 6 3 6 6a22 22 0 0 1-10 8z\"\/><path d=\"M9 12H4s.5-2.6 2-4c1.7-1.5 5-1.5 5-1.5\"\/><path d=\"M12 15v5s2.6-.5 4-2c1.5-1.7 1.5-5 1.5-5\"\/><\/svg><\/div>\n        <div class=\"tl-card\"><h3><span class=\"n\">07.<\/span> Delivery<\/h3><p>Project launch<\/p><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var s = document.getElementsByTagName('script');\n  var me = document.currentScript || s[s.length-1];\n  var root = me.previousElementSibling;\n  if(!root || !root.classList.contains('mm-tl')){ var a = document.querySelectorAll('.mm-tl'); root = a[a.length-1]; }\n  if(!root) return;\n  root.classList.add('reveal');\n  var done=false, show=function(){ if(done)return; done=true; root.classList.add('shown'); };\n  if('IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){show();io.disconnect();}});},{threshold:0.15});\n    io.observe(root);\n  } else { show(); }\n  setTimeout(show, 1600);\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_9 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_16 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_1_5 et_flex_column_1_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_row_10 et_pb_row et_pb_row_nested et_flex_row\">\n<div class=\"et_pb_column_17 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"dipl_separator_0 dipl_separator et_pb_module\"><div class=\"dipl_separator_container align_left\"><div class=\"dipl_line dipl_line_before\"><\/div><div class=\"dipl-text-wrapper\"><p><strong><span style=\"color: #000000;\">USLUGE<\/span><\/strong><\/p><\/div><div class=\"dipl_line dipl_line_after\"><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_18 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_accordion_0 et_pb_accordion et_pb_module et_flex_module\">\n<div class=\"et_pb_accordion_item_0 et_pb_accordion_item et_pb_toggle et_pb_module et_pb_toggle_open et_flex_module\"><h5 class=\"et_pb_toggle_title\">Web Design and Website Development<\/h5><div class=\"et_pb_toggle_content et_flex_module\"><p>First impressions are formed quickly\u2014within 0.05 seconds, to be precise. Our custom web designs make every click count with beautiful, high-converting experiences tailored to your brand. Your website is the first point of contact between your brand and potential clients. That&#8217;s why we don&#8217;t just create beautiful pages\u2014we build digital experiences that leave an impression, build trust, and turn visitors into customers. Every project begins with a thorough analysis of your business goals, target audience, and competition. Based on that, we create a structure, design, and functionality that is not only visually appealing but also strategically designed. We use the latest technologies and the WordPress ecosystem to deliver a site that is fast, secure, and easy to manage.      <\/p>\n<p><strong>WE OFFER:<\/strong><strong><\/strong><\/p>\n<ul>\n<li>Responsive design optimized for all devices<\/li>\n<li>WordPress and Divi Framework<\/li>\n<li>WooCommerce &#038; E-Commerce Solutions<\/li>\n<li>SEO-optimized pages with fast loading<\/li>\n<li>Custom UI\/UX Architecture<\/li>\n<li>SEO-ready Structure<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><a href=\"https:\/\/media-met.hr\/izrada-web-stranica-i-web-razvoj\/\" style=\"color: #000000;\">more about website development&#8230; <\/a><\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_accordion_item_1 et_pb_accordion_item et_pb_toggle et_pb_module et_pb_toggle_close et_flex_module\"><h5 class=\"et_pb_toggle_title\">Website Support and Maintenance<\/h5><div class=\"et_pb_toggle_content et_flex_module\"><p><strong>Launching a website is just the first step toward successful online business\u2026<\/strong><\/p>\n<p>Website maintenance is a set of measures aimed at supporting and servicing the needs of web resources. This service helps control the stability of operation and site updates. Professional website maintenance service elevates it to a higher level, which determines the success and profitability of the business.  <\/p>\n<p><strong>WE OFFER:<\/strong><strong><\/strong><\/p>\n<ul>\n<li>Automatic daily backups<\/li>\n<li>24\/7 monitoring and uptime tracking<\/li>\n<li>Security audit and attack protection<\/li>\n<li>Content updates<\/li>\n<li>Regular updates of system, theme, and plugins<\/li>\n<li>Fast error and bug fixes<\/li>\n<li>Priority support by phone or email<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><a href=\"https:\/\/media-met.hr\/odrzavanje-web-stranica\/\" style=\"color: #000000;\">more about website maintenance&#8230;<\/a><\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_accordion_item_2 et_pb_accordion_item et_pb_toggle et_pb_module et_pb_toggle_close et_flex_module\"><h5 class=\"et_pb_toggle_title\">Branding &#038; Visual Identity<\/h5><div class=\"et_pb_toggle_content et_flex_module\"><p>A strong brand is not just aesthetics\u2014it&#8217;s a clear message, a consistent experience, and an emotional connection with the audience. We help you build an identity that is memorable and lasting. <\/p>\n<p>The branding process begins with a deep understanding of your vision, values, and target market. Through strategic and creative work, we develop a complete visual system from logo and color palette to typography and application guidelines. The result is a brand book that gives everyone on your team clear guidelines on how to brand every material, channel, and communication.  <\/p>\n<p><strong>WE OFFER:<\/strong><strong><\/strong><\/p>\n<ul>\n<li>Logo design and brand book<\/li>\n<li>Marketing materials design<\/li>\n<li>Color palette and typographic system<\/li>\n<li>Social media branding<\/li>\n<li>Rebranding of existing brands<\/li>\n<li>Promotional article writing<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><a href=\"https:\/\/media-met.hr\/branding-i-vizualni-identitet\" style=\"color: #000000;\">vi\u0161e o brandingu&#8230;<\/a><\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_accordion_item_3 et_pb_accordion_item et_pb_toggle et_pb_module et_pb_toggle_close et_flex_module\"><h5 class=\"et_pb_toggle_title\">UI\/UX Design<\/h5><div class=\"et_pb_toggle_content et_flex_module\"><p><span>Good design is not what looks beautiful\u2014it&#8217;s what works flawlessly. We create user interfaces that guide users naturally through every step, increasing conversion. <\/span><\/p>\n<p><span>Our UX process begins with research\u2014we talk to users, analyze data, and map the user journey from first contact to goal. Based on that, we build a wireframe structure and interactive prototype in Figma or Sketch, test it with real users, and only then move to the final visual design. This approach ensures that every decision has a reason, and every element has a purpose.  <\/span><\/p>\n<p><strong>WE OFFER:<\/strong><strong><\/strong><\/p>\n<ul>\n<li>Wireframing and information architecture<\/li>\n<li>Interactive Figma or Sketch prototypes<\/li>\n<li>Design system and components<\/li>\n<li>User interface research and mapping<\/li>\n<li>Usability testing<\/li>\n<li>Flow and conversion optimization<\/li>\n<\/ul>\n<p><span style=\"color: #000000;\"><a href=\"https:\/\/media-met.hr\/en\/custom-web-applications-i-media-met-karlovac\/\" style=\"color: #000000;\">more about design and web applications&#8230; <\/a><\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_accordion_item_4 et_pb_accordion_item et_pb_toggle et_pb_module et_pb_toggle_close et_flex_module\"><h5 class=\"et_pb_toggle_title\">SEO &#038; Digital Marketing<\/h5><div class=\"et_pb_toggle_content et_flex_module\"><p><span>Being present online is not enough\u2014you need to be found at the right moment, by the right people. Our approach to digital marketing is based on data, not assumptions. <\/span><\/p>\n<p><span>We combine technical SEO optimization, quality content, and targeted advertising campaigns to ensure long-term visibility for your brand. We track every step of the process through detailed reports and analytics, and continuously adjust the strategy based on results. Our goal is not just to increase traffic\u2014but to attract visitors who become clients.  <\/span><\/p>\n<p><strong>WE OFFER:<\/strong><strong><\/strong><\/p>\n<ul>\n<li>Technical and content SEO optimization<\/li>\n<li>Monthly analytics and reports<\/li>\n<li>Email marketing and automation<\/li>\n<li>Google Ads and PPC campaigns<\/li>\n<li>Social media strategy<\/li>\n<li>Keyword research<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_19 et_pb_column et-last-child et_flex_column et_pb_column_empty et_pb_css_mix_blend_mode_passthrough et_flex_column_1_5 et_flex_column_1_5_tablet et_flex_column_24_24_phone\"><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_11 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_20 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_blog_0 et_pb_blog et_pb_bg_layout_light et_pb_posts et_pb_module\"><div class=\"et_pb_ajax_pagination_container\"><div class=\"et_pb_blog_posts et_grid_module\"><article class=\"et_pb_post et_pb_post_id_282489 clearfix et_pb_blog_item_0_0 post-282489 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\"><div class=\"et_pb_image_container\"><a href=\"https:\/\/media-met.hr\/en\/ai-chatbot-for-website-how-ai-agent-turns-visitors-into-customers\/\" class=\"entry-featured-image-url\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/Ai-agent.webp\" width=\"400\" height=\"284\" alt=\"AI chatbot for website: how AI Agent turns visitors into customers\" class=\"\" srcset=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/Ai-agent.webp 479w, https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/Ai-agent-400x284.webp 480w\" sizes=\"(max-width:479px) 479px, 100vw\" \/><span data-icon=\"\ue050\" class=\"et_overlay et_pb_inline_icon\"><\/span><\/a><\/div><h2 class=\"entry-title\"><a href=\"https:\/\/media-met.hr\/en\/ai-chatbot-for-website-how-ai-agent-turns-visitors-into-customers\/\">AI chatbot for website: how AI Agent turns visitors into customers<\/a><\/h2><p class=\"post-meta\"><span class=\"published\">5.07.2026<\/span> | <span class=\"entry-categories\"><a href=\"https:\/\/media-met.hr\/en\/blog\/\" rel=\"tag\">Blog<\/a><\/span><\/p><div class=\"post-content\"><div class=\"post-content-inner\"><p>Imagine someone visits your website at 10 p.m. They have one specific question \u2014 do you offer the service they need, how long does delivery take, do you work in their area. If they can&#8217;t find the answer in a few seconds, they&#8217;ll close the tab and go to a competitor&#8230;<\/p>\n<\/div><\/div><\/article><article class=\"et_pb_post et_pb_post_id_281583 clearfix et_pb_blog_item_0_1 post-281583 post type-post status-publish format-standard has-post-thumbnail hentry category-tutorials\"><div class=\"et_pb_image_container\"><a href=\"https:\/\/media-met.hr\/en\/divi-full-site-exporter-pro-your-divi-child-theme-as-a-ready-made-installation-package\/\" class=\"entry-featured-image-url\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/06\/Dashboard-2.jpg\" width=\"400\" height=\"284\" alt=\"Divi Full Site Exporter PRO \u2013 Your Divi child theme as a ready-made installation package\" class=\"\" srcset=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/06\/Dashboard-2.jpg 479w, https:\/\/media-met.hr\/wp-content\/uploads\/2026\/06\/Dashboard-2-400x284.jpg 480w\" sizes=\"(max-width:479px) 479px, 100vw\" \/><span data-icon=\"\ue050\" class=\"et_overlay et_pb_inline_icon\"><\/span><\/a><\/div><h2 class=\"entry-title\"><a href=\"https:\/\/media-met.hr\/en\/divi-full-site-exporter-pro-your-divi-child-theme-as-a-ready-made-installation-package\/\">Divi Full Site Exporter PRO \u2013 Your Divi child theme as a ready-made installation package<\/a><\/h2><p class=\"post-meta\"><span class=\"published\">23.06.2026<\/span> | <span class=\"entry-categories\"><a href=\"https:\/\/media-met.hr\/en\/tutorials\/\" rel=\"tag\">Tutorials<\/a><\/span><\/p><div class=\"post-content\"><div class=\"post-content-inner\"><p>You&#8217;ve created an excellent Divi child theme. The design is complete, the Theme Builder header and footer are perfect, the Design System with global colors and CSS variables is set up, and the demo content is ready. The page in your preview looks exactly as you&#8230;<\/p>\n<\/div><\/div><\/article><article class=\"et_pb_post et_pb_post_id_281602 clearfix et_pb_blog_item_0_2 post-281602 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\"><div class=\"et_pb_image_container\"><a href=\"https:\/\/media-met.hr\/en\/how-web-agencies-lose-money-without-the-right-crm-tool-and-how-to-fix-it\/\" class=\"entry-featured-image-url\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/05\/CRM.jpg\" width=\"400\" height=\"284\" alt=\"How web agencies lose money without the right CRM tool \u2014 and how to fix it\" class=\"\" srcset=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/05\/CRM.jpg 479w, https:\/\/media-met.hr\/wp-content\/uploads\/2026\/05\/CRM-400x284.jpg 480w\" sizes=\"(max-width:479px) 479px, 100vw\" \/><span data-icon=\"\ue050\" class=\"et_overlay et_pb_inline_icon\"><\/span><\/a><\/div><h2 class=\"entry-title\"><a href=\"https:\/\/media-met.hr\/en\/how-web-agencies-lose-money-without-the-right-crm-tool-and-how-to-fix-it\/\">How web agencies lose money without the right CRM tool \u2014 and how to fix it<\/a><\/h2><p class=\"post-meta\"><span class=\"published\">8.06.2026<\/span> | <span class=\"entry-categories\"><a href=\"https:\/\/media-met.hr\/en\/blog\/\" rel=\"tag\">Blog<\/a><\/span><\/p><div class=\"post-content\"><div class=\"post-content-inner\"><p>Imagine this scenario: You have 20 active maintenance clients. You\u2019ve built a website for each one, they each pay a monthly maintenance fee, and they each send in a query from time to time. It sounds ideal \u2014 until you sit down and realize that you don\u2019t know which&#8230;<\/p>\n<\/div><\/div><\/article><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-281572","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/media-met.hr\/en\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Web Design | media-met, creative digital agency | Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Website Development Karlovac | Media-met Agency\" \/>\n\t\t<meta property=\"og:description\" content=\"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/media-met.hr\/en\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-03-14T16:44:49+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-15T18:46:07+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/media1met\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Website Development Karlovac | Media-met Agency\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"name\":\"Website Development Karlovac | Media-met Agency\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"position\":2,\"name\":\"Website Development Karlovac | Media-met Agency\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\",\"name\":\"Media-met\",\"description\":\"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"email\":\"info@media-met.hr\",\"telephone\":\"+385953344666\",\"foundingDate\":\"2011-09-01\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":1,\"maxValue\":5},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/media-met.hr\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/mediamet-logo-1.webp\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organizationLogo\",\"width\":485,\"height\":145,\"caption\":\"Logo Media-met\"},\"image\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/media1met\",\"https:\\\/\\\/www.instagram.com\\\/mediamet\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/mgvozdak\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#webpage\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"name\":\"Website Development Karlovac | Media-met Agency\",\"description\":\"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#breadcrumblist\"},\"datePublished\":\"2026-03-14T17:44:49+01:00\",\"dateModified\":\"2026-07-15T20:46:07+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/media-met.hr\\\/en\\\/\",\"name\":\"Web Design | media-met, creative digital agency\",\"alternateName\":\"Media-met digitalna agencija\",\"description\":\"Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/media-met.hr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Website Development Karlovac | Media-met Agency","description":"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!","canonical_url":"https:\/\/media-met.hr\/en\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/media-met.hr\/en\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/media-met.hr\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","name":"Website Development Karlovac | Media-met Agency"}},{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","position":2,"name":"Website Development Karlovac | Media-met Agency","previousItem":{"@type":"ListItem","@id":"https:\/\/media-met.hr\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/media-met.hr\/en\/#organization","name":"Media-met","description":"Kreativna digitalna agencija za izradu web stranica, SEO optimizaciju i vizualni identitet. 15+ godina iskustva, 200+ projekata u Hrvatskoj.","url":"https:\/\/media-met.hr\/en\/","email":"info@media-met.hr","telephone":"+385953344666","foundingDate":"2011-09-01","numberOfEmployees":{"@type":"QuantitativeValue","minValue":1,"maxValue":5},"logo":{"@type":"ImageObject","url":"https:\/\/media-met.hr\/wp-content\/uploads\/2025\/11\/mediamet-logo-1.webp","@id":"https:\/\/media-met.hr\/en\/#organizationLogo","width":485,"height":145,"caption":"Logo Media-met"},"image":{"@id":"https:\/\/media-met.hr\/en\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/media1met","https:\/\/www.instagram.com\/mediamet","https:\/\/www.linkedin.com\/in\/mgvozdak"]},{"@type":"WebPage","@id":"https:\/\/media-met.hr\/en\/#webpage","url":"https:\/\/media-met.hr\/en\/","name":"Website Development Karlovac | Media-met Agency","description":"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/media-met.hr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/media-met.hr\/en\/#breadcrumblist"},"datePublished":"2026-03-14T17:44:49+01:00","dateModified":"2026-07-15T20:46:07+02:00"},{"@type":"WebSite","@id":"https:\/\/media-met.hr\/en\/#website","url":"https:\/\/media-met.hr\/en\/","name":"Web Design | media-met, creative digital agency","alternateName":"Media-met digitalna agencija","description":"Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!","inLanguage":"en-US","publisher":{"@id":"https:\/\/media-met.hr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Web Design | media-met, creative digital agency | Professional web design and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a free quote!","og:type":"article","og:title":"Website Development Karlovac | Media-met Agency","og:description":"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!","og:url":"https:\/\/media-met.hr\/en\/","og:image":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png","og:image:secure_url":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png","og:image:width":1200,"og:image:height":630,"article:published_time":"2026-03-14T16:44:49+00:00","article:modified_time":"2026-07-15T18:46:07+00:00","article:publisher":"https:\/\/www.facebook.com\/media1met","twitter:card":"summary_large_image","twitter:title":"Website Development Karlovac | Media-met Agency","twitter:description":"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!","twitter:image":"https:\/\/media-met.hr\/wp-content\/uploads\/2026\/07\/media-met-og-logo.png"},"aioseo_meta_data":{"post_id":"281572","title":"Website Development Karlovac | Media-met Agency","description":"Professional website development and SEO optimization in Karlovac. 15+ years of experience, 200+ projects. Request a FREE quote!","keywords":null,"keyphrases":{"focus":{"keyphrase":"izrada web stranica","score":38,"analysis":{"keyphraseInTitle":{"score":3,"maxScore":9,"error":1},"keyphraseInDescription":{"score":3,"maxScore":9,"error":1},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":3},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-06-24 18:54:37","updated":"2026-07-15 19:26:16","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/media-met.hr\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tWebsite Development Karlovac | Media-met Agency\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/media-met.hr\/en\/"},{"label":"Website Development Karlovac | Media-met Agency","link":"https:\/\/media-met.hr\/en\/"}],"_links":{"self":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages\/281572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/comments?post=281572"}],"version-history":[{"count":25,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages\/281572\/revisions"}],"predecessor-version":[{"id":282558,"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/pages\/281572\/revisions\/282558"}],"wp:attachment":[{"href":"https:\/\/media-met.hr\/en\/wp-json\/wp\/v2\/media?parent=281572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}