{"id":2311,"date":"2025-08-21T16:18:22","date_gmt":"2025-08-21T16:18:22","guid":{"rendered":"https:\/\/nexwebdesigns.com\/case\/citypack-website-stunning-ui-ux-design-development\/"},"modified":"2026-01-15T16:25:13","modified_gmt":"2026-01-15T16:25:13","slug":"citypack-website-stunning-ui-ux-design-development","status":"publish","type":"case","link":"https:\/\/nexwebdesigns.com\/ar\/case\/citypack-website-stunning-ui-ux-design-development\/","title":{"rendered":"\u0645\u0648\u0642\u0639 CityPack \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0630\u0647\u0644\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2311\" class=\"elementor elementor-2311\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05a4584 e-con-full e-flex e-con e-parent\" data-id=\"05a4584\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27d18de elementor-widget elementor-widget-html\" data-id=\"27d18de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t                <!-- breadcrumb style 1 start -->\r\n                <div class=\"tp-breadcrumb-s1-ptb position-relative pt-220\">\r\n                    <span class=\"tp-breadcrumb-s1-shape-two\">\r\n                        <svg width=\"360\" height=\"344\" viewBox=\"0 0 360 344\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M572 58C572 -99.9534 443.953 -228 286 -228C128.047 -228 0 -99.9534 0 58C0 215.953 128.047 344 286 344C443.953 344 572 215.953 572 58ZM82.4468 58C82.4468 -54.4193 173.581 -145.553 286 -145.553C398.419 -145.553 489.553 -54.4193 489.553 58C489.553 170.419 398.419 261.553 286 261.553C173.581 261.553 82.4468 170.419 82.4468 58Z\" fill=\"url(#paint0_linear_2329_1486)\"><\/path>\r\n                            <defs>\r\n                                <linearGradient id=\"paint0_linear_2329_1486\" x1=\"134.858\" y1=\"302.779\" x2=\"514.863\" y2=\"-180.333\" gradientUnits=\"userSpaceOnUse\">\r\n                                <stop offset=\"0.015\" stop-color=\"#010103\" stop-opacity=\"0\"><\/stop>\r\n                                <stop offset=\"1\" stop-color=\"#010103\" stop-opacity=\"0.1\"><\/stop>\r\n                                <\/linearGradient>\r\n                            <\/defs>\r\n                        <\/svg>\r\n                    <\/span>\r\n                    <div class=\"container container-1230\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-lg-12\">\r\n                                <div class=\"tp-breadcrumb-s1-content p-relative pb-120\">\r\n                                    <h1 class=\"tp-breadcrumb-s1-title tp_fade_anim\" data-delay=\".3\">   \r\n                                    \u0645\u0648\u0642\u0639 CityPack \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0630\u0647\u0644\u0629\r\n                                    <\/h1>\r\n                                    <div class=\"tp-breadcrumb-s1-wrap tp_fade_anim\" data-delay=\".5\">\r\n                                      \r\n                                        <div class=\"tp-breadcrumb-s1-text\">\r\n                                            <p>\r\n                                                \u064a\u064f\u0639\u062f \u0645\u0648\u0642\u0639 CityPack \u0645\u0646\u0635\u0629 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0625\u062f\u0627\u0631\u0629 \u0637\u0631\u0648\u062f \u0627\u0644\u0634\u062d\u0646 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u064a\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0633\u0647\u0648\u0644\u0629. \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0623\u0633\u0644\u0648\u0628 \u0646\u0638\u064a\u0641 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Photoshop \u0648Figma\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0648\u0636\u0648\u062d \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.\r\n\r\n\u062a\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0642\u0648\u064a\u0629 \u0648\u062d\u062f\u064a\u062b\u0629 \u062a\u0634\u0645\u0644 HTML \u0648CSS \u0648JavaScript \u0648jQuery \u0648GSAP \u0648AJAX \u0648REST API \u0648WordPress \u0648Elementor\u060c \u0644\u064a\u0642\u062f\u0645 \u062a\u062c\u0631\u0628\u0629 \u0633\u0644\u0633\u0629\u060c \u062a\u0641\u0627\u0639\u0644\u064a\u0629\u060c \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621. \u064a\u0639\u0643\u0633 \u0645\u0648\u0642\u0639 CityPack \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u062c\u062f\u064a\u062f \u0645\u0646 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u060c \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u0631\u0641\u0639 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tp-breadcrumb-s1-bottom\">\r\n                        <div class=\"container container-1510\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-12\">\r\n                                    <div class=\"tp-breadcrumb-s1-bottom-text text-md-end\">\r\n                                        <a href=\"https:\/\/www.behance.net\/gallery\/230064603\/citypack-website-ui-ux-design\" target=\"_blank\" rel=\"noopener\">\r\n                                            \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- breadcrumb style 1 end -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6768c6c e-con-full e-flex e-con e-parent\" data-id=\"6768c6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4ab1ab elementor-widget elementor-widget-html\" data-id=\"b4ab1ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t                <!-- about banner area start -->\r\n                 <div class=\"tp-about-banner-ptb\">\r\n                    <div class=\"sa-banner-wrapper p-relative\">\r\n                        <img decoding=\"async\" width=\"100%\" data-speed=\".8\" src=\"https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/08\/CityPack-website-design.jpg\" alt=\"nexwebdesigns\">\r\n                        <div class=\"tp-about-banner-slider\">\r\n                            <div class=\"dgm-portfolio-text-wrap\">\r\n                                <div class=\"swiper-container dgm-portfolio-text-active\">\r\n                              \r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                 <\/div>\r\n                <!-- about banner area end -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb33287 element-container e-flex e-con-boxed e-con e-parent\" data-id=\"fb33287\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b028f elementor-widget elementor-widget-image\" data-id=\"f6b028f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1207\" height=\"582\" src=\"https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/08\/CityPack-website-design.jpg\" class=\"attachment-full size-full wp-image-1374\" alt=\"\" srcset=\"https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/08\/CityPack-website-design.jpg 1207w, https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/08\/CityPack-website-design-300x145.jpg 300w, https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/08\/CityPack-website-design-1024x494.jpg 1024w, https:\/\/nexwebdesigns.com\/wp-content\/uploads\/2025\/08\/CityPack-website-design-768x370.jpg 768w\" sizes=\"(max-width: 1207px) 100vw, 1207px\" \/>\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<div class=\"elementor-element elementor-element-189fe09a element-container e-flex e-con-boxed e-con e-parent\" data-id=\"189fe09a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6c54277e e-con-full e-flex e-con e-child\" data-id=\"6c54277e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a05e08b elementor-widget elementor-widget-text-editor\" data-id=\"1a05e08b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"107\" data-end=\"198\"><strong data-start=\"107\" data-end=\"118\">\u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/strong><br data-start=\"118\" data-end=\"121\" \/>\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \/ \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \/ \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/p><p data-start=\"200\" data-end=\"317\"><strong data-start=\"200\" data-end=\"219\">\u0627\u0644\u0648\u0643\u0627\u0644\u0629 \/ \u0627\u0644\u0646\u0648\u0639<\/strong><br data-start=\"219\" data-end=\"222\" \/>\u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 (<strong data-start=\"280\" data-end=\"314\">\u062d\u0627\u0644\u0629 CityPack \u0645\u0646 NexWebDesigns<\/strong>)<\/p><p data-start=\"319\" data-end=\"374\"><strong data-start=\"319\" data-end=\"329\">\u0627\u0644\u0645\u0648\u0642\u0639<\/strong><br data-start=\"329\" data-end=\"332\" \/>\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629 \u2013 behance.net<\/p><p data-start=\"376\" data-end=\"619\"><strong data-start=\"376\" data-end=\"397\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \/ \u0627\u0644\u0642\u0648\u0627\u0639\u062f<\/strong><br data-start=\"397\" data-end=\"400\" \/>\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <strong data-start=\"446\" data-end=\"466\">Figma \u0648Photoshop<\/strong><br data-start=\"466\" data-end=\"469\" \/>\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0645\u062a\u062c\u0627\u0648\u0628 \u0648\u0645\u064a\u0632\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <strong data-start=\"511\" data-end=\"544\">HTML \u0648CSS \u0648JavaScript \u0648jQuery<\/strong><br data-start=\"544\" data-end=\"547\" \/>\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 <strong data-start=\"556\" data-end=\"569\">WordPress<\/strong>\u060c \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <strong data-start=\"580\" data-end=\"598\">REST API \u0648AJAX<\/strong> \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a<\/p><p data-start=\"621\" data-end=\"709\"><strong data-start=\"621\" data-end=\"638\">\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong><br data-start=\"638\" data-end=\"641\" \/><a href=\"https:\/\/www.behance.net\/gallery\/230064603\/citypack-website-ui-ux-design\" target=\"_blank\" rel=\"noopener\">Behance \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0645\u0648\u0642\u0639 CityPack \u2013 behance.net<\/a><\/p><ul data-start=\"646\" data-end=\"956\"><li data-start=\"646\" data-end=\"802\">\u00a0<\/li><\/ul>\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<div class=\"elementor-element elementor-element-6a25c1d e-con-full e-flex e-con e-parent\" data-id=\"6a25c1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f889c1e elementor-widget elementor-widget-html\" data-id=\"f889c1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t                <div class=\"sa-footer-top-wrap\">\r\n                    <div class=\"container container-1510\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-lg-12\">\r\n                                <div class=\"sa-footer-big-text-warp text-center hover-reveal-item p-relative\">\r\n                                    <h3 class=\"sa-footer-big-text\">\r\n                                        <a href=\"https:\/\/nexwebdesigns.com\/ar\/contact-us\/\">\r\n                                            \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\r\n                                        <\/a>\r\n                                    <\/h3>\r\n                                    <div class=\"dgm-hero-text-circle sa-footer-text circle-btn-pos\">\r\n                                        <a class=\"p-relative\" href=\"#\">\r\n                                            <span class=\"dgm-hero-text-shape\">\r\n                                                <img decoding=\"async\" src=\"images\/hero-text-shape-3.png\" alt=\"\">\r\n                                            <\/span>\r\n                                            <span class=\"dgm-hero-icon\">\r\n                                                <img decoding=\"async\" src=\"images\/hero-text-shape-4.png\" alt=\"\">\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0642\u0639 CityPack \u2013 \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0630\u0647\u0644\u0629 \u064a\u064f\u0639\u062f \u0645\u0648\u0642\u0639 CityPack \u0645\u0646\u0635\u0629 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0625\u062f\u0627\u0631\u0629 \u0637\u0631\u0648\u062f \u0627\u0644\u0634\u062d\u0646 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u064a\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0633\u0647\u0648\u0644\u0629. \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0623\u0633\u0644\u0648\u0628 \u0646\u0638\u064a\u0641 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Photoshop \u0648Figma\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0648\u0636\u0648\u062d \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645. \u062a\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0642\u0648\u064a\u0629 \u0648\u062d\u062f\u064a\u062b\u0629 \u062a\u0634\u0645\u0644 HTML \u0648CSS \u0648JavaScript [&hellip;]<\/p>\n","protected":false},"featured_media":2207,"template":"","tags":[],"casescat":[],"class_list":["post-2311","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case\/2311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/types\/case"}],"version-history":[{"count":4,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case\/2311\/revisions"}],"predecessor-version":[{"id":2691,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/case\/2311\/revisions\/2691"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/media\/2207"}],"wp:attachment":[{"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/media?parent=2311"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/tags?post=2311"},{"taxonomy":"casescat","embeddable":true,"href":"https:\/\/nexwebdesigns.com\/ar\/wp-json\/wp\/v2\/casescat?post=2311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}