{"id":1063,"date":"2024-09-13T03:20:09","date_gmt":"2024-09-13T03:20:09","guid":{"rendered":"https:\/\/webgamma.dev\/wg\/?post_type=project&#038;p=1063"},"modified":"2024-12-21T19:03:45","modified_gmt":"2024-12-21T19:03:45","slug":"web-design-and-branding-for-dr-david-mok","status":"publish","type":"project","link":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/","title":{"rendered":"Dr. David Mok"},"content":{"rendered":"\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:150px;--spacer-height-mobile:64px\"><\/div>\n\n\n\n<div  class=\"section section--description \">\n\t<div class=\"container description cols-1-1\">\n\t\t<div class=\"col\">\n\t\t\t<div class=\"cols-1-1\">\n\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t\t<div class=\"text__heading font-heading mb_2 has-medium-font-size fs-sm-28\">Client<\/div>\n\t\t\t\t\t<div class=\"text__text font-heading fs-20 fs-sm-normal\">Dr. David Mok<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"col\">\n\t\t\t\t\t\t\t\t\t<div class=\"text__heading font-heading mb_2 has-medium-font-size fs-sm-28 mt-sm--32\">Timeline<\/div>\n\t\t\t\t\t<div class=\"text__text font-heading fs-20 fs-sm-normal\">2 months<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<p class=\"description__text mt_3\">\n\t\t\t\t\t\t\t\t\tDr. David Mok&#8217;s plastic surgery clinic performs a variety of surgical procedures, including signature breast surgeries, face and neck lifts, abdominoplasty, liposuction, lipoplasty, and much more.\t\t\t\t\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"col description__year has-huge-font-size font-heading fs-sm-48 mt-sm--32\">2020<\/div>\n\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:150px;--spacer-height-mobile:64px\"><\/div>\n\n\n\n <div  class=\"section section--carousel section--carousel-images slider \">\n    <div class=\"container\">\n        <div class=\"swiper\" data-module=\"Carousel\" data-space=\"30\" data-loop=\"false\" data-nav=\".swiper-nav\">\n            <div class=\"swiper-wrapper slider__slides\">\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-01-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-01-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-01-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-01-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-01-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-01.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-01.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-02-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-02-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-02-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-02-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-02-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-02.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-02.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-03-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-03-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-03-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-03-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-03-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-03.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-03.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-04-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-04-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-04-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-04-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-04-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-04.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-04.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-05-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-05-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-05-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-05-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-05-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-05.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-05.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-6-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-6-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-6-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-6-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-6-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-6.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-6.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-07-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-07-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-07-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-07-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-07-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-07.png 1510w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-p-07.png\"><\/span><\/span>\t                    <\/div>\n                            <\/div>\n            <div class=\"swiper-nav\">\n                <div class=\"swiper-scrollbar\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:96px\"><\/div>\n\n\n\t<div class=\"section section--header \">\n\t\t<div class=\"container\">\n\t\t\t<div class=\"section__text text d-flex d-flex--sb\">\n\t\t\t\t<div class=\"header__title\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"mb_3 has-large-font-size\">Colors &#038; typography<\/h2>\n\t\t\t\t\t\t\t\t\n\t\t\t\t<p class=\"header__text\">\n\t\t\t\t\t\t\t\t\t\t\tWe chose a color palette that reflects reliability and expertise, combined with sleek, minimalist typography to ensure a clean visual presentation.\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"header__img\">\n\t\t\t\t\t<span class=\"r-image attachment-large size-large landscape is-svg\" data-ratio=\"38.18359375\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 38.18359375%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-colors.svg\" class=\"attachment-large size-large\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-colors.svg\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n<div  class=\"section section--carousel slider slider--typography pt--120 pt-sm--64\">\n    <div class=\"container\">\n        <div class=\"swiper\" data-module=\"Carousel\" data-space=\"30\" data-loop=\"false\" data-nav=\".swiper-nav\">\n            <div class=\"swiper-wrapper slider__slides\">\n                                    <div class=\"swiper-slide carousel__item carousel__item--typography\">\n                        <span class=\"r-image  portrait is-svg\" data-ratio=\"146.07703281027\"><span class=\"r-image-mask\" style=\"width: 701px;padding-top: 146.07703281027%;\"><img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-type-001-m.svg\" class=\"\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-type-001-m.svg\"><\/span><\/span>                    <\/div>\n                                    <div class=\"swiper-slide carousel__item carousel__item--typography\">\n                        <span class=\"r-image  portrait is-svg\" data-ratio=\"146.07703281027\"><span class=\"r-image-mask\" style=\"width: 701px;padding-top: 146.07703281027%;\"><img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-type-002-m.svg\" class=\"\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-type-002-m.svg\"><\/span><\/span>                    <\/div>\n                                    <div class=\"swiper-slide carousel__item carousel__item--typography\">\n                        <span class=\"r-image  portrait is-svg\" data-ratio=\"146.07703281027\"><span class=\"r-image-mask\" style=\"width: 701px;padding-top: 146.07703281027%;\"><img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-type-003-m.svg\" class=\"\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-type-003-m.svg\"><\/span><\/span>                    <\/div>\n                            <\/div>\n            <div class=\"swiper-nav\">\n                <div class=\"swiper-scrollbar\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:150px;--spacer-height-mobile:64px\"><\/div>\n\n\n\n<div class=\"section section--text-image\">\n    <div class=\"container\">\n        <div class=\"cols-1-1 text-image--block light-mode\">\n            <div class=\"col col--text \">\n                <div class=\"col-content d-flex-col\">\n                    <h3 class=\"has-huge-font-size fs-sm-34 mb_0\">Logo construction<\/h3>\n                    <p class=\"mt_5 mt-sm--0 mb_3 mb-sm--32\">The logotype was created using modified typography with sharp, straight lines and balanced proportions, ensuring clarity and a modern, professional look.<\/p>\n                                                        <\/div>\n            <\/div>\n            <div class=\"col col--image center-image\">\n\t\t\t\t<span class=\"r-image  portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 755px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"755\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-logo-grid-001.svg\" class=\"\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-logo-grid-001.svg\"><\/span><\/span>\t\t\t\t                            <\/div>\n            \n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:96px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Monochrome logo variations<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    We designed the logo in multiple variations, including both monochrome and color versions.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:32px\"><\/div>\n\n\n<div  class=\"section section--image image-row \">\n\t<div class=\"container\">\n\t\t<div class=\"cols-1-1\">\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image  landscape is-svg\" data-ratio=\"75.050709939148\"><span class=\"r-image-mask\" style=\"width: 493px;padding-top: 75.050709939148%;\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"370\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-logo-monochrome.svg\" class=\"\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-logo-monochrome.svg\"><\/span><\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">Monochrome version<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image  landscape is-svg\" data-ratio=\"75.050709939148\"><span class=\"r-image-mask\" style=\"width: 493px;padding-top: 75.050709939148%;\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"370\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-logo-color-version.svg\" class=\"\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-logo-color-version.svg\"><\/span><\/span>\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">Color version<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:300px;--spacer-height-mobile:128px\"><\/div>\n\n\n<div class=\"section section--text-large text-large \">\n    <div class=\"container\">\n        <div class=\"text-large__pin\">\n\t\t\t\t\t<div class=\"text-large__title has-medium-font-size fs-sm-normal mb_2\">What we did:<\/div>\n\t\t\t    <p class=\"mb_0 has-huge-font-size font-heading\" data-splitting>Developed a visual identity and website for a plastic surgery clinic, highlighting its expertise in aesthetic procedures<\/p>\n                        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:300px;--spacer-height-mobile:128px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Assessing &#038; improving usability<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    Following a UX audit, we developed a new design strategy. We detailed the surgical procedures, created a clear structural framework, and identified critical areas for improvement.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:30px\"><\/div>\n\n\n\n <div  class=\"section section--carousel slider default block-carousel\">\n    <div class=\"container\">\n        <div class=\"swiper\" data-module=\"Carousel\" data-space=\"30\" data-loop=\"false\" data-nav=\".swiper-nav\">\n            <div class=\"swiper-wrapper slider__slides\">\n                                    <div class=\"swiper-slide slider__slide\">\n                        \n<div class=\"slide__title has-medium-font-size\">\n        <span class=\"r-image attachment-thumb size-thumb portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 80px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-branding-01.svg\" class=\"attachment-thumb size-thumb\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-branding-01.svg\"><\/span><\/span>    <h3 class=\"mt_2 font-heading fs-sm-28\">UI design<\/h3>\n    <p class=\"fs-20 fs-sm-normal\">We developed the clinic\u2019s UI elements to align with its overall visual concept.<\/p>\n<\/div>\n            <div class=\"slide__num has-large-font-size fs-sm-48 font-inter mt_auto\">\n            01        <\/div>\n                        <\/div>\n                                    <div class=\"swiper-slide slider__slide\">\n                        \n<div class=\"slide__title has-medium-font-size\">\n        <span class=\"r-image attachment-thumb size-thumb portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 80px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-market-analysis-01.svg\" class=\"attachment-thumb size-thumb\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-market-analysis-01.svg\"><\/span><\/span>    <h3 class=\"mt_2 font-heading fs-sm-28\">UX research<\/h3>\n    <p class=\"fs-20 fs-sm-normal\">Our goal was to enhance the clinic\u2019s structure and user flow, focusing on key user interaction scenarios across the site.<\/p>\n<\/div>\n            <div class=\"slide__num has-large-font-size fs-sm-48 font-inter mt_auto\">\n            02        <\/div>\n                        <\/div>\n                                    <div class=\"swiper-slide slider__slide\">\n                        \n<div class=\"slide__title has-medium-font-size\">\n        <span class=\"r-image attachment-thumb size-thumb portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 80px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-structure-01.svg\" class=\"attachment-thumb size-thumb\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-structure-01.svg\"><\/span><\/span>    <h3 class=\"mt_2 font-heading fs-sm-28\">Website structure<\/h3>\n    <p class=\"fs-20 fs-sm-normal\">We based our UX design approach on the clinic&#8217;s core services, carefully planning how to present each step in an engaging and clear way.<\/p>\n<\/div>\n            <div class=\"slide__num has-large-font-size fs-sm-48 font-inter mt_auto\">\n            03        <\/div>\n                        <\/div>\n                                    <div class=\"swiper-slide slider__slide\">\n                        \n<div class=\"slide__title has-medium-font-size\">\n        <span class=\"r-image attachment-thumb size-thumb portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 80px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-testing-01.svg\" class=\"attachment-thumb size-thumb\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-testing-01.svg\"><\/span><\/span>    <h3 class=\"mt_2 font-heading fs-sm-28\">Testing<\/h3>\n    <p class=\"fs-20 fs-sm-normal\">We conducted multiple usability tests on the design concept and internal pages to ensure an optimal user experience.<\/p>\n<\/div>\n            <div class=\"slide__num has-large-font-size fs-sm-48 font-inter mt_auto\">\n            04        <\/div>\n                        <\/div>\n                            <\/div>\n            <div class=\"swiper-nav\">\n                <div class=\"swiper-scrollbar\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:64px\"><\/div>\n\n\n<div  class=\"section section--scrollable-img section--src-image \"> \n    <div class=\"section__bg bg-secondary pt--100 pb--100\">\n        \n<div  class=\"section section--header pb--150 pb-sm--32\">\n    <div class=\"container\">\n        <div class=\"section__text text d-flex d-flex--sb\">\n            \n                            <h2 class=\"text__heading mb_0 has-huge-font-size\">Sitemap<\/h2>\n                        \n            <p class=\"text__content\">\n                                    We outlined the current site structure, gathered hypotheses for improving the new site\u2019s functionality, and defined a vision for the new structure.                            <\/p>\n        <\/div>\n    <\/div>\n<\/div>        <div class=\"container\">\n            <div class=\"swiper\" data-module=\"Carousel\" data-space=\"0\" data-loop=\"false\" data-mode=\"free\" data-nav=\".swiper-nav\">\n                <div class=\"swiper-wrapper slider__slides\">\n                    <div class=\"swiper-slide slider__slide padding-0\">\n                        <div class=\"img-container\">\n                            <span class=\"r-image hide-sm landscape is-svg\" data-ratio=\"51.487710219922\"><span class=\"r-image-mask\" style=\"width: 1546px;padding-top: 51.487710219922%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1546\" height=\"796\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-sitemap-1.svg\" class=\"hide-sm\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-sitemap-1.svg\"><\/span><\/span>                            <span class=\"r-image hide-md hide-lg landscape is-svg\" data-ratio=\"55.859375\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 55.859375%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-sitemap-01-m.svg\" class=\"hide-md hide-lg\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-sitemap-01-m.svg\"><\/span><\/span>                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-nav\">\n                    <div class=\"swiper-scrollbar\"><\/div>\n                <\/div>\n            <\/div>\n                            <div class=\"img-legend d-flex\">\n                                            <div class=\"legend__item\"><span class=\"legend__item__color\" style=\"background-color: #000000\"><\/span><span class=\"legend__item__title\">Navigation<\/span><\/div>\n                                            <div class=\"legend__item\"><span class=\"legend__item__color\" style=\"background-color: #7e828e\"><\/span><span class=\"legend__item__title\">Procedures<\/span><\/div>\n                                            <div class=\"legend__item\"><span class=\"legend__item__color\" style=\"background-color: #fb5711\"><\/span><span class=\"legend__item__title\">Before &#038; After<\/span><\/div>\n                                            <div class=\"legend__item\"><span class=\"legend__item__color\" style=\"background-color: #4c66b6\"><\/span><span class=\"legend__item__title\">Testimonials<\/span><\/div>\n                                            <div class=\"legend__item\"><span class=\"legend__item__color\" style=\"background-color: #4ca9b6\"><\/span><span class=\"legend__item__title\">News<\/span><\/div>\n                                    <\/div>\n                        \n                        \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:64px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Page structure<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    We structured the pages to present information in a clear hierarchy, ensuring relevant details about each procedure are delivered effectively.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:32px\"><\/div>\n\n\n<div  class=\"section section--image \">\n\t<div class=\"container\">\n\t\t<div class=\"section--image__img\">\n\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"49.025974025974\"><span class=\"r-image-mask\" style=\"width: 3080px;padding-top: 49.025974025974%;\"><img loading=\"lazy\" decoding=\"async\" width=\"3080\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01.png 3080w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01-300x147.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01-1024x502.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01-768x377.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01-1536x753.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01-2048x1004.png 2048w\" sizes=\"(max-width: 3080px) 100vw, 3080px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-01.png\"><\/span><\/span>\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-001-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-001-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-001-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-001-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-001-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-001-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-001-m.png\"><\/span><\/span>\t\t<\/div>\n\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t<div class=\"section--image__label\">UI<\/div>\n\t\t\t<div class=\"section--image__title font-heading\">Procedure page<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:64px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Brand discovery &#038; deliverables<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    During the brand discovery stage, we defined the brand&#8217;s character and visual style. Based on this vision, we developed key visual identity elements and implemented the new style across all materials.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:30px\"><\/div>\n\n\n\n <div  class=\"section section--carousel slider default block-carousel\">\n    <div class=\"container\">\n        <div class=\"swiper\" data-module=\"Carousel\" data-space=\"30\" data-loop=\"false\" data-nav=\".swiper-nav\">\n            <div class=\"swiper-wrapper slider__slides\">\n                                    <div class=\"swiper-slide slider__slide\">\n                        \n<div class=\"slide__title has-medium-font-size\">\n        <span class=\"r-image attachment-thumb size-thumb portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 80px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-logo-adaptation-01.svg\" class=\"attachment-thumb size-thumb\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-logo-adaptation-01.svg\"><\/span><\/span>    <h3 class=\"mt_2 font-heading fs-sm-28\">Logo adaptation<\/h3>\n    <p class=\"fs-20 fs-sm-normal\">We adapted the logo for various formats and demonstrated how it can be used across a wide range of physical and digital formats.<\/p>\n<\/div>\n            <div class=\"slide__num has-large-font-size fs-sm-48 font-inter mt_auto\">\n            01        <\/div>\n                        <\/div>\n                                    <div class=\"swiper-slide slider__slide\">\n                        \n<div class=\"slide__title has-medium-font-size\">\n        <span class=\"r-image attachment-thumb size-thumb portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 80px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-graphic-elements-01.svg\" class=\"attachment-thumb size-thumb\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-graphic-elements-01.svg\"><\/span><\/span>    <h3 class=\"mt_2 font-heading fs-sm-28\">Graphic elements<\/h3>\n    <p class=\"fs-20 fs-sm-normal\">Developed key brand graphic elements, including illustrations, patterns, icons etc.<\/p>\n<\/div>\n            <div class=\"slide__num has-large-font-size fs-sm-48 font-inter mt_auto\">\n            02        <\/div>\n                        <\/div>\n                                    <div class=\"swiper-slide slider__slide\">\n                        \n<div class=\"slide__title has-medium-font-size\">\n        <span class=\"r-image attachment-thumb size-thumb portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 80px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-design-application-01.svg\" class=\"attachment-thumb size-thumb\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Wg-design-application-01.svg\"><\/span><\/span>    <h3 class=\"mt_2 font-heading fs-sm-28\">Design application<\/h3>\n    <p class=\"fs-20 fs-sm-normal\">Applied the new design principles across all branded materials, ensuring they were adapted to different formats for consistent representation across all applications.<\/p>\n<\/div>\n            <div class=\"slide__num has-large-font-size fs-sm-48 font-inter mt_auto\">\n            03        <\/div>\n                        <\/div>\n                            <\/div>\n            <div class=\"swiper-nav\">\n                <div class=\"swiper-scrollbar\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:64px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Custom icons<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    A set of custom icons was designed to introduce consistency, improve user experience and navigation across the clinic&#8217;s website.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:32px\"><\/div>\n\n\n<div  class=\"section section--image image-row \">\n\t<div class=\"container\">\n\t\t<div class=\"cols-1-1\">\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 755px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"755\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-a-1.svg\" class=\"hide-sm\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-a-1.svg\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait is-svg\" data-ratio=\"146.07703281027\"><span class=\"r-image-mask\" style=\"width: 701px;padding-top: 146.07703281027%;\"><img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-a-1-m.svg\" class=\"hide-md hide-lg\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-a-1-m.svg\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">Icon<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\">Construction<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm portrait is-svg\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 755px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"755\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-b-01.svg\" class=\"hide-sm\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-b-01.svg\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait is-svg\" data-ratio=\"146.07703281027\"><span class=\"r-image-mask\" style=\"width: 701px;padding-top: 146.07703281027%;\"><img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-b-1-m.svg\" class=\"hide-md hide-lg\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-icon-b-1-m.svg\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">Icons<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\">Surgical procedures<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:128px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Branded materials<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    Applied the new brand logo to physical materials, showcasing its integration with the refreshed visual style.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:32px\"><\/div>\n\n\n<div  class=\"section section--image \">\n\t<div class=\"container\">\n\t\t<div class=\"section--image__img\">\n\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"49.025974025974\"><span class=\"r-image-mask\" style=\"width: 3080px;padding-top: 49.025974025974%;\"><img loading=\"lazy\" decoding=\"async\" width=\"3080\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001.png 3080w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001-300x147.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001-1024x502.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001-768x377.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001-1536x753.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001-2048x1004.png 2048w\" sizes=\"(max-width: 3080px) 100vw, 3080px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-001.png\"><\/span><\/span>\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-01-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-01-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-01-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-01-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-01-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-01-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-01-m.png\"><\/span><\/span>\t\t<\/div>\n\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t<div class=\"section--image__label\">Branding<\/div>\n\t\t\t<div class=\"section--image__title font-heading\">Branded materials<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:64px\"><\/div>\n\n\n<div  class=\"section section--image image-row \">\n\t<div class=\"container\">\n\t\t<div class=\"cols-1-1\">\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-768x768.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-002-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">Branding<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\">Envelope<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-768x768.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-branding-003-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">Branding<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\">Blank<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:128px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Concept designs<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    Created staff uniform designs and select interior elements to elevate the overall brand experience.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:32px\"><\/div>\n\n\n<div  class=\"section section--image \">\n\t<div class=\"container\">\n\t\t<div class=\"section--image__img\">\n\t\t\t<span class=\"r-image hide-sm landscape is-svg\" data-ratio=\"49.025974025974\"><span class=\"r-image-mask\" style=\"width: 1540px;padding-top: 49.025974025974%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1540\" height=\"755\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-01.svg\" class=\"hide-sm\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-01.svg\"><\/span><\/span>\t\t\t<span class=\"r-image hide-md hide-lg portrait is-svg\" data-ratio=\"146.07703281027\"><span class=\"r-image-mask\" style=\"width: 701px;padding-top: 146.07703281027%;\"><img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-01-m.svg\" class=\"hide-md hide-lg\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-01-m.svg\"><\/span><\/span>\t\t<\/div>\n\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t<div class=\"section--image__label\">Concept<\/div>\n\t\t\t<div class=\"section--image__title font-heading\">Medical gown<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:64px\"><\/div>\n\n\n<div  class=\"section section--image \">\n\t<div class=\"container\">\n\t\t<div class=\"section--image__img\">\n\t\t\t<span class=\"r-image hide-sm landscape is-svg\" data-ratio=\"49.025974025974\"><span class=\"r-image-mask\" style=\"width: 1540px;padding-top: 49.025974025974%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1540\" height=\"755\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-02.svg\" class=\"hide-sm\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-02.svg\"><\/span><\/span>\t\t\t<span class=\"r-image hide-md hide-lg portrait is-svg\" data-ratio=\"146.07703281027\"><span class=\"r-image-mask\" style=\"width: 701px;padding-top: 146.07703281027%;\"><img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-02-m.svg\" class=\"hide-md hide-lg\" alt=\"\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-concept-02-m.svg\"><\/span><\/span>\t\t<\/div>\n\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t<div class=\"section--image__label\">Concept<\/div>\n\t\t\t<div class=\"section--image__title font-heading\">Office sign<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:128px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Interface design &#038; enhanced user experience<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    The website follows a minimalist approach to ensure that all information about the procedures is concise and easy to understand.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:32px\"><\/div>\n\n\n<div  class=\"section section--image \">\n\t<div class=\"container\">\n\t\t<div class=\"section--image__img\">\n\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"49.025974025974\"><span class=\"r-image-mask\" style=\"width: 3080px;padding-top: 49.025974025974%;\"><img loading=\"lazy\" decoding=\"async\" width=\"3080\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02.png 3080w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-300x147.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-1024x502.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-768x377.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-1536x753.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-2048x1004.png 2048w\" sizes=\"(max-width: 3080px) 100vw, 3080px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02.png\"><\/span><\/span>\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-02-m.png\"><\/span><\/span>\t\t<\/div>\n\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t<div class=\"section--image__label\">UI<\/div>\n\t\t\t<div class=\"section--image__title font-heading\">Main page<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:64px\"><\/div>\n\n\n<div  class=\"section section--image \">\n\t<div class=\"container\">\n\t\t<div class=\"section--image__img\">\n\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"49.025974025974\"><span class=\"r-image-mask\" style=\"width: 3080px;padding-top: 49.025974025974%;\"><img loading=\"lazy\" decoding=\"async\" width=\"3080\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03.png 3080w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-300x147.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-1024x502.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-768x377.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-1536x753.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-2048x1004.png 2048w\" sizes=\"(max-width: 3080px) 100vw, 3080px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03.png\"><\/span><\/span>\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-03-m.png\"><\/span><\/span>\t\t<\/div>\n\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t<div class=\"section--image__label\">UI<\/div>\n\t\t\t<div class=\"section--image__title font-heading\">About<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:64px\"><\/div>\n\n\n<div  class=\"section section--image image-row \">\n\t<div class=\"container\">\n\t\t<div class=\"cols-1-1\">\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-768x768.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-04-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">UI<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\">Procedures<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1510\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-768x768.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-UI-05-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_2\">\n\t\t\t\t\t<div class=\"section--image__label\">UI<\/div>\n\t\t\t\t\t<div class=\"section--image__title font-heading\">Main<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:128px\"><\/div>\n\n\n\n<div  class=\"section section--header \">\n    <div class=\"container\">\n\t    <div class=\"section__text text d-flex d-flex--sb\">\n            \n\t\t                    <h2 class=\"text__heading mb_0 has-large-font-size\">Vector illustrations for webpage sections<\/h2>\n            \t\t    \n\t\t    <p class=\"text__content\">\n\t\t\t    \t\t\t\t    In order to visually enhance and diversify the website, we created illustrations that help users better understand the information related to surgical procedures.\t\t\t                    \t\t    <\/p>\n\t    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:32px\"><\/div>\n\n\n\n <div  class=\"section section--carousel section--carousel-images slider \">\n    <div class=\"container\">\n        <div class=\"swiper\" data-module=\"Carousel\" data-space=\"30\" data-loop=\"false\" data-nav=\".swiper-nav\">\n            <div class=\"swiper-wrapper slider__slides\">\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01-1536x1536.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01-2048x2048.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-01.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02-1536x1536.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02-2048x2048.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-02.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03-1536x1536.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03-2048x2048.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-03.png\"><\/span><\/span>\t                    <\/div>\n                                    <div class=\"swiper-slide carousel__item \">\n                        <span class=\"r-image  portrait\" data-ratio=\"100\"><span class=\"r-image-mask\" style=\"width: 1024px;padding-top: 100%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04-1024x1024.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04-1024x1024.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04-300x300.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04-150x150.png 150w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04-768x768.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04-1536x1536.png 1536w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04-2048x2048.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-illustration-04.png\"><\/span><\/span>\t                    <\/div>\n                            <\/div>\n            <div class=\"swiper-nav\">\n                <div class=\"swiper-scrollbar\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:200px;--spacer-height-mobile:128px\"><\/div>\n\n\n\n<div class=\"section section--text-image\">\n    <div class=\"container\">\n        <div class=\"cols-1-1 text-image--block light-mode\">\n            <div class=\"col col--text \">\n                <div class=\"col-content d-flex-col\">\n                    <h3 class=\"has-huge-font-size fs-sm-34 mb_0\">Responsive layout<\/h3>\n                    <p class=\"mt_5 mt-sm--0 mb_3 mb-sm--32\">We designed layouts specifically for desktops, tablets, and smartphones to ensure consistent user experience across all devices.<\/p>\n                                                        <\/div>\n            <\/div>\n            <div class=\"col col--image \">\n\t\t\t\t<span class=\"r-image  portrait\" data-ratio=\"121.77419354839\"><span class=\"r-image-mask\" style=\"width: 2480px;padding-top: 121.77419354839%;\"><img loading=\"lazy\" decoding=\"async\" width=\"2480\" height=\"3020\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01.png\" class=\"\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01.png 2480w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01-246x300.png 246w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01-841x1024.png 841w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01-768x935.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01-1261x1536.png 1261w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01-1682x2048.png 1682w\" sizes=\"(max-width: 2480px) 100vw, 2480px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-design-01.png\"><\/span><\/span>\t\t\t\t                            <\/div>\n            \n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:100px;--spacer-height-mobile:64px\"><\/div>\n\n\n<div  class=\"section section--image image-row \">\n\t<div class=\"container\">\n\t\t<div class=\"cols-1-1\">\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"66.225165562914\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 66.225165562914%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1000\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-300x199.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-1024x678.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-768x509.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-01-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_3 mt-sm--20 font-heading has-medium-font-size fs-sm-28 d-flex--center\">About<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"66.225165562914\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 66.225165562914%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1000\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-300x199.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-1024x678.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-768x509.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-02-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_3 mt-sm--20 font-heading has-medium-font-size fs-sm-28 d-flex--center\">Procedures<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:60px;--spacer-height-mobile:64px\"><\/div>\n\n\n<div  class=\"section section--image image-row \">\n\t<div class=\"container\">\n\t\t<div class=\"cols-1-1\">\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"66.225165562914\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 66.225165562914%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1000\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-300x199.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-1024x678.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-768x509.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-03-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_3 mt-sm--20 font-heading has-medium-font-size fs-sm-28 d-flex--center\">Testimonias<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"col\">\n\t\t\t\t<div class=\"section--image__img\">\n\t\t\t\t\t<span class=\"r-image hide-sm landscape\" data-ratio=\"66.225165562914\"><span class=\"r-image-mask\" style=\"width: 1510px;padding-top: 66.225165562914%;\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"1000\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04.png\" class=\"hide-sm\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04.png 1510w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-300x199.png 300w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-1024x678.png 1024w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-768x509.png 768w\" sizes=\"(max-width: 1510px) 100vw, 1510px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04.png\"><\/span><\/span>\t\t\t\t\t<span class=\"r-image hide-md hide-lg portrait\" data-ratio=\"145.86894586895\"><span class=\"r-image-mask\" style=\"width: 702px;padding-top: 145.86894586895%;\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-m-702x1024.png\" class=\"hide-md hide-lg\" alt=\"\" srcset=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-m-702x1024.png 702w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-m-206x300.png 206w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-m-768x1120.png 768w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-m-1054x1536.png 1054w, https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-m.png 1372w\" sizes=\"(max-width: 702px) 100vw, 702px\"  data-wrapped=\"yes\" data-url-full=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Mok-responsive-04-m.png\"><\/span><\/span>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"section--image__caption mt_3 mt-sm--20 font-heading has-medium-font-size fs-sm-28 d-flex--center\">Procedure page<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n<div class=\"wp-block-custom-spacer custom-spacer\" style=\"--spacer-height-desktop:150px;--spacer-height-mobile:96px\"><\/div>\n","protected":false},"featured_media":2636,"template":"","meta":{"inline_featured_image":false},"project_cat":[21,16,19,15,14,17],"project_year":[31],"project_industry":[47],"class_list":["post-1063","project","type-project","status-publish","has-post-thumbnail","hentry","project_cat-branding","project_cat-development","project_cat-logo","project_cat-user-interface-design","project_cat-user-experience-design","project_cat-web-design","project_year-31","project_industry-health"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dr. David Mok - Webgamma<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dr. David Mok - Webgamma\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/\" \/>\n<meta property=\"og:site_name\" content=\"Webgamma\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1973\" \/>\n\t<meta property=\"og:image:height\" content=\"2444\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/\",\"url\":\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/\",\"name\":\"Dr. David Mok - Webgamma\",\"isPartOf\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-04.png\",\"datePublished\":\"2024-09-13T03:20:09+00:00\",\"dateModified\":\"2024-12-21T19:03:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#primaryimage\",\"url\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-04.png\",\"contentUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-04.png\",\"width\":1972,\"height\":2320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webgamma.dev\/wg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\/\/webgamma.dev\/wg\/projects\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dr. David Mok\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webgamma.dev\/wg\/#website\",\"url\":\"https:\/\/webgamma.dev\/wg\/\",\"name\":\"Webgamma\",\"description\":\"Digital product design agency\",\"publisher\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webgamma.dev\/wg\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webgamma.dev\/wg\/#organization\",\"name\":\"Webgamma\",\"url\":\"https:\/\/webgamma.dev\/wg\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg\",\"contentUrl\":\"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg\",\"width\":47,\"height\":30,\"caption\":\"Webgamma\"},\"image\":{\"@id\":\"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dr. David Mok - Webgamma","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Dr. David Mok - Webgamma","og_url":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/","og_site_name":"Webgamma","og_image":[{"width":1973,"height":2444,"url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-01.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/","url":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/","name":"Dr. David Mok - Webgamma","isPartOf":{"@id":"https:\/\/webgamma.dev\/wg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#primaryimage"},"image":{"@id":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#primaryimage"},"thumbnailUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-04.png","datePublished":"2024-09-13T03:20:09+00:00","dateModified":"2024-12-21T19:03:45+00:00","breadcrumb":{"@id":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#primaryimage","url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-04.png","contentUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/09\/Dr-mok-project-card-04.png","width":1972,"height":2320},{"@type":"BreadcrumbList","@id":"https:\/\/webgamma.dev\/wg\/project\/web-design-and-branding-for-dr-david-mok\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webgamma.dev\/wg\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/webgamma.dev\/wg\/projects\/"},{"@type":"ListItem","position":3,"name":"Dr. David Mok"}]},{"@type":"WebSite","@id":"https:\/\/webgamma.dev\/wg\/#website","url":"https:\/\/webgamma.dev\/wg\/","name":"Webgamma","description":"Digital product design agency","publisher":{"@id":"https:\/\/webgamma.dev\/wg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webgamma.dev\/wg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-CA"},{"@type":"Organization","@id":"https:\/\/webgamma.dev\/wg\/#organization","name":"Webgamma","url":"https:\/\/webgamma.dev\/wg\/","logo":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/","url":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg","contentUrl":"https:\/\/webgamma.dev\/wg\/wp-content\/uploads\/2024\/05\/Webgamma-logo-b-01.svg","width":47,"height":30,"caption":"Webgamma"},"image":{"@id":"https:\/\/webgamma.dev\/wg\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project\/1063"}],"collection":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/media\/2636"}],"wp:attachment":[{"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/media?parent=1063"}],"wp:term":[{"taxonomy":"project_cat","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_cat?post=1063"},{"taxonomy":"project_year","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_year?post=1063"},{"taxonomy":"project_industry","embeddable":true,"href":"https:\/\/webgamma.dev\/wg\/wp-json\/wp\/v2\/project_industry?post=1063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}