{"id":364,"date":"2025-07-16T22:12:32","date_gmt":"2025-07-16T22:12:32","guid":{"rendered":"https:\/\/designer.chanchalpt.com\/?page_id=364"},"modified":"2025-07-18T05:06:29","modified_gmt":"2025-07-18T05:06:29","slug":"vela-azul-fictional-resort-web-design","status":"publish","type":"page","link":"https:\/\/designer.chanchalpt.com\/index.php\/vela-azul-fictional-resort-web-design\/","title":{"rendered":"Vela Azul \u2013 Fictional Resort Web Design"},"content":{"rendered":"[vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#5b8c9e” scene_position=”center” top_padding=”100″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” top_margin=”100″ bottom_margin=”150″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”2\/3″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” column_link=”https:\/\/designer.chanchalpt.com\/” gradient_type=”default”][nectar_icon icon_family=”fontawesome” icon_style=”default” icon_color_type=”color_scheme” icon_color=”Accent-Color” icon_padding=”20px” pointer_events=”all”]
<\/i> <\/div>
\n

Back to Home<\/p>\n <\/div>

<\/div><\/div>[\/vc_column_inner][\/vc_row_inner][split_line_heading animation_type=”line-reveal-by-space” font_style=”h2″ text_color=”#ffffff” line_reveal_by_space_text_effect=”default” content_alignment=”default” mobile_content_alignment=”inherit” link_target=”_self” text_content=”Vela Azul \u2013 Fictional Resort Web Design”]\n

Red Bistro Restaurant Website Design<\/h1>\n[\/split_line_heading][divider line_type=”No Line” custom_height=”10″][split_line_heading animation_type=”line-reveal-by-space” font_style=”h4″ text_color=”#ffffff” line_reveal_by_space_text_effect=”letter-reveal-bottom” stagger_animation=”true” content_alignment=”default” mobile_content_alignment=”inherit” link_target=”_self” text_content=”Unfold the tranquil elegance of a coastal escape through this resort website concept. A seamless blend of storytelling, design systems, and visual rhythm brings the Vela Azul experience to life \u2014 where ocean calm meets modern interface.” animation_delay=”1000″][\/split_line_heading][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” top_margin=”100″ bottom_margin=”150″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][\/vc_column][\/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” column_margin=”default” equal_height=”yes” content_placement=”middle” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#e4f1f3″ scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”10px” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/12″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default” offset=”vc_hidden-md vc_hidden-sm vc_hidden-xs”][vc_column_text]\n

S<\/h2>\n

C<\/h2>\n

R<\/h2>\n

O<\/h2>\n

L<\/h2>\n

L<\/h2>\n

 <\/p>\n

over<\/h4>\n

this<\/h4>\n

image<\/h4>\n[\/vc_column_text][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” translate_y=”-75″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”10\/12″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][vc_raw_html]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjc1MCUyMiUzQiUyMHNyYyUzRCUyMmh0dHBzJTNBJTJGJTJGZW1iZWQuZmlnbWEuY29tJTJGcHJvdG8lMkZlR1A4VmJyMnNQSlZwanJmNXgxbnE1JTJGVW50aXRsZWQlM0ZwYWdlLWlkJTNEMCUyNTNBMSUyNm5vZGUtaWQlM0Q5NS0xNDQlMjZ2aWV3cG9ydCUzRDEyNDclMjUyQzM4NiUyNTJDMC4yOCUyNnNjYWxpbmclM0RtaW4tem9vbSUyNmNvbnRlbnQtc2NhbGluZyUzRGZpeGVkJTI2ZW1iZWQtaG9zdCUzRHNoYXJlJTIyJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNF[\/vc_raw_html][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/12″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default” offset=”vc_hidden-md vc_hidden-sm vc_hidden-xs”][vc_column_text]\n

S<\/h2>\n

C<\/h2>\n

R<\/h2>\n

O<\/h2>\n

L<\/h2>\n

L<\/h2>\n

 <\/p>\n

over<\/h4>\n

this<\/h4>\n

image<\/h4>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”90px” equal_height=”yes” content_placement=”middle” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#5b8c9e” scene_position=”center” top_padding_tablet=”8%” bottom_padding_tablet=”8%” left_padding_tablet=”8%” constrain_group_4=”yes” right_padding_tablet=”8%” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” id=”home” overlay_strength=”0.5″ gradient_direction=”top_to_bottom” shape_divider_position=”bottom” bg_image_animation=”none” shape_type=”straight_section” gradient_type=”default”][vc_column column_padding=”padding-10-percent” column_padding_tablet=”no-extra-padding” column_padding_phone=”no-extra-padding” column_padding_position=”right” top_margin=”100″ constrain_group_1=”yes” bottom_margin=”100″ column_element_direction_desktop=”default” column_element_spacing=”10px” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” zindex=”100″ gradient_direction=”left_t_to_right_b” overlay_strength=”0.3″ width=”2\/3″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_col-xs-12″ column_padding_type=”default” gradient_type=”default”][vc_column_text]\n

Introduction<\/h2>\n

Vela Azul is a fictional boutique resort nestled along the hidden shores of Tulum, Mexico. This personal design project was crafted to reflect the kind of high-end travel clients that digital agencies like VERB work with. The goal: to create a luxurious, storytelling-focused single-page web experience rooted in branding, usability, and accessibility.<\/p>\n[\/vc_column_text][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner right_padding_desktop=”30″ top_margin=”50″ constrain_group_1=”yes” bottom_margin=”50″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][vc_column_text]\n

Problem Statement<\/h4>\n

Many luxury resorts struggle to balance aesthetics with performance and usability. Common issues include:<\/p>\n

    \n
  • Generic branding and inconsistent UI<\/li>\n
  • Poor responsiveness on mobile<\/li>\n
  • Weak visual hierarchy<\/li>\n
  • Lack of accessibility consideration<\/li>\n
  • Low engagement due to uninspiring layouts<\/li>\n<\/ul>\n

    This concept explores how thoughtful UX, component-based design, and narrative visuals can elevate digital hospitality experiences.<\/p>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner left_padding_desktop=”20″ left_padding_tablet=”0″ left_padding_phone=”0″ top_margin=”50″ constrain_group_1=”yes” bottom_margin=”50″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][vc_column_text]\n

    Client Background<\/h4>\n
      \n
    • Client<\/strong>: Vela Azul (fictional concept)<\/li>\n
    • Type<\/strong>: Boutique Coastal Resort<\/li>\n
    • Location<\/strong>: Playa Escondida, Tulum, Mexico<\/li>\n
    • Project Goal<\/strong>: Showcase branding, Figma systems, and storytelling in a polished, responsive format<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column top_padding_desktop=”0″ constrain_group_100=”yes” bottom_padding_desktop=”0″ left_padding_desktop=”0″ constrain_group_101=”yes” right_padding_desktop=”0″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” el_class=”MobileFigma” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default” offset=”vc_hidden-md vc_hidden-sm vc_hidden-xs”][vc_column_text]\n
      Scroll on the image below and check out the mobile design<\/h5>\n[\/vc_column_text][vc_raw_html]JTNDaWZyYW1lJTIwc3R5bGUlM0QlMjJib3JkZXIlM0ElMjAxcHglMjBzb2xpZCUyMHJnYmElMjgwJTJDJTIwMCUyQyUyMDAlMkMlMjAwLjElMjklM0IlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjgwMHB4JTIyJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZlbWJlZC5maWdtYS5jb20lMkZwcm90byUyRmVHUDhWYnIyc1BKVnBqcmY1eDFucTUlMkZVbnRpdGxlZCUzRnBhZ2UtaWQlM0QwJTI1M0ExJTI2bm9kZS1pZCUzRDE5MS0yNCUyNnZpZXdwb3J0JTNELTEwMjMlMjUyQzY5OSUyNTJDMS4wMyUyNnNjYWxpbmclM0RtaW4tem9vbSUyNmNvbnRlbnQtc2NhbGluZyUzRGZpeGVkJTI2ZW1iZWQtaG9zdCUzRHNoYXJlJTIyJTIwYWxsb3dmdWxsc2NyZWVuJTNFJTNDJTJGaWZyYW1lJTNF[\/vc_raw_html][\/vc_column][\/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#e4f1f3″ scene_position=”center” constrain_group_2=”yes” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column left_padding_desktop=”40″ constrain_group_101=”yes” right_padding_desktop=”40″ translate_y=”60″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][image_with_animation image_url=”369″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” animation_movement_intensity=”-1″ hover_animation=”none” alignment=”” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][\/vc_column][vc_column left_padding_desktop=”40″ constrain_group_101=”yes” right_padding_desktop=”40″ translate_y=”-60″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][image_with_animation image_url=”368″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” animation_movement_intensity=”1″ hover_animation=”none” alignment=”” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][\/vc_column][\/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” equal_height=”yes” content_placement=”middle” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#5b8c9e” scene_position=”center” top_padding=”3%” bottom_padding=”2%” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” shape_type=”” gradient_type=”default”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”center” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][vc_column_text]\n

      Research and Analysis<\/h2>\n[\/vc_column_text][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” delay=”100″][fancy_box box_style=”color_box_basic” icon_family=”iconsmind” box_color_opacity=”0″ box_alignment=”left” border_radius=”10px” image_loading=”default” icon_iconsmind=”iconsmind-Split-FourSquareWindow” min_height=”400″]\n

      User Insight<\/h4>\n

      Inspiration was drawn from real-world resort users \u2014 design-savvy travelers, honeymooners, and wellness seekers \u2014 who expect mobile-friendly, immersive sites with seamless booking and beautiful imagery.<\/p>\n[\/fancy_box][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][fancy_box box_style=”color_box_basic” icon_family=”iconsmind” box_color_opacity=”0″ box_alignment=”left” border_radius=”10px” image_loading=”default” icon_iconsmind=”iconsmind-Book” min_height=”400″]\n

      Competitive Landscape<\/h4>\n

      I analyzed high-performing websites from boutique hotels and eco-luxury resorts. The most successful examples used calming color palettes, immersive galleries, simple booking flows, and elegant typography to tell a cohesive brand story.<\/p>\n[\/fancy_box][\/vc_column][\/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#e4f1f3″ scene_position=”center” top_padding=”75″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n

      Design Process<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” equal_height=”yes” content_placement=”middle” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#e4f1f3″ scene_position=”center” top_padding=”100″ bottom_padding=”50″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” id=”steps” row_name=”Sign Up Steps” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”padding-2-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”top-bottom” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_col-xs-12″][nectar_icon_list animate=”true” color=”default” direction=”vertical” icon_size=”small” icon_style=”border”][nectar_icon_list_item icon_type=”numerical” text_full_html=”simple” title=”List Item” id=”1752709895275-10″ header=”Visual Direction & Mood” text=”Soft beach tones (sand, mist, ocean blue) were selected to evoke calm and luxury. A sail-inspired logo and serif branding completed the identity, suggesting warmth and elegance.” tab_id=”1752709895275-9″][\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” text_full_html=”simple” title=”List Item” id=”1752709895286-5″ header=”Component-Based UI” text=”I designed a scalable set of components in Figma \u2014 including buttons, cards, gallery layouts, and section templates. This allowed rapid iteration and consistent spacing, typography, and interaction patterns.” tab_id=”1752709895286-2″][\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” text_full_html=”simple” title=”List Item” id=”1752709895289-4″ header=”Wireframes & Prototypes” text=”Low-fidelity wireframes helped test layout hierarchy before transitioning to high-fidelity design. Mobile-first logic was followed throughout.” tab_id=”1752709895289-9″][\/nectar_icon_list_item][nectar_icon_list_item icon_type=”numerical” text_full_html=”html” title=”Section” id=”1752709895297-0″ header=”Final Design Highlights” tab_id=”1752709895298-1″]\n
        \n
      • \n

        Full hero image with layered sunrise tones and poetic CTA<\/p>\n<\/li>\n

      • \n

        Interactive \u201cSuites\u201d section with pricing, photos, and microcopy<\/p>\n<\/li>\n

      • \n

        Experience tiles showcasing wellness, nature, and local culture<\/p>\n<\/li>\n

      • \n

        Soft gradient transitions and section dividers<\/p>\n<\/li>\n

      • \n

        AA-compliant colors and accessible interactions<\/p>\n<\/li>\n

      • \n

        A refined footer with contact, socials, and booking info<\/p>\n<\/li>\n<\/ul>\n[\/nectar_icon_list_item][\/nectar_icon_list][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” translate_x=”-100″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” offset=”vc_col-xs-12″ column_padding_type=”default” gradient_type=”default”][image_with_animation image_url=”376″ image_size=”large_featured” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” animation_movement_intensity=”3″ hover_animation=”none” alignment=”” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”125%” max_width_mobile=”default”][\/vc_column][\/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” column_margin=”default” equal_height=”yes” content_placement=”middle” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#5b8c9e” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”padding-10-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#d7eef2″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”fade-in-from-bottom” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_custom_heading text=”Final Product” font_container=”tag:h2|font_size:40|text_align:left|line_height:50px” use_theme_fonts=”yes”][vc_column_text]The result is a one-page fictional website that captures the essence of a serene coastal resort, complete with:<\/p>\n

          \n
        • Modular components for easy reuse<\/li>\n
        • Branded visual system (typography, color, logo)<\/li>\n
        • Responsive grid for desktop to mobile<\/li>\n
        • Touch-friendly gallery and CTA sections<\/li>\n
        • Engaging copy to support storytelling<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” translate_x=”-70″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][image_with_animation image_url=”374″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” animation_movement_intensity=”1″ hover_animation=”none” alignment=”” border_radius=”none” box_shadow=”x_large_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][\/vc_column][\/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” column_margin=”default” equal_height=”yes” content_placement=”middle” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#5b8c9e” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” translate_x=”70″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][image_with_animation image_url=”378″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” animation_movement_intensity=”-1″ hover_animation=”none” alignment=”” border_radius=”none” box_shadow=”x_large_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][\/vc_column][vc_column column_padding=”padding-10-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#d7eef2″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”fade-in-from-bottom” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_custom_heading text=”Results and Impact” font_container=”tag:h2|font_size:40|text_align:left|line_height:50px” use_theme_fonts=”yes”][divider line_type=”No Line” custom_height=”10″][vc_column_text]\n

          Though fictional, this project demonstrates real-world skills aligned with agency work:<\/p>\n

            \n
          • Strong branding and design voice<\/li>\n
          • Accessibility and responsive best practices<\/li>\n
          • Advanced Figma usage (auto layout, variants, styles)<\/li>\n
          • Portfolio differentiation for travel and lifestyle clients<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=”full_width_content” full_screen_row_position=”middle” column_margin=”none” equal_height=”yes” content_placement=”middle” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#e4f1f3″ scene_position=”center” top_padding=”6%” bottom_padding=”6%” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” shape_type=”” gradient_type=”default”][vc_column column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#d7eef2″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][vc_row_inner content_placement=”top” column_margin=”none” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n

            Key Takeaways<\/h2>\n
              \n
            • Brand storytelling enhances emotional engagement<\/li>\n
            • Design systems save time and improve consistency<\/li>\n
            • Even conceptual work can drive real-world opportunities<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”padding-3-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”default” gradient_type=”default”][image_with_animation image_url=”380″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” animation_movement_intensity=”1″ hover_animation=”none” alignment=”right” border_radius=”none” box_shadow=”x_large_depth” image_loading=”default” max_width=”110%” max_width_mobile=”default”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#5b8c9e” scene_position=”center” top_padding=”5%” constrain_group_1=”yes” bottom_padding=”5%” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column left_padding_desktop=”6%” constrain_group_101=”yes” right_padding_desktop=”6%” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][vc_column_text]\n

              Conclusion<\/h2>\n

              Vela Azul reflects a refined approach to digital hospitality \u2014 one that blends emotion, interaction, and precision. This project not only sharpened my design systems and Figma skills but also allowed me to explore the kind of client work I truly enjoy: calm, visual-first experiences rooted in place and purpose.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

              [vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#5b8c9e” scene_position=”center” top_padding=”100″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” top_margin=”100″ bottom_margin=”150″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default”…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-364","page","type-page","status-publish"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/pages\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":16,"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/pages\/364\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/pages\/364\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/designer.chanchalpt.com\/index.php\/wp-json\/wp\/v2\/media?parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}