{"id":2182,"date":"2026-08-07T18:43:33","date_gmt":"2026-08-07T17:43:33","guid":{"rendered":"https:\/\/souhailagency.com\/ui-ux\/"},"modified":"2026-08-11T18:38:30","modified_gmt":"2026-08-11T17:38:30","slug":"ui-ux","status":"publish","type":"page","link":"https:\/\/souhailagency.com\/en\/services\/ui-ux\/","title":{"rendered":"UI\/UX Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2182\" class=\"elementor elementor-2182 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-scsec01 e-con-full e-flex e-con e-parent\" data-id=\"scsec01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-scw01 elementor-widget elementor-widget-shortcode\" data-id=\"scw01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"svp\">\n  <div class=\"container\">\n    <nav class=\"crumb\"><a href=\"https:\/\/souhailagency.com\/en\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><span>\/<\/span><a href=\"https:\/\/souhailagency.com\/en\/services\/\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a><span>\/<\/span><b>\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/b><\/nav>\n    <div class=\"svp-split\">\n      <div>\n        <span class=\"kick\">\u062e\u062f\u0645\u0629<\/span>\n                <h1>\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0648\u062a\u062c\u0631\u0628\u0629 <span class=\"hw-keep\">\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<span class=\"hw\"><button class=\"hb\" type=\"button\" aria-expanded=\"false\" aria-label=\"\u0645\u0627 \u0645\u0639\u0646\u0649 \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629\u061f\">\u0645\u0627 \u0647\u0630\u0627\u061f<\/button><span class=\"hp\" role=\"note\">\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 <b>(UX)<\/b> \u064a\u0642\u0631\u0651\u0631 \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0631\u0627\u0647 \u0627\u0644\u0632\u0627\u0626\u0631 \u0648\u0645\u062a\u0649 \u0648\u0628\u0623\u064a\u0651 \u062a\u0631\u062a\u064a\u0628\u060c \u0648\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u0627\u062c\u0647\u0629 <b>(UI)<\/b> \u064a\u0642\u0631\u0651\u0631 \u0643\u064a\u0641 \u064a\u0628\u062f\u0648 \u0630\u0644\u0643<i class=\"pt\">.<\/i> \u0627\u0644\u0647\u062f\u0641 \u0648\u0627\u062d\u062f: \u0623\u0646 \u064a\u0635\u0644 \u0627\u0644\u0632\u0627\u0626\u0631 \u0644\u0645\u0627 \u062c\u0627\u0621 \u0645\u0646 \u0623\u062c\u0644\u0647 \u062f\u0648\u0646 \u0623\u0646 \u064a\u0641\u0643\u0651\u0631 \u0641\u064a \u0627\u0644\u0637\u0631\u064a\u0642<i class=\"pt\">.<\/i><\/span><\/span><\/span><\/h1>\n        <p class=\"svp-lead\">\u0623\u0628\u062d\u0627\u062b\u060c \u0647\u064a\u0643\u0644\u0629\u060c \u0648\u0646\u0645\u0627\u0630\u062c \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u2014 \u0648\u0627\u062c\u0647\u0627\u062a \u062a\u064f\u0641\u0647\u0645 \u0645\u0646 \u0623\u0648\u0644 \u0646\u0638\u0631\u0629<i class=\"pt\">.<\/i><\/p>\n        <div class=\"acts\">\n          <a href=\"https:\/\/souhailagency.com\/en\/contact\/\" data-book=\"google-meet\" class=\"btn btn-primary\">\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<span class=\"ico\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/a>\n          <a href=\"https:\/\/souhailagency.com\/en\/work\/\" class=\"btn btn-ghost\">\u0634\u0627\u0647\u062f \u0623\u0639\u0645\u0627\u0644\u0646\u0627<span class=\"ico\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/a>\n        <\/div>\n      <\/div>\n      <img class=\"svp-illus\" src=\"https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/sa-svc-ui-ux.png\" alt=\"\u0644\u0648\u062d \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u062f\u0627\u062e\u0644 \u0645\u062d\u0631\u0651\u0631\u060c \u0645\u0639 \u0645\u0624\u0634\u0651\u0631\u0627\u062a \u0648\u0623\u062f\u0648\u0627\u062a\" loading=\"eager\" decoding=\"async\">    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"pad\" id=\"method\" style=\"padding-top:clamp(18px,2.2vw,30px);padding-bottom:clamp(26px,3vw,42px)\">\n  <div class=\"container\">\n    <span class=\"kick\">\u0643\u064a\u0641 \u0646\u0639\u0645\u0644<\/span>\n    <h2 style=\"font-size:clamp(1.4rem,2.8vw,2rem);margin:12px 0 clamp(22px,2.6vw,32px)\">\u0645\u0631\u0627\u062d\u0644 \u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645<\/h2>\n    <div class=\"mth5\">\n              <div class=\"c\">\n          <span class=\"mth5-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"5.8\" cy=\"5.8\" r=\"4.3\"\/><path d=\"m9 9 4.4 4.4\"\/><\/svg><\/span>\n          <span class=\"n\">01<\/span>\n          <h4>\u0627\u0643\u062a\u0634\u0627\u0641 \u0648\u0628\u062d\u062b<\/h4>\n          <p>\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0645\u0639 \u0645\u0646 \u0633\u064a\u0633\u062a\u0639\u0645\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0627 \u064a\u0641\u0639\u0644\u0647 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0648\u0646\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0645\u0627 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0646\u062c\u062d<i class=\"pt\">.<\/i><\/p>\n          <span class=\"out\">\u0645\u0644\u062e\u0651\u0635 \u0628\u062d\u062b \u0648\u0642\u0627\u0626\u0645\u0629 \u0623\u0648\u0644\u0648\u064a\u0627\u062a<\/span>\n          <span class=\"dur\">3\u20135 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n              <div class=\"c\">\n          <span class=\"mth5-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"5.4\" y=\"0.6\" width=\"3.2\" height=\"2.5\" rx=\"0.5\"\/><rect x=\"0.7\" y=\"10.9\" width=\"3.2\" height=\"2.5\" rx=\"0.5\"\/><rect x=\"10.1\" y=\"10.9\" width=\"3.2\" height=\"2.5\" rx=\"0.5\"\/><path d=\"M7 3.1v2.3\"\/><path d=\"M2.3 10.9V8.4h9.4v2.5\"\/><\/svg><\/span>\n          <span class=\"n\">02<\/span>\n          <h4>\u0647\u064a\u0643\u0644\u0629 \u0648\u0645\u0633\u0627\u0631\u0627\u062a<\/h4>\n          <p>\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0648\u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u064a\u0646\u0647\u0627\u060c \u0648\u0631\u0633\u0648\u0645 \u0623\u0648\u0651\u0644\u064a\u0629 \u0628\u0644\u0627 \u0623\u0644\u0648\u0627\u0646 \u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0623\u0648\u0651\u0644\u0627\u064b<i class=\"pt\">.<\/i><\/p>\n          <span class=\"out\">\u062e\u0631\u064a\u0637\u0629 \u0645\u0648\u0642\u0639 + \u0631\u0633\u0648\u0645 \u0623\u0648\u0651\u0644\u064a\u0629<\/span>\n          <span class=\"dur\">4\u20136 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n              <div class=\"c\">\n          <span class=\"mth5-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"0.7\" y=\"1.4\" width=\"12.6\" height=\"9\" rx=\"1.2\"\/><path d=\"M4.4 12.6h5.2\"\/><path d=\"M7 10.4v2.2\"\/><\/svg><\/span>\n          <span class=\"n\">03<\/span>\n          <h4>\u062a\u0635\u0645\u064a\u0645 \u0628\u0635\u0631\u064a<\/h4>\n          <p>\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0628\u0646\u064a\u0629 \u0625\u0644\u0649 \u0634\u0627\u0634\u0627\u062a \u0646\u0647\u0627\u0626\u064a\u0629: \u0623\u0644\u0648\u0627\u0646 \u0648\u062e\u0637\u0648\u0637 \u0648\u0645\u0633\u0627\u0641\u0627\u062a \u0648\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0645\u0648\u062d\u0651\u062f\u0629<i class=\"pt\">.<\/i><\/p>\n          <span class=\"out\">\u0634\u0627\u0634\u0627\u062a \u0646\u0647\u0627\u0626\u064a\u0629 \u0628\u062f\u0642\u0651\u0629 \u0643\u0627\u0645\u0644\u0629<\/span>\n          <span class=\"dur\">1\u20132 \u0623\u0633\u0628\u0648\u0639<\/span>\n        <\/div>\n              <div class=\"c\">\n          <span class=\"mth5-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3.1 2 8.7 7.6l-2.4.3 1.15 2.5-1.4.62-1.15-2.5L3.1 10.3z\"\/><path d=\"M10.5 4.3a2.7 2.7 0 0 1 0 3.4\"\/><path d=\"M12.1 2.8a4.8 4.8 0 0 1 0 6.4\"\/><\/svg><\/span>\n          <span class=\"n\">04<\/span>\n          <h4>\u0646\u0645\u0648\u0630\u062c \u062a\u0641\u0627\u0639\u0644\u064a \u0648\u0627\u062e\u062a\u0628\u0627\u0631<\/h4>\n          <p>\u0631\u0628\u0637 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0641\u064a \u0646\u0645\u0648\u0630\u062c \u062a\u0646\u0642\u0631 \u0641\u064a\u0647\u060c \u0648\u0646\u062c\u0631\u0651\u0628\u0647 \u0645\u0639 \u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u062d\u0642\u064a\u0642\u064a\u064a\u0646 \u0648\u0646\u064f\u0635\u0644\u062d \u0645\u0627 \u064a\u0639\u062b\u0651\u0631\u0647\u0645<i class=\"pt\">.<\/i><\/p>\n          <span class=\"out\">\u0646\u0645\u0648\u0630\u062c \u0642\u0627\u0628\u0644 \u0644\u0644\u0646\u0642\u0631 + \u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/span>\n          <span class=\"dur\">3\u20135 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n              <div class=\"c\">\n          <span class=\"mth5-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"0.7\" y=\"0.7\" width=\"5\" height=\"5\" rx=\"0.9\"\/><rect x=\"8.3\" y=\"0.7\" width=\"5\" height=\"5\" rx=\"0.9\"\/><rect x=\"0.7\" y=\"8.3\" width=\"5\" height=\"5\" rx=\"0.9\"\/><circle cx=\"10.8\" cy=\"10.8\" r=\"2.5\"\/><\/svg><\/span>\n          <span class=\"n\">05<\/span>\n          <h4>\u0646\u0638\u0627\u0645 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0633\u0644\u064a\u0645<\/h4>\n          <p>\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a\u060c \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0644\u0641\u0651\u0627\u062a \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0645\u0637\u0648\u0651\u0631 \u0628\u0644\u0627 \u0623\u0633\u0626\u0644\u0629<i class=\"pt\">.<\/i><\/p>\n          <span class=\"out\">\u0646\u0638\u0627\u0645 \u062a\u0635\u0645\u064a\u0645 + \u0645\u0644\u0641\u0651\u0627\u062a \u0627\u0644\u0645\u0635\u062f\u0631<\/span>\n          <span class=\"dur\">2\u20134 \u0623\u064a\u0627\u0645<\/span>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"pad\" id=\"forwhom\" style=\"padding-top:clamp(14px,1.8vw,24px);padding-bottom:clamp(26px,3vw,42px)\">\n  <div class=\"container\">\n    <span class=\"kick\">\u0644\u0645\u0646<\/span>\n    <h2 style=\"font-size:clamp(1.4rem,2.8vw,2rem);margin:12px 0 clamp(22px,2.6vw,32px)\">\u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629 \u0644\u0643 \u0625\u0646\u2026<\/h2>\n    <div class=\"fw-grid\">\n              <div class=\"fw-c\">\n          <span class=\"fw-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"4\" r=\"2.4\"\/><path d=\"M1.8 12.4a5.2 5.2 0 0 1 10.4 0\"\/><\/svg><\/span>\n          <h4>\u062a\u064f\u0637\u0644\u0642 \u0645\u0646\u062a\u062c\u0627\u064b \u062c\u062f\u064a\u062f\u0627\u064b<\/h4>\n          <p>\u0639\u0646\u062f\u0643 \u0641\u0643\u0631\u0629 \u0648\u0644\u0627 \u062a\u0639\u0631\u0641 \u0645\u0646 \u0623\u064a\u0646 \u062a\u0628\u062f\u0623 \u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u2014 \u0646\u0628\u0646\u064a \u0645\u0639\u0643 \u0623\u0648\u0651\u0644 \u0646\u0633\u062e\u0629 \u062a\u064f\u062e\u062a\u0628\u0631 \u0645\u0639 \u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u062d\u0642\u064a\u0642\u064a\u064a\u0646<i class=\"pt\">.<\/i><\/p>\n        <\/div>\n              <div class=\"fw-c\">\n          <span class=\"fw-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"7\" r=\"5.6\"\/><path d=\"M7 4.2v3.4\"\/><circle cx=\"7\" cy=\"10\" r=\"0.5\"\/><\/svg><\/span>\n          <h4>\u0645\u0646\u062a\u062c\u0643 \u064a\u0639\u0645\u0644 \u0644\u0643\u0646 \u0623\u062d\u062f \u0644\u0627 \u064a\u0641\u0647\u0645\u0647<\/h4>\n          <p>\u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0645\u0648\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0632\u0648\u0651\u0627\u0631 \u064a\u063a\u0627\u062f\u0631\u0648\u0646 \u2014 \u0646\u064f\u0639\u064a\u062f \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0631\u062d\u0644\u0629 \u062d\u062a\u0649 \u062a\u064f\u0641\u0647\u0645 \u0645\u0646 \u0623\u0648\u0651\u0644 \u0646\u0638\u0631\u0629<i class=\"pt\">.<\/i><\/p>\n        <\/div>\n              <div class=\"fw-c\">\n          <span class=\"fw-mk\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"0.8\" y=\"0.8\" width=\"5\" height=\"5\" rx=\"0.9\"\/><rect x=\"8.2\" y=\"0.8\" width=\"5\" height=\"5\" rx=\"0.9\"\/><rect x=\"0.8\" y=\"8.2\" width=\"5\" height=\"5\" rx=\"0.9\"\/><rect x=\"8.2\" y=\"8.2\" width=\"5\" height=\"5\" rx=\"0.9\"\/><\/svg><\/span>\n          <h4>\u0641\u0631\u064a\u0642\u0643 \u064a\u0628\u0646\u064a \u0628\u0644\u0627 \u0645\u0631\u062c\u0639<\/h4>\n          <p>\u0643\u0644\u0651 \u0634\u0627\u0634\u0629 \u062a\u0628\u062f\u0648 \u0645\u0646 \u0645\u0646\u062a\u062c \u0645\u062e\u062a\u0644\u0641 \u2014 \u0646\u0628\u0646\u064a \u0646\u0638\u0627\u0645 \u062a\u0635\u0645\u064a\u0645 \u064a\u0648\u062d\u0651\u062f\u0647\u0627 \u0648\u064a\u0633\u0631\u0651\u0639 \u0645\u0646 \u064a\u0623\u062a\u064a \u0628\u0639\u062f\u0646\u0627<i class=\"pt\">.<\/i><\/p>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"pad\" id=\"work\" style=\"padding-top:clamp(14px,1.8vw,24px);padding-bottom:clamp(28px,3.4vw,46px)\">\n  <div class=\"container\">\n    <span class=\"kick\">\u0623\u0639\u0645\u0627\u0644<\/span>\n    <h2 style=\"font-size:clamp(1.4rem,2.8vw,2rem);margin:12px 0 clamp(22px,2.6vw,32px)\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629<\/h2>\n    <div class=\"pgrid\" style=\"grid-template-columns:repeat(2,1fr)\">\n              <a class=\"pcard\" data-cat=\"uiux web\"\n           href=\"https:\/\/souhailagency.com\/en\/work\/aliat\/\">\n          <div class=\"pcard-ph\" style=\"background:linear-gradient(140deg,#0B1B32,#2b5288)\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alliatt-1024x683.webp\" class=\"pcard-img wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alliatt-1024x683.webp 1024w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alliatt-300x200.webp 300w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alliatt-768x512.webp 768w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alliatt-1536x1024.webp 1536w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alliatt-2048x1365.webp 2048w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alliatt-18x12.webp 18w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>            <span class=\"pcard-badge\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629<\/span>            <span class=\"pcard-yr\">2025<\/span>          <\/div>\n          <div class=\"pcard-body\">\n            <h3>\u0645\u0646\u0635\u0629 \u0622\u0644\u064a\u0640\u0627\u062a \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629<\/h3>\n            <p class=\"pcard-desc\">\u0645\u0648\u0642\u0639 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0645\u062e\u0635\u0651\u0635 \u064a\u0639\u0631\u0636 \u062b\u0644\u0627\u062b \u0648\u062d\u062f\u0627\u062a \u0623\u0639\u0645\u0627\u0644 \u0648\u064a\u062a\u064a\u062d \u0634\u0631\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u062d\u062c\u0632 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f, \u0628\u062b\u0644\u0627\u062b \u0644\u063a\u0627\u062a<i class=\"pt\">:<\/i> \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0635\u064a\u0646\u064a\u0629<i class=\"pt\">.<\/i><\/p>\n                          <div class=\"pcard-stack\">Figma <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> WordPress <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> WooCommerce <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> Elementor Pro <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> Polylang <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> JetEngine<\/div>\n                        <span class=\"pcard-lnk\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 <svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\t        <a class=\"pcard\" data-cat=\"uiux web\"\n           href=\"https:\/\/souhailagency.com\/en\/work\/almasar-alstratiji\/\">\n          <div class=\"pcard-ph\" style=\"background:linear-gradient(140deg,#0B1B32,#2b5288)\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alamassar-1024x768.webp\" class=\"pcard-img wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alamassar-1024x768.webp 1024w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alamassar-300x225.webp 300w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alamassar-768x576.webp 768w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alamassar-1536x1152.webp 1536w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alamassar-2048x1536.webp 2048w, https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/alamassar-16x12.webp 16w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>            <span class=\"pcard-badge\">\u0648\u0643\u0627\u0644\u0640\u0629 \u062a\u0633\u0648\u064a\u0642\u0640\u0640\u064a\u0629<\/span>            <span class=\"pcard-yr\">2026<\/span>          <\/div>\n          <div class=\"pcard-body\">\n            <h3>\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/h3>\n            <p class=\"pcard-desc\">\u0645\u0648\u0642\u0639 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0645\u062e\u0635\u0651\u0635 \u064a\u062f\u064a\u0631 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0637\u0644\u0628\u0627\u062a \u0639\u0631\u0648\u0636 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0628\u0648\u0627\u062c\u0647\u062a\u064a\u0646 \u0639\u0631\u0628\u064a\u0629 \u0648\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<i class=\"pt\">.<\/i><\/p>\n                          <div class=\"pcard-stack\">WordPress <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> Elementor Pro <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> TranslatePress <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> Yoast SEO <i class=\"pt\"> <i class=\"pt\">\u00b7<\/i> <\/i> PHP<\/div>\n                        <span class=\"pcard-lnk\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 <svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <\/div>\n        <\/a>\n\t    <\/div>\n    <div style=\"margin-top:clamp(22px,2.6vw,32px)\">\n      <a href=\"https:\/\/souhailagency.com\/en\/work\/\" class=\"btn btn-ghost\">\u0643\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<span class=\"ico\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"pad\" id=\"others\" style=\"padding-top:clamp(14px,1.8vw,24px);padding-bottom:clamp(28px,3.4vw,46px)\">\n  <div class=\"container\">\n    <span class=\"kick\">\u062e\u062f\u0645\u0627\u062a \u0623\u062e\u0631\u0649<\/span>\n    <h2 style=\"font-size:clamp(1.4rem,2.8vw,2rem);margin:12px 0 clamp(22px,2.6vw,32px)\">\u0642\u062f \u062a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u0627\u064b<\/h2>\n    <div class=\"oth-grid\">\n              <a href=\"https:\/\/souhailagency.com\/en\/services\/web-development\/\">\n          <span class=\"oth-ic\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5.02 3.485h-3.5c-0.265 0 -0.52 0.105 -0.707 0.293 -0.188 0.188 -0.293 0.442 -0.293 0.707v8c0 0.265 0.105 0.52 0.293 0.707 0.187 0.188 0.442 0.293 0.707 0.293H10.52c0.552 0 1 -0.448 1 -1V8.485\"\/><path d=\"M0.52 5.985h6.5\"\/><path d=\"m3.02 10.985 1.5 -1.5 -1.5 -1.5\"\/><path d=\"M6.02 10.985h1.5\"\/><path d=\"M7.396 3.949c-0.351 -0.061 -0.351 -0.565 0 -0.626 1.271 -0.221 2.283 -1.19 2.559 -2.45l0.021 -0.097c0.076 -0.347 0.57 -0.349 0.649 -0.003l0.026 0.113c0.286 1.255 1.297 2.215 2.565 2.435 0.353 0.061 0.353 0.568 0 0.629 -1.268 0.221 -2.279 1.181 -2.565 2.435l-0.026 0.113c-0.079 0.346 -0.573 0.344 -0.649 -0.003l-0.021 -0.097c-0.276 -1.26 -1.288 -2.229 -2.559 -2.45Z\"\/><\/svg><\/span>\n          <h4>\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628<\/h4>\n          <p>\u0645\u0648\u0627\u0642\u0639 \u0633\u0631\u064a\u0639\u0629 \u0646\u0638\u064a\u0641\u0629 \u0627\u0644\u0643\u0648\u062f<i class=\"pt\">\u060c<\/i> \u0633\u0647\u0644\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0651\u0639<i class=\"pt\">.<\/i><\/p>\n          <span class=\"oth-arw\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n        <\/a>\n              <a href=\"https:\/\/souhailagency.com\/en\/services\/ai-dashboards\/\">\n          <span class=\"oth-ic\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"0.7\" y=\"0.7\" width=\"5.4\" height=\"5.4\" rx=\"1.3\"\/><rect x=\"0.7\" y=\"7.9\" width=\"5.4\" height=\"5.4\" rx=\"1.3\"\/><rect x=\"7.9\" y=\"7.9\" width=\"5.4\" height=\"5.4\" rx=\"1.3\"\/><path d=\"M10.6 0.8Q10.97 3.03 13.2 3.4Q10.97 3.77 10.6 6Q10.23 3.77 8 3.4Q10.23 3.03 10.6 0.8Z\"\/><\/svg><\/span>\n          <h4>\u0644\u0648\u062d\u0627\u062a \u062a\u062d\u0643\u0651\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h4>\n          <p>\u062a\u062d\u0648\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0625\u0644\u0649 \u0644\u0648\u062d\u0627\u062a \u062a\u0642\u0631\u0623 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0648\u062a\u0642\u062a\u0631\u062d \u0627\u0644\u0642\u0631\u0627\u0631<i class=\"pt\">.<\/i><\/p>\n          <span class=\"oth-arw\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n        <\/a>\n              <a href=\"https:\/\/souhailagency.com\/en\/services\/chatbots\/\">\n          <span class=\"oth-ic\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.167 1.854c0 0.644 -0.522 1.167 -1.167 1.167 -0.644 0 -1.167 -0.523 -1.167 -1.167 0 -0.644 0.523 -1.167 1.167 -1.167 0.645 0 1.167 0.523 1.167 1.167Z\"\/><path d=\"M7 3.021v2.25\"\/><path d=\"M8.75 10.75s-0.55 0.583 -1.75 0.583 -1.75 -0.583 -1.75 -0.583\"\/><path d=\"M1.5 11.313v-4c0 -1.105 0.895 -2 2 -2h7c1.105 0 2 0.895 2 2v4c0 1.105 -0.895 2 -2 2h-7c-1.105 0 -2 -0.895 -2 -2Z\"\/><circle cx=\"5.04\" cy=\"8.29\" r=\"0.3\"\/><circle cx=\"8.96\" cy=\"8.29\" r=\"0.3\"\/><\/svg><\/span>\n          <h4>\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u062f\u0631\u062f\u0634\u0629 \u0630\u0643\u064a\u0629<\/h4>\n          <p>\u0645\u0633\u0627\u0639\u062f\u0648\u0646 \u0622\u0644\u064a\u0651\u0648\u0646 \u064a\u0631\u062f\u0651\u0648\u0646 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 24\/7<i class=\"pt\">.<\/i><\/p>\n          <span class=\"oth-arw\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n        <\/a>\n              <a href=\"https:\/\/souhailagency.com\/en\/services\/automation\/\">\n          <span class=\"oth-ic\"><svg viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"2.4\" cy=\"2.4\" r=\"1.5\"\/><circle cx=\"11.6\" cy=\"2.4\" r=\"1.5\"\/><circle cx=\"7\" cy=\"11.6\" r=\"1.5\"\/><path d=\"M2.4 3.9v1.9a1.6 1.6 0 0 0 1.6 1.6h6a1.6 1.6 0 0 0 1.6 -1.6V3.9\"\/><path d=\"M7 7.4v2.7\"\/><\/svg><\/span>\n          <h4>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0639\u0628\u0631 n8n<\/h4>\n          <p>\u0631\u0628\u0637 \u0623\u062f\u0648\u0627\u062a\u0643 \u0648\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0643\u0631\u0651\u0631\u0629 <i class=\"pt\">\u2014<\/i> \u0648\u0642\u062a \u0623\u0642\u0644<i class=\"pt\">\u060c<\/i> \u062e\u0637\u0623 \u0623\u0642\u0644<i class=\"pt\">.<\/i><\/p>\n          <span class=\"oth-arw\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n        <\/a>\n          <\/div>\n  <\/div>\n<\/section>\n<script>\n(function () {\n\t\/* the note opens on hover and on focus through CSS; the button carries the\n\t   state for touch and for assistive tech, which have no hover *\/\n\tdocument.addEventListener( 'click', function ( e ) {\n\t\tvar b = e.target.closest && e.target.closest( '.hb' );\n\t\t[].forEach.call( document.querySelectorAll( '.hb[aria-expanded=\"true\"]' ), function ( x ) {\n\t\t\tif ( x !== b ) { x.setAttribute( 'aria-expanded', 'false' ); }\n\t\t} );\n\t\tif ( ! b ) { return; }\n\t\te.preventDefault();\n\t\tb.setAttribute( 'aria-expanded', b.getAttribute( 'aria-expanded' ) === 'true' ? 'false' : 'true' );\n\t} );\n})();\n<\/script>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-scsec02 e-con-full e-flex e-con e-parent\" data-id=\"scsec02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-scw02 elementor-widget elementor-widget-shortcode\" data-id=\"scw02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"cta pad\" id=\"contact\">\n  <div class=\"container cta-split\">\n    <div class=\"cta-copy\">\n      <span class=\"kick\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/span>\n      <h2>\u0644\u0646\u0635\u0646\u0639 \u0634\u064a\u0626\u0627\u064b<br>\u064a\u0628\u062a\u0633\u0645 \u0644\u0647 \u0639\u0645\u0644\u0627\u0624\u0643<i class=\"pt\">.<\/i><\/h2>\n            <p>\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0623\u0648\u0644\u0649 \u0645\u062c\u0627\u0646\u064a\u0629 <i class=\"pt\">\u00b7<\/i> \u0631\u062f\u064c\u0651 \u062e\u0644\u0627\u0644 <span dir=\"ltr\" style=\"unicode-bidi:isolate\">24\u20131<\/span> \u0633\u0627\u0639\u0629<i class=\"pt\">.<\/i><\/p>\n      <div class=\"cta-actions\">\n        <a href=\"https:\/\/souhailagency.com\/en\/contact\/\" class=\"btn btn-primary\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<span class=\"ico\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/a>\n        <a href=\"https:\/\/souhailagency.com\/en\/contact\/\" data-book=\"google-meet\" class=\"btn btn-glass\">\u0627\u062d\u062c\u0632 \u0627\u062c\u062a\u0645\u0627\u0639\u0627\u064b<span class=\"ico\"><svg class=\"sa-arw\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M19 12H5M12 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/a>\n      <\/div>\n    <\/div>\n          <img loading=\"lazy\" class=\"cta-smile\" src=\"https:\/\/souhailagency.com\/wp-content\/uploads\/2026\/08\/sa-cta-smile.png\"\n        width=\"700\" height=\"473\"        loading=\"lazy\" decoding=\"async\" alt=\"\u0627\u0628\u062a\u0633\u0627\u0645\u0629\">\n      <\/div>\n<\/section>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":2181,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/pages\/2182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/comments?post=2182"}],"version-history":[{"count":1,"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/pages\/2182\/revisions"}],"predecessor-version":[{"id":2193,"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/pages\/2182\/revisions\/2193"}],"up":[{"embeddable":true,"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/pages\/2181"}],"wp:attachment":[{"href":"https:\/\/souhailagency.com\/en\/wp-json\/wp\/v2\/media?parent=2182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}