{"id":1847,"date":"2025-08-07T11:37:35","date_gmt":"2025-08-07T04:37:35","guid":{"rendered":"https:\/\/boldlabelagency.com\/?post_type=portfolio&#038;p=1847"},"modified":"2026-05-18T11:31:25","modified_gmt":"2026-05-18T04:31:25","slug":"sushi-website-design-singapore-hanabi","status":"publish","type":"portfolio","link":"https:\/\/boldlabelagency.com\/mm\/portfolio\/sushi-website-design-singapore-hanabi\/","title":{"rendered":"Hanabi"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"1847\" class=\"elementor elementor-1847\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f9189ff e-con-full e-flex e-con e-parent\" data-id=\"7f9189ff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-7f39235b e-con-full e-flex e-con e-child\" data-id=\"7f39235b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7da206bd elementor-widget elementor-widget-image\" data-id=\"7da206bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"420\" src=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-1024x537.jpg\" class=\"attachment-large size-large wp-image-7692\" alt=\"\" srcset=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-1024x537.jpg 1024w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-620x325.jpg 620w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-768x403.jpg 768w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-1536x805.jpg 1536w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-2048x1074.jpg 2048w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-18x9.jpg 18w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Rectangle-Mockup-2-rename-resize-600x315.jpg 600w\" sizes=\"(max-width: 800px) 100vw, 800px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71d107f7 e-con-full e-flex e-con e-child\" data-id=\"71d107f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76adaf10 elementor-widget elementor-widget-heading\" data-id=\"76adaf10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">First Impression as the Brief<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0a214b elementor-widget elementor-widget-text-editor\" data-id=\"a0a214b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"148\" data-end=\"419\">Hanabi is a Singaporean sushi kitchen that delivers sushi to customers\u2019 doorsteps. The project goal was to create a memorable first impression and a distinct website experience from the first visit.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6abc4d0 e-con-full e-flex e-con e-child\" data-id=\"6abc4d0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5f6f83 elementor-widget elementor-widget-image\" data-id=\"7a5f6f83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"420\" src=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-1024x537.png\" class=\"attachment-large size-large wp-image-7694\" alt=\"\" srcset=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-1024x537.png 1024w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-620x325.png 620w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-768x403.png 768w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-1536x805.png 1536w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-2048x1073.png 2048w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-18x9.png 18w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/Multi-Screens-2.1-600x314.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f4bf25e e-con-full e-flex e-con e-child\" data-id=\"6f4bf25e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10df8f38 elementor-widget elementor-widget-heading\" data-id=\"10df8f38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Restaurant Atmosphere, Reframed Online<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e56cc21 elementor-widget elementor-widget-text-editor\" data-id=\"5e56cc21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"148\" data-end=\"419\">The concept was inspired by sushi restaurants that use conveyor belts or floating dish systems across the room. We translated that physical dining reference into the website experience to make the interaction feel recognizable and specific to the brand.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ec49a2 e-con-full e-flex e-con e-child\" data-id=\"7ec49a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-495440fe elementor-widget elementor-widget-image\" data-id=\"495440fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-1024x768.png\" class=\"attachment-large size-large wp-image-7072\" alt=\"\" srcset=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-1024x768.png 1024w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-551x413.png 551w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-768x576.png 768w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-1536x1152.png 1536w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-2048x1536.png 2048w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-16x12.png 16w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/shop-mockup-600x450.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aecf6c8 e-con-full e-flex e-con e-child\" data-id=\"aecf6c8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7888fce elementor-widget elementor-widget-image\" data-id=\"7888fce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-1024x768.png\" class=\"attachment-large size-large wp-image-7073\" alt=\"\" srcset=\"https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-1024x768.png 1024w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-551x413.png 551w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-768x576.png 768w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-1536x1152.png 1536w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-2048x1536.png 2048w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-16x12.png 16w, https:\/\/boldlabelagency.com\/wp-content\/uploads\/2025\/08\/cart-mockup-600x450.png 600w\" sizes=\"(max-width: 800px) 100vw, 800px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62a55ca7 e-con-full e-flex e-con e-child\" data-id=\"62a55ca7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c786ac5 elementor-widget elementor-widget-heading\" data-id=\"4c786ac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conveyor Belt as the Landing Interaction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f44284b elementor-widget elementor-widget-text-editor\" data-id=\"f44284b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"148\" data-end=\"419\">We created an interactive animated sushi conveyor belt on the landing page. The motion system was designed to resemble the in-restaurant conveyor belt experience and carry that idea into the digital entry point.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ae87977 e-con-full e-flex e-con e-child\" data-id=\"6ae87977\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48d2426 elementor-widget elementor-widget-jet-video\" data-id=\"48d2426\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jet-video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-jet-video jet-elements\">\n<div class=\"jet-video jet-video--fa5-compat jet-video-aspect-ratio jet-video-aspect-ratio--16-9\" data-settings=\"{&quot;lightbox&quot;:false,&quot;autoplay&quot;:false}\"><iframe class=\"jet-video-iframe\" allowfullscreen allow=\"autoplay;encrypted-media\" title=\"youtube Video Player\" data-lazy-load=\"https:\/\/www.youtube.com\/embed\/tlxeH09ezCY?feature=oembed&amp;start&amp;end&amp;wmode=opaque&amp;autoplay=0&amp;loop=0&amp;controls=1&amp;mute=0&amp;rel=0&amp;modestbranding=0\" data-no-translation-title=\"\"><\/iframe>\n<div class=\"jet-video__overlay jet-video__overlay--custom-bg\" style=\"background-image: url(https:\/\/i.ytimg.com\/vi_webp\/tlxeH09ezCY\/maxresdefault.webp);\">\n<div class=\"jet-video__play-button\" role=\"button\" tabindex=\"0\" aria-label=\"Video play button\"><span class=\"jet-elements-icon jet-video__play-button-icon\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-play\" viewbox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg><\/span>\t<span class=\"elementor-screen-only\" data-no-translation=\"\" data-trp-gettext=\"\">Play Video<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SINGAPORE SUSHI KITCHEN WEBSITE WITH AN INTERACTIVE ANIMATED LANDING PAGE.<\/p>","protected":false},"featured_media":5872,"template":"elementor_theme","categories":[67,25],"website-categories":[79],"class_list":["post-1847","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","category-elementor-pro","category-website-development","website-categories-ecommerce-websites"],"_links":{"self":[{"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/portfolio\/1847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":22,"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/portfolio\/1847\/revisions"}],"predecessor-version":[{"id":7697,"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/portfolio\/1847\/revisions\/7697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/media\/5872"}],"wp:attachment":[{"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/media?parent=1847"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/categories?post=1847"},{"taxonomy":"website-categories","embeddable":true,"href":"https:\/\/boldlabelagency.com\/mm\/wp-json\/wp\/v2\/website-categories?post=1847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}