{"id":142023,"date":"2025-01-07T11:36:45","date_gmt":"2025-01-07T11:36:45","guid":{"rendered":"https:\/\/angiezk.com\/?post_type=portfolio&#038;p=142023"},"modified":"2025-03-09T22:01:32","modified_gmt":"2025-03-09T22:01:32","slug":"sugarfree","status":"publish","type":"portfolio","link":"https:\/\/angiezk.com\/?portfolio=sugarfree","title":{"rendered":"Sugarfree"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-wayh&#8221; back_image=&#8221;142404&#8243; overlay_color=&#8221;color-jevc&#8221; overlay_alpha=&#8221;60&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;151747&#8243; back_color_type=&#8221;uncode-palette&#8221; overlay_color_type=&#8221;uncode-palette&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;151961&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;fontsize-338686&#8243; uncode_shortcode_id=&#8221;190500&#8243;]Sugarfree[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;2&#8243; back_color=&#8221;color-wayh&#8221; back_image=&#8221;142404&#8243; overlay_color=&#8221;color-jevc&#8221; overlay_alpha=&#8221;60&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;124638&#8243; back_color_type=&#8221;uncode-palette&#8221; overlay_color_type=&#8221;uncode-palette&#8221; row_height_pixel=&#8221;360&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;151961&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;fontsize-338686&#8243; uncode_shortcode_id=&#8221;190500&#8243;]Sugarfree[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;179309&#8243;][vc_column width=&#8221;6\/12&#8243;][vc_custom_heading text_font=&#8221;font-136269&#8243; text_height=&#8221;fontheight-357766&#8243; sub_lead=&#8221;yes&#8221; uncode_shortcode_id=&#8221;135752&#8243; subheading=&#8221;My role was to design the desktop version of the new website with a fresh and modern aesthetic&#8221;]A well recognized brand in the womenswear market with unique modern design.[\/vc_custom_heading][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/12&#8243; uncode_shortcode_id=&#8221;213614&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; font_family=&#8221;font-136269&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243; uncode_shortcode_id=&#8221;323034&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221; uncode_shortcode_id=&#8221;177259&#8243;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;561496&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;124124&#8243; subheading=&#8221;Sugarfree&#8221;]Client[\/vc_custom_heading][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;439899&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;158620&#8243; subheading=&#8221;2023&#8243;]Year[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221; uncode_shortcode_id=&#8221;114429&#8243;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;186807&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;105265&#8243; subheading=&#8221;UI \/ UX Design<br \/>\nDesktop version&#8221; text_color_type=&#8221;uncode-palette&#8221; text_color_solid=&#8221;#ff0000&#8243;]Services[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;241986&#8243;][vc_column width=&#8221;6\/12&#8243;][vc_custom_heading text_font=&#8221;font-136269&#8243; text_size=&#8221;h3&#8243; text_height=&#8221;fontheight-357766&#8243; sub_lead=&#8221;yes&#8221; uncode_shortcode_id=&#8221;190058&#8243; subheading=&#8221;My role was to design the desktop version of the new website with a fresh and modern aesthetic&#8221;]A well recognized brand in the womenswear market with unique modern design.[\/vc_custom_heading][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/12&#8243; uncode_shortcode_id=&#8221;213614&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; font_family=&#8221;font-136269&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243; uncode_shortcode_id=&#8221;323034&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221; uncode_shortcode_id=&#8221;177259&#8243;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;561496&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;124124&#8243; subheading=&#8221;Sugarfree&#8221;]Client[\/vc_custom_heading][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;439899&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;158620&#8243; subheading=&#8221;2023&#8243;]Year[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221; uncode_shortcode_id=&#8221;114429&#8243;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;186807&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;105265&#8243; subheading=&#8221;UI \/ UX Design<br \/>\nDesktop version&#8221; text_color_type=&#8221;uncode-palette&#8221; text_color_solid=&#8221;#ff0000&#8243;]Services[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;115654&#8243; back_color_type=&#8221;uncode-solid&#8221; back_color_solid=&#8221;rgba(242,228,228,0.4)&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;4&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;101428&#8243;][vc_gallery el_id=&#8221;gallery-334941&#8243; type=&#8221;carousel&#8221; medias=&#8221;142436,142435,142437&#8243; carousel_lg=&#8221;1&#8243; carousel_md=&#8221;1&#8243; carousel_sm=&#8221;1&#8243; gutter_size=&#8221;4&#8243; media_items=&#8221;media|nolink|original&#8221; carousel_interval=&#8221;3000&#8243; carousel_navspeed=&#8221;400&#8243; carousel_loop=&#8221;yes&#8221; carousel_overflow=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_mobile=&#8221;yes&#8221; stage_padding=&#8221;0&#8243; single_shape=&#8221;round&#8221; radius=&#8221;xs&#8221; single_overlay_opacity=&#8221;50&#8243; single_overlay_anim=&#8221;no&#8221; single_text_anim=&#8221;no&#8221; single_image_anim=&#8221;no&#8221; single_padding=&#8221;2&#8243; single_border=&#8221;yes&#8221; custom_cursor=&#8221;accent&#8221; uncode_shortcode_id=&#8221;138368&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;880967&#8243; back_color_type=&#8221;uncode-solid&#8221; back_color_solid=&#8221;rgba(242,228,228,0.4)&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;4&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;101428&#8243;][vc_gallery el_id=&#8221;gallery-3349411&#8243; type=&#8221;carousel&#8221; medias=&#8221;142436,142435,142437&#8243; carousel_lg=&#8221;1&#8243; carousel_md=&#8221;1&#8243; carousel_sm=&#8221;1&#8243; gutter_size=&#8221;4&#8243; media_items=&#8221;media|lightbox|original&#8221; carousel_interval=&#8221;3000&#8243; carousel_navspeed=&#8221;400&#8243; carousel_loop=&#8221;yes&#8221; carousel_overflow=&#8221;yes&#8221; stage_padding=&#8221;0&#8243; single_shape=&#8221;round&#8221; radius=&#8221;xs&#8221; single_overlay_opacity=&#8221;50&#8243; single_overlay_anim=&#8221;no&#8221; single_text_anim=&#8221;no&#8221; single_image_anim=&#8221;no&#8221; single_padding=&#8221;2&#8243; single_border=&#8221;yes&#8221; custom_cursor=&#8221;accent&#8221; uncode_shortcode_id=&#8221;784419&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;171461&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_right&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;2\/3&#8243; uncode_shortcode_id=&#8221;212186&#8243;][vc_single_image media=&#8221;142443&#8243; media_width_percent=&#8221;80&#8243; uncode_shortcode_id=&#8221;523062&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; font_family=&#8221;font-136269&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; sticky=&#8221;yes&#8221; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;885337&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h5&#8243; text_height=&#8221;fontheight-524109&#8243; uncode_shortcode_id=&#8221;922033&#8243; text_color_type=&#8221;uncode-solid&#8221; text_color_solid=&#8221;#0d1b1b&#8221;]Apart from the website&#8217;s main pages, the project required the design of a landing page which presents their fabric collection and promotes their products using a unique approach.<\/p>\n<p>&nbsp;<\/p>\n<p>On top of the page, images were placed representing each fabric and by clicking an image, the users are redirected to the appropriate section of the webpage.<\/p>\n<p>&nbsp;<\/p>\n<p>The sections consist of a featured image and 1 or 2 products per row, with specific details regarding each fabric.[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;859147&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;0&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;886005&#8243;][vc_single_image media=&#8221;142443&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; alignment=&#8221;center&#8221; desktop_visibility=&#8221;yes&#8221; uncode_shortcode_id=&#8221;112156&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;131210&#8243;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;284268&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h5&#8243; text_weight=&#8221;500&#8243; text_height=&#8221;fontheight-524109&#8243; desktop_visibility=&#8221;yes&#8221; uncode_shortcode_id=&#8221;565383&#8243; text_color_type=&#8221;uncode-solid&#8221; text_color_solid=&#8221;#202020&#8243;]Apart from the website&#8217;s main pages, the project required the design of a landing page which presents their fabric collection and promotes their products using a unique approach.<\/p>\n<p>&nbsp;<\/p>\n<p>On top of the page, images were placed representing each fabric and by clicking an image, the users are redirected to the appropriate section of the webpage.<\/p>\n<p>&nbsp;<\/p>\n<p>The sections consist of a featured image and 1 or 2 products per row, with specific details regarding each fabric.[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;612674&#8243; back_color_type=&#8221;uncode-solid&#8221; back_color_solid=&#8221;rgba(242,228,228,0.4)&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;116797&#8243;][vc_single_image media=&#8221;143340&#8243; media_width_percent=&#8221;100&#8243; uncode_shortcode_id=&#8221;185304&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;118080&#8243; back_color_type=&#8221;uncode-solid&#8221; back_color_solid=&#8221;rgba(242,228,228,0.4)&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;171797&#8243;][vc_single_image media=&#8221;143340&#8243; media_lightbox=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; uncode_shortcode_id=&#8221;907759&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;131220&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;139501&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; uncode_shortcode_id=&#8221;148096&#8243; subheading=&#8221;Acherus Grotesque&#8221;]Font Family[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;208890&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;139501&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_font=&#8221;font-136269&#8243; sub_lead=&#8221;yes&#8221; uncode_shortcode_id=&#8221;296327&#8243; subheading=&#8221;Acherus Grotesque&#8221;]Font Family[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;205434&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;139501&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h1&#8243; uncode_shortcode_id=&#8221;447150&#8243;]Color Palette[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; desktop_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;554815&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;139501&#8243;][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_font=&#8221;font-136269&#8243; uncode_shortcode_id=&#8221;173195&#8243;]Color Palette[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;158448&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; style=&#8221;dark&#8221; font_family=&#8221;font-136269&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;3&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;283815&#8243; back_color_type=&#8221;uncode-solid&#8221; back_color_solid=&#8221;#0d1b1b&#8221;][vc_column_text uncode_shortcode_id=&#8221;123082&#8243;]Primary color<\/p>\n<p>#0D1B1B[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; font_family=&#8221;font-136269&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;101798&#8243; back_color_type=&#8221;uncode-solid&#8221; back_color_solid=&#8221;#f2e4e4&#8243;][vc_column_text text_color=&#8221;color-jevc&#8221; uncode_shortcode_id=&#8221;200451&#8243; text_color_type=&#8221;uncode-palette&#8221;]Accent color<\/p>\n<p>#F2E4E4[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; font_family=&#8221;font-136269&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;174898&#8243; back_color_type=&#8221;uncode-solid&#8221; back_color_solid=&#8221;#fafafa&#8221;][vc_column_text uncode_shortcode_id=&#8221;187193&#8243;]Grey<\/p>\n<p>#FAFAFA[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-wayh&#8221; back_image=&#8221;142404&#8243; overlay_color=&#8221;color-jevc&#8221; overlay_alpha=&#8221;60&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_visibility=&#8221;yes&#8221; mobile_visibility=&#8221;yes&#8221; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;151747&#8243; back_color_type=&#8221;uncode-palette&#8221; overlay_color_type=&#8221;uncode-palette&#8221;][vc_column [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":142399,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"portfolio_category":[],"class_list":["post-142023","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/angiezk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/142023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angiezk.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/angiezk.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/angiezk.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/angiezk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=142023"}],"version-history":[{"count":75,"href":"https:\/\/angiezk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/142023\/revisions"}],"predecessor-version":[{"id":143344,"href":"https:\/\/angiezk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/142023\/revisions\/143344"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/angiezk.com\/index.php?rest_route=\/wp\/v2\/media\/142399"}],"wp:attachment":[{"href":"https:\/\/angiezk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=142023"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/angiezk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_category&post=142023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}