{"id":621,"date":"2023-03-11T07:50:34","date_gmt":"2023-03-11T00:50:34","guid":{"rendered":"https:\/\/produck.click\/?post_type=rara-portfolio&#038;p=621"},"modified":"2026-02-04T15:14:28","modified_gmt":"2026-02-04T08:14:28","slug":"hotel-booking-website","status":"publish","type":"rara-portfolio","link":"https:\/\/produck.click\/index.php\/portfolio\/hotel-booking-website\/","title":{"rendered":"Hotel Booking Website"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:#e3e3e3;color:#e3e3e3\"\/>\n\n\n\n<h3>1. Project Overview<\/h3>\n\n\n\n<p><strong>Type:<\/strong> Hotel Booking Website<br><strong>Year:<\/strong><br><strong>Role:<\/strong> UI \/ Visual Designer<br><strong>Tools:<\/strong> Adobe Photoshop<\/p>\n\n\n\n<h3>2. Design Goals \u2013 At That Time<\/h3>\n\n\n\n<p>M\u1ee5c ti\u00eau c\u1ee7a d\u1ef1 \u00e1n l\u00e0 t\u1ea1o m\u1ed9t trang ch\u1ee7 mang c\u1ea3m x\u00fac <strong>ngh\u1ec9 d\u01b0\u1ee1ng cao c\u1ea5p<\/strong>, truy\u1ec1n t\u1ea3i kh\u00f4ng kh\u00ed th\u01b0 gi\u00e3n \u2013 du l\u1ecbch \u2013 tr\u1ea3i nghi\u1ec7m v\u00e0 h\u1ed7 tr\u1ee3 h\u00e0nh vi booking ngay t\u1eeb l\u1ea7n nh\u00ecn \u0111\u1ea7u ti\u00ean. Thi\u1ebft k\u1ebf t\u1eadp trung v\u00e0o <strong>visual storytelling<\/strong>, \u0111\u00f3ng vai tr\u00f2 nh\u01b0 landing page gi\u1edbi thi\u1ec7u th\u01b0\u01a1ng hi\u1ec7u kh\u00e1ch s\u1ea1n, trong b\u1ed1i c\u1ea3nh UX ch\u01b0a \u0111\u01b0\u1ee3c \u0111o l\u01b0\u1eddng b\u1eb1ng d\u1eef li\u1ec7u.<\/p>\n\n\n\n<h3>3. Design Focus<\/h3>\n\n\n\n<ul>\n<li><strong>Hero &amp; emotional visual impact (\u1ea5n t\u01b0\u1ee3ng th\u1ecb gi\u00e1c):<\/strong> S\u1eed d\u1ee5ng \u1ea3nh full-width l\u1edbn, \u00e1nh s\u00e1ng t\u1ef1 nhi\u00ean v\u00e0 b\u1ed1 c\u1ee5c tho\u00e1ng \u0111\u1ec3 t\u1ea1o c\u1ea3m gi\u00e1c \u201cresort\u201d ngay khi v\u00e0o trang.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Content-led layout (d\u1eabn d\u1eaft n\u1ed9i dung):<\/strong> Trang ch\u1ee7 \u0111\u01b0\u1ee3c chia th\u00e0nh c\u00e1c section r\u00f5 r\u00e0ng, d\u1eabn ng\u01b0\u1eddi xem \u0111i qua c\u00e2u chuy\u1ec7n: gi\u1edbi thi\u1ec7u -&gt; tr\u1ea3i nghi\u1ec7m -&gt; \u0111i\u1ec3m \u0111\u1ebfn -&gt; \u01b0u \u0111\u00e3i -&gt; c\u1ea3m nh\u1eadn kh\u00e1ch h\u00e0ng.<\/li>\n<\/ul>\n\n\n\n<ul>\n<li><strong>Brand tone &amp; lifestyle mood:<\/strong> M\u00e0u s\u1eafc d\u1ecbu, typography nh\u1eb9, kho\u1ea3ng tr\u1eafng r\u1ed9ng nh\u1eb1m nh\u1ea5n m\u1ea1nh c\u1ea3m gi\u00e1c th\u01b0 gi\u00e3n, sang tr\u1ecdng v\u00e0 g\u1ea7n g\u0169i v\u1edbi du l\u1ecbch ngh\u1ec9 d\u01b0\u1ee1ng.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1616\" height=\"1264\" src=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-1-3.jpg\" alt=\"\" class=\"wp-image-628\" srcset=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-1-3.jpg 1616w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-1-3-300x235.jpg 300w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-1-3-1024x801.jpg 1024w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-1-3-768x601.jpg 768w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-1-3-1536x1201.jpg 1536w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-1-3-77x60.jpg 77w\" sizes=\"(max-width: 1616px) 100vw, 1616px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1616\" height=\"1264\" src=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-2.jpg\" alt=\"\" class=\"wp-image-625\" srcset=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-2.jpg 1616w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-2-300x235.jpg 300w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-2-1024x801.jpg 1024w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-2-768x601.jpg 768w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-2-1536x1201.jpg 1536w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-2-77x60.jpg 77w\" sizes=\"(max-width: 1616px) 100vw, 1616px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"683\" src=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-cover-1024x683.jpg\" alt=\"\" class=\"wp-image-622\" srcset=\"https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-cover-1024x683.jpg 1024w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-cover-300x200.jpg 300w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-cover-768x512.jpg 768w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-cover-1536x1024.jpg 1536w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-cover-90x60.jpg 90w, https:\/\/produck.click\/wp-content\/uploads\/2023\/03\/hotel-booking-cover.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Project Overview Type: Hotel Booking WebsiteYear:Role: UI \/ Visual DesignerTools: Adobe Photoshop 2. Design Goals \u2013 At That Time M\u1ee5c ti\u00eau c\u1ee7a d\u1ef1 \u00e1n l\u00e0 t\u1ea1o m\u1ed9t trang ch\u1ee7 mang c\u1ea3m x\u00fac ngh\u1ec9 d\u01b0\u1ee1ng cao c\u1ea5p, truy\u1ec1n t\u1ea3i kh\u00f4ng kh\u00ed th\u01b0 gi\u00e3n \u2013 du l\u1ecbch \u2013 tr\u1ea3i nghi\u1ec7m v\u00e0 h\u1ed7 tr\u1ee3 h\u00e0nh vi booking &hellip; <\/p>\n","protected":false},"author":1,"featured_media":652,"comment_status":"closed","ping_status":"closed","template":"","rara_portfolio_categories":[10],"_links":{"self":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/rara-portfolio\/621"}],"collection":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/rara-portfolio"}],"about":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/types\/rara-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/comments?post=621"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/media\/652"}],"wp:attachment":[{"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/media?parent=621"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/produck.click\/index.php\/wp-json\/wp\/v2\/rara_portfolio_categories?post=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}