{"id":809,"date":"2022-10-21T03:54:29","date_gmt":"2022-10-21T03:54:29","guid":{"rendered":"http:\/\/danamariadesign.com\/?post_type=jetpack-portfolio&#038;p=809"},"modified":"2022-10-21T03:56:46","modified_gmt":"2022-10-21T03:56:46","slug":"ux-case-study-for-angkor-treasures-website","status":"publish","type":"jetpack-portfolio","link":"http:\/\/danamariadesign.com\/?portfolio=ux-case-study-for-angkor-treasures-website","title":{"rendered":"UX Case Study for Angkor Treasures Website"},"content":{"rendered":"\n<p><strong>The challenge<\/strong><br>I was commissioned to design a logo for Angkor Treasures, a retail business that sells Cambodian scarves. Initially, the shop operated as a Facebook page with the goal of becoming an e-commerce website. I gathered insight from customer&#8217;s shopping experiences and went to work on designing a website as a personal project.<\/p>\n\n\n\n<p><strong>My Process<\/strong><br>My first area of focus was the customer. After I gained a better understanding of who the shoppers are and why they&#8217;re shopping, I created a user persona. Ideally, I would have liked to create multiple personas. However, the business was new and I only had a small group of customers to learn from. One user persona was sufficient for the primary focus of this project. I referred to it as I developed a solution for a smoother checkout process.<\/p>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona.jpg\" alt=\"\" class=\"wp-image-816\" width=\"600\" height=\"638\" srcset=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona.jpg 2400w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona-282x300.jpg 282w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona-964x1024.jpg 964w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona-768x816.jpg 768w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona-1446x1536.jpg 1446w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona-1928x2048.jpg 1928w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona-720x765.jpg 720w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_ux-persona-820x871.jpg 820w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p>Next, I observed and gathered feedback from a customer making a purchase. I created a journey map to identify areas that could be improved in the online shopping experience. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"2560\" height=\"1813\" src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-scaled.jpg\" alt=\"\" class=\"wp-image-817\" srcset=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-scaled.jpg 2560w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-300x213.jpg 300w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-1024x725.jpg 1024w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-768x544.jpg 768w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-1536x1088.jpg 1536w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-2048x1451.jpg 2048w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-720x510.jpg 720w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/07\/AT_UserJourneyMap-820x581.jpg 820w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<ul><li>The biggest opportunity I saw was that a website would bring the business an increase in new and unique customers. As a Facebook page, the business could only reach customers that had a Facebook account or were willing to create one.<\/li><li>Many customers were confused by the checkout process and were unclear on how to add a product to their shopping cart. I reviewed other retailer websites for ideas on how to make the process easier and quicker.<\/li><li>A customer commented that a scarf they bought was not in the color they had expected upon receiving it. I recommended product descriptions that included the color of scarves.<\/li><li>One customer was very impressed by the high quality and intricate pattern of a scarf. They said the images of the scarves online didn&#8217;t do the actual product any justice. I suggested adding in a functionality for zooming into an image so that the user could view details of scarf.<\/li><\/ul>\n\n\n\n<p><strong>Project Highlights<\/strong><br><em>User flow chart with wireframes:<\/em> I outlined a new checkout process.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"2560\" height=\"1813\" src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-scaled.jpg\" alt=\"\" class=\"wp-image-840\" srcset=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-scaled.jpg 2560w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-300x213.jpg 300w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-1024x725.jpg 1024w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-768x544.jpg 768w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-1536x1088.jpg 1536w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-2048x1451.jpg 2048w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-720x510.jpg 720w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/08\/AT_UserFlowChart-820x581.jpg 820w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p><em>High-fidelity user interface design:<\/em> I designed main screens, and established typography and color scheme. I looked at other retail websites, such as <a rel=\"noreferrer noopener\" href=\"https:\/\/www.express.com\/\" target=\"_blank\">Express.com<\/a> and <a rel=\"noreferrer noopener\" href=\"https:\/\/us.loisjeanstore.com\/\" target=\"_blank\">us.loisjeanstore.com<\/a> for inspiration. Angkor Treasures has unique story that I thought was important to share on an About Us page. <\/p>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" width=\"2481\" height=\"1860\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-859\" data-id=\"859\" src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile.jpg\" srcset=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile.jpg 2481w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile-300x225.jpg 300w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile-1024x768.jpg 1024w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile-768x576.jpg 768w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile-1536x1152.jpg 1536w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile-2048x1535.jpg 2048w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile-720x540.jpg 720w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-mobile-820x615.jpg 820w\" sizes=\"(max-width: 2481px) 100vw, 2481px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Homepage for mobile<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" width=\"2481\" height=\"1860\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-863\" data-id=\"863\" src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1.jpg\" srcset=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1.jpg 2481w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1-300x225.jpg 300w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1-1024x768.jpg 1024w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1-768x576.jpg 768w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1-1536x1152.jpg 1536w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1-2048x1535.jpg 2048w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1-720x540.jpg 720w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_Homepage-desktop-1-820x615.jpg 820w\" sizes=\"(max-width: 2481px) 100vw, 2481px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Homepage for desktop<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\"><div class=\"wp-block-jetpack-slideshow_container swiper-container\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" width=\"1024\" height=\"768\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-848\" data-id=\"848\" src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-1024x768.jpg\" srcset=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-1024x768.jpg 1024w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-300x225.jpg 300w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-768x576.jpg 768w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-1536x1152.jpg 1536w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-2048x1535.jpg 2048w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-720x540.jpg 720w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-mobile-820x615.jpg 820w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">About Us page for mobile<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img loading=\"lazy\" width=\"1024\" height=\"768\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-849\" data-id=\"849\" src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-1024x768.jpg\" srcset=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-1024x768.jpg 1024w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-300x225.jpg 300w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-768x576.jpg 768w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-1536x1152.jpg 1536w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-2048x1535.jpg 2048w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-720x540.jpg 720w, http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/09\/AT_AboutUs-desktop-820x615.jpg 820w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">About Us page for desktop<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div>\n\n\n\n<p><em>High-fidelity prototype:<\/em> I created an interactive prototype using Adobe XD to simulate how a customer would shop and make a purchase on the new website. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/danamariadesign.com\/wp-content\/uploads\/2022\/10\/AT_prototype-recording.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The challengeI was commissioned to design a logo for Angkor Treasures, a retail business that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":859,"comment_status":"closed","ping_status":"closed","template":"post-templates\/post_nosidebar.php","format":"standard","meta":{"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"jetpack-portfolio-type":[40],"jetpack-portfolio-tag":[],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/danamariadesign.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/809"}],"collection":[{"href":"http:\/\/danamariadesign.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"http:\/\/danamariadesign.com\/index.php?rest_route=\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"http:\/\/danamariadesign.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/danamariadesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=809"}],"version-history":[{"count":22,"href":"http:\/\/danamariadesign.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/809\/revisions"}],"predecessor-version":[{"id":870,"href":"http:\/\/danamariadesign.com\/index.php?rest_route=\/wp\/v2\/jetpack-portfolio\/809\/revisions\/870"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/danamariadesign.com\/index.php?rest_route=\/wp\/v2\/media\/859"}],"wp:attachment":[{"href":"http:\/\/danamariadesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=809"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"http:\/\/danamariadesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-type&post=809"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"http:\/\/danamariadesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fjetpack-portfolio-tag&post=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}