{"id":160,"date":"2024-12-07T14:27:55","date_gmt":"2024-12-07T14:27:55","guid":{"rendered":"https:\/\/wpriverthemes.com\/goot\/?page_id=160"},"modified":"2025-01-16T21:58:49","modified_gmt":"2025-01-16T21:58:49","slug":"work-details","status":"publish","type":"page","link":"https:\/\/wpriverthemes.com\/goot\/work-details\/","title":{"rendered":"Work Details"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"160\" class=\"elementor elementor-160\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5202fc8 e-con-full e-flex e-con e-parent\" data-id=\"5202fc8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-902bc0f elementor-widget elementor-widget-goot_work_details_banner\" data-id=\"902bc0f\" data-element_type=\"widget\" data-widget_type=\"goot_work_details_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n        <section class=\"wpr-work-details-section hero\">\n            <div class=\"container\">\n\t\t\t\t                <div class=\"sec-title-area\">\n                    <div class=\"sec-left\">\n                                                    <p class=\"sub-title\">Hanoi, Vietnam<\/p>\n                                                    \n                            <h1 class=\"sec-title\">Urban cover rad<\/h1>\n                            \n                    <\/div>\n                    <div class=\"sec-right\">\n                        <h4>\n                            <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/svgviewer-output-5.svg\" alt=\"\">                            web design                        <\/h4>\n                                                    <p>\n                                Urban Cover Rad captures the vibrancy and energy of city life through a striking brand identity. It blends bold design elements with contemporary urban culture for a fresh visual impact.                            <\/p>\n                           \n                    <\/div>\n                <\/div>\n\t\t\t\t   \n                                    <div class=\"section-inner\">\n                        <div class=\"row\">\n                            <div class=\"col-lg-12\">\n                                <div class=\"work-wrapper\">\n                                                                            <a href=\"#\" class=\"image-area\">\n                                            <figure>\n                                                <img decoding=\"async\" class=\"anim-image-parallax tt-lazy\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-01.png\" data-src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-01.png\" alt=\"work-01\">\n                                            <\/figure>\n                                        <\/a>\n                                                                                                                <div class=\"text-area\">\n                                                                                            <div class=\"inner text-center\">\n                                                                                                            <h6>CLIENT <\/h6>\n                                                                                                            \n                                                        <p>Han Nicholas<\/p>\n                                                        \n                                                <\/div>\n                                                                                            <div class=\"inner text-center\">\n                                                                                                            <h6>ROLE\n <\/h6>\n                                                                                                            \n                                                        <p>Web Designer<\/p>\n                                                        \n                                                <\/div>\n                                                                                            <div class=\"inner text-center\">\n                                                                                                            <h6>TIMELINE\n <\/h6>\n                                                                                                            \n                                                        <p>May 2020 - July 2020<\/p>\n                                                        \n                                                <\/div>\n                                                                                            <div class=\"inner text-center\">\n                                                                                                            <h6>Live Project\n <\/h6>\n                                                                                                            \n                                                        <p>Visit Website<\/p>\n                                                        \n                                                <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                    <div class=\"sec-bottom-area\">\n                        <div class=\"row\">\n                            <div class=\"col-lg-5\">\n                                <div class=\"bottom-left\">\n                                    <h4>\n                                        <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2025\/01\/blog-single-explore.svg\" alt=\"\">                                        Integrated Creation                                    <\/h4>\n                                <\/div>\n                            <\/div>\n                            <div class=\"col-lg-7\">\n                                <div class=\"bottom-right\">\n                                                                            <div class=\"text-wrapper\">\n                                                                                            <h6 class=\"title\">Challenges <\/h6>\n                                                                                            \n                                                <p class=\"sub-title\">Identifying Key Issues<\/p>\n                                                                                          \n                                                <p class=\"desc\">In this phase, we identified the specific problems facing urban cover designs, such as inadequate user engagement, outdated aesthetics, and lack of functionality on various devices. Understanding these challenges allowed us to pinpoint the gaps in the current market and user expectations.<\/p>\n                                                                                        <div class=\"icon\">\n                                                <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/svgviewer-output-4.svg\" alt=\"\">                                            <\/div>\n                                        <\/div>\n                                                                            <div class=\"text-wrapper\">\n                                                                                            <h6 class=\"title\">Goal <\/h6>\n                                                                                            \n                                                <p class=\"sub-title\">Defining Our Vision<\/p>\n                                                                                          \n                                                <p class=\"desc\">Our primary objective was to develop a dynamic and user-friendly web design that not only highlights urban cover aesthetics but also improves overall usability. We aimed to create an engaging platform that is both modern and accessible, fostering a stronger connection between users and urban cover content.<\/p>\n                                                                                        <div class=\"icon\">\n                                                <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/svgviewer-output-4.svg\" alt=\"\">                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n            <\/div>\n        <\/section>\n        <!-- End Banner Area -->\n               \n                   \n\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-c5f6666 e-con-full two e-flex e-con e-parent\" data-id=\"c5f6666\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59335f3 elementor-widget elementor-widget-goot_work_details_banner\" data-id=\"59335f3\" data-element_type=\"widget\" data-widget_type=\"goot_work_details_banner.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n        <section class=\"wpr-work-details-section hero\">\n            <div class=\"container\">\n\t\t\t\t   \n                                    <div class=\"section-inner\">\n                        <div class=\"row\">\n                            <div class=\"col-lg-12\">\n                                <div class=\"work-wrapper\">\n                                                                            <a href=\"#\" class=\"image-area\">\n                                            <figure>\n                                                <img decoding=\"async\" class=\"anim-image-parallax tt-lazy\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-08.png\" data-src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-08.png\" alt=\"work-08\">\n                                            <\/figure>\n                                        <\/a>\n                                                                                                        <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                    <div class=\"sec-bottom-area\">\n                        <div class=\"row\">\n                            <div class=\"col-lg-5\">\n                                <div class=\"bottom-left\">\n                                    <h4>\n                                        <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2025\/01\/blog-single-explore.svg\" alt=\"\">                                        PROJECT OUTCOME                                    <\/h4>\n                                <\/div>\n                            <\/div>\n                            <div class=\"col-lg-7\">\n                                <div class=\"bottom-right\">\n                                                                            <div class=\"text-wrapper\">\n                                                                                            <h6 class=\"title\">Development\n\n\n <\/h6>\n                                                                                            \n                                                <p class=\"sub-title\">Strategies Used<\/p>\n                                                                                          \n                                                <p class=\"desc\">In this phase, we focused on translating our vision into reality through strategic design and coding. We utilized responsive design techniques and modern web technologies to ensure compatibility across devices. Collaborative brainstorming sessions facilitated creative solutions, that enhances user interaction and satisfaction.<\/p>\n                                                                                        <div class=\"icon\">\n                                                <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/svgviewer-output-4.svg\" alt=\"\">                                            <\/div>\n                                        <\/div>\n                                                                            <div class=\"text-wrapper\">\n                                                                                            <h6 class=\"title\">Result\n\n\n <\/h6>\n                                                                                            \n                                                <p class=\"sub-title\">Outcome Delivered<\/p>\n                                                                                          \n                                                <p class=\"desc\">The culmination of our efforts resulted in a visually appealing and highly functional website. User engagement metrics showed marked improvement, with increased traffic and longer session durations. Feedback from users indicated a high level of satisfaction with the new design.<\/p>\n                                                                                        <div class=\"icon\">\n                                                <img decoding=\"async\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/svgviewer-output-4.svg\" alt=\"\">                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n            <\/div>\n        <\/section>\n        <!-- End Banner Area -->\n               \n                   \n\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-5e8752d e-con-full e-flex e-con e-parent\" data-id=\"5e8752d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-469dbf7 elementor-widget elementor-widget-goot_work_details_gallery\" data-id=\"469dbf7\" data-element_type=\"widget\" data-widget_type=\"goot_work_details_gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <section class=\"wpr-work-details-section three\">\r\n            <div class=\"container\">\r\n                <div class=\"section-inner\">\r\n                    <div class=\"row g-5\">\r\n                                                    <div class=\"col-lg-6\">\r\n                                <div class=\"work-wrapper\">\r\n                                    <a href=\"#\" class=\"image-area\">\r\n                                        <figure>\r\n                                            <img decoding=\"async\" class=\"anim-image-parallax tt-lazy\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-09.png\" data-src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-09.png\" alt=\"work-09\">\r\n                                        <\/figure>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"col-lg-6\">\r\n                                <div class=\"work-wrapper\">\r\n                                    <a href=\"#\" class=\"image-area\">\r\n                                        <figure>\r\n                                            <img decoding=\"async\" class=\"anim-image-parallax tt-lazy\" src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-10.png\" data-src=\"https:\/\/wpriverthemes.com\/goot\/wp-content\/uploads\/2024\/12\/work-10.png\" alt=\"work-10\">\r\n                                        <\/figure>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n               \r\n                   \r\n\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-eecb119 e-con-full e-flex e-con e-parent\" data-id=\"eecb119\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-745742a elementor-widget elementor-widget-goot_touch\" data-id=\"745742a\" data-element_type=\"widget\" data-widget_type=\"goot_touch.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n             <!-- Start Get In Touch Area -->\r\n            <section class=\"wpr-get-in-touch\">\r\n                <div class=\"container-2\">\r\n                     \r\n                        <p class=\"text\">Over the past 10 years, I have honed my skills in designing and developing high-quality websites.<\/p>\r\n                                             \r\n                        <div class=\"sec-title\">\r\n                            <h2 class=\"quote\">Get in touch<\/h2>\r\n                        <\/div>\r\n                     \r\n                            \r\n                        <p class=\"tag\">respond in 2 business days<\/p>\r\n                         \r\n                <\/div>\r\n            <\/section>\r\n            <!-- End Get In Touch Area -->\r\n                   \r\n\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-6bbb67a e-con-full e-flex e-con e-parent\" data-id=\"6bbb67a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e61e648 elementor-widget elementor-widget-goot_Contact\" data-id=\"e61e648\" data-element_type=\"widget\" data-widget_type=\"goot_Contact.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <!-- Start Contact Area -->\r\n            <section class=\"wpr-contact-section\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-inner\">\r\n                        <div class=\"row sticky-coloum-wrap justify-content-between\">\r\n                            <div class=\"col-lg-7\">\r\n                                <div class=\"sec-left\">\r\n                                    <div class=\"sec-left-bottom\">\r\n                                         \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f6-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"6\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/goot\/wp-json\/wp\/v2\/pages\/160#wpcf7-f6-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"6\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f6-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"sec-left-top\">\n                                                <div class=\"favourite-area\">\n                                                    <h6 class=\"title\">Choose your favorite<\/h6>\n                                                    <div class=\"nav nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\n                                                        <button class=\"nav-link active\" id=\"v-pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-app\" type=\"button\" role=\"tab\" aria-selected=\"true\">APP DESIGN<\/button>\n                                                        <button class=\"nav-link\" id=\"v-pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-design\" type=\"button\" role=\"tab\" aria-selected=\"false\">WEB DESIGN<\/button>\n                                                        <button class=\"nav-link\" id=\"v-pills-data-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-modeling\" type=\"button\" role=\"tab\" aria-selected=\"false\">3d\n                                                            modelling<\/button>\n                                                        <button class=\"nav-link\" id=\"v-pills-messages-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-photography\" type=\"button\" role=\"tab\" aria-selected=\"false\">photography<\/button>\n                                                        <button class=\"nav-link\" id=\"v-pills-settings-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-motion\" type=\"button\" role=\"tab\" aria-selected=\"false\">motion graphic<\/button>\n                                                    <\/div>\n                                                    <div class=\"select-area\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"menu-112\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required price__select\" aria-required=\"true\" aria-invalid=\"false\" name=\"menu-112\"><option value=\"Your budget\">Your budget<\/option><option value=\"100$ - 150$\">100$ - 150$<\/option><option value=\"150$ - 200$\">150$ - 200$<\/option><option value=\"200$ - 250$\">200$ - 250$<\/option><\/select><\/span>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <h6 class=\"title\">FILL THIS FORM OUT<\/h6>\n                                            <div class=\"form-content-box\">\n                                                <div class=\"form-group\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-615\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control-mod\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"text-615\" \/><\/span>\n                                                <\/div>\n                                                <div class=\"form-group d-flex\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email-580\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email form-control-mod\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email-580\" \/><\/span>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-341\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel form-control-mod\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone\" value=\"\" type=\"tel\" name=\"tel-341\" \/><\/span>\n                                                <\/div>\n                                                <div class=\"form-group\">\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"menu-112\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required price__select\" aria-required=\"true\" aria-invalid=\"false\" name=\"menu-112\"><option value=\"\u00c3\u2026land Islands\">\u00c3\u2026land Islands<\/option><option value=\"Afghanistan\">Afghanistan<\/option><option value=\"Albania\">Albania<\/option><option value=\"Algeria\">Algeria<\/option><option value=\"American Samoa\">American Samoa<\/option><option value=\"Andorra\">Andorra<\/option><option value=\"Angola\">Angola<\/option><\/select><\/span>\n\n                                                <\/div>\n                                                <div class=\"form-group\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-258\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Message\" name=\"textarea-258\"><\/textarea><\/span>\n                                                <\/div>\n                                                <div class=\"form-group\">\n                                                    <button type=\"submit\">SEND IT NOW<\/button>\n                                                <\/div>\n                                            <\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"col-lg-4 p-0 sticky-coloum-item\">\r\n                                <div class=\"sec-right\">\r\n                                      \r\n                                        <p class=\"desc\">Over the past 10 years, I have honed my skills in designing and developing high-quality websites.<\/p>\r\n                                                                             \r\n                                        <p class=\"email\">\r\n                                            Email:  <a href=\"alex@goot.com\">alex@goot.com<\/a>                                        <\/p>\r\n                                                                                 \r\n                                        <p class=\"phone\">\r\n                                           Phone:                                        <span>\r\n                                             <span>\n       <a href=\"11394588734\"> USA +1 13945 88734<\/a>\n       <a href=\"84283281129\"> VN +84 283 281 129<\/a>\n<\/span>                                        <\/span>\r\n                                        <\/p>\r\n                                        \r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n            <!-- End Contact Area -->\r\n                   \r\n\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":"<p>Hanoi, Vietnam Urban cover rad web design Urban Cover Rad captures the vibrancy and energy of city life through a striking brand identity. It blends bold design elements with contemporary urban culture for a fresh visual impact. CLIENT Han Nicholas ROLE Web Designer TIMELINE May 2020 &#8211; July 2020 Live Project Visit Website Integrated Creation&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-builder.php","meta":{"footnotes":""},"class_list":["post-160","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/pages\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":71,"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/pages\/160\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/pages\/160\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/wpriverthemes.com\/goot\/wp-json\/wp\/v2\/media?parent=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}