{"id":31,"date":"2026-06-14T18:15:49","date_gmt":"2026-06-14T18:15:49","guid":{"rendered":"https:\/\/viviane-design.com\/?page_id=31"},"modified":"2026-07-26T21:21:05","modified_gmt":"2026-07-26T21:21:05","slug":"ui-ux-design-portfolio","status":"publish","type":"page","link":"https:\/\/viviane-design.com\/en_gb\/ui-ux-design-portfolio\/","title":{"rendered":"UI\/UX Design Portfolio"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Hero&#8221; _builder_version=&#8221;4.27.7&#8243; background_image=&#8221;https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/06\/circle-background-pattern.png&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;zoom&#8221; animation_intensity_zoom=&#8221;4%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; background_color=&#8221;#399C83&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;3%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;||||||||&#8221; header_font=&#8221;Montserrat|700||on|||||dotted&#8221; header_text_color=&#8221;#353740&#8243; header_font_size=&#8221;60px&#8221; header_line_height=&#8221;1.3em&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;|||&#8221; animation_style=&#8221;fade&#8221; header_font_size_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Our work<\/h1>\n<p>[\/et_pb_text][et_pb_divider show_divider=&#8221;off&#8221; disabled_on=&#8221;on|on|off%22&#8243; _builder_version=&#8221;4.16&#8243; max_width=&#8221;120px&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;30%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Projects Section&#8221; _builder_version=&#8221;4.16&#8243; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;110px||110px|&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; admin_label=&#8221;Project 01&#8243; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;5%||5%|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Number&#8221; _builder_version=&#8221;4.27.6&#8243; text_font=&#8221;Montserrat|on|||&#8221; text_text_color=&#8221;#39a78d&#8221; text_font_size=&#8221;80px&#8221; text_line_height=&#8221;1em&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;20%&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>01<\/p>\n<p>[\/et_pb_text][et_pb_cta title=&#8221;DOVA&#8221; button_url=&#8221;\/dova\/&#8221; button_text=&#8221;View Project&#8221; _builder_version=&#8221;4.27.7&#8243; header_font=&#8221;Montserrat|700|||||||&#8221; header_text_color=&#8221;#353740&#8243; header_line_height=&#8221;1.5em&#8221; body_font=&#8221;Montserrat||||||||&#8221; body_text_color=&#8221;#747d88&#8243; body_font_size=&#8221;18px&#8221; body_line_height=&#8221;1.8em&#8221; use_background_color=&#8221;off&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#747d88&#8243; button_border_width=&#8221;4px&#8221; button_border_color=&#8221;#747d88&#8243; button_border_radius=&#8221;100px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;Montserrat|700||on|||||&#8221; button_icon=&#8221;&#x45;||divi||400&#8243; button_icon_color=&#8221;#747d88&#8243; text_orientation=&#8221;left&#8221; background_layout=&#8221;light&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;6%&#8221; hover_enabled=&#8221;0&#8243; button_bg_color_hover=&#8221;rgba(0,0,0,0)&#8221; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on&#8221; button_bg_color__hover=&#8221;rgba(0,0,0,0)&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"fe-block fe-block-c3d41b3615e3eb7d1f9e\">\n<div class=\"sqs-block website-component-block sqs-block-website-component sqs-block-html html-block\" data-block-css=\"[&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.html\/592e3595-e35d-435b-ac72-38a7e07714cf_791\/website.components.html.styles.css&quot;]\" data-block-scripts=\"[&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.html\/592e3595-e35d-435b-ac72-38a7e07714cf_791\/website.components.html.visitor.js&quot;]\" data-block-type=\"1337\" data-definition-name=\"website.components.html\" data-sqsp-block=\"text\" data-website-component-id=\"c3d41b3615e3eb7d1f9e\" id=\"block-c3d41b3615e3eb7d1f9e\">\n<div class=\"sqs-block-content\">\n<div class=\"sqs-text-block-container\">\n<div class=\"sqs-html-content\" data-sqsp-text-block-content=\"\">\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>DOVA<\/strong> is a thoughtfully designed travel app that helps guardians stay connected and informed every step of a minor\u2019s journey, from trip planning to their safe arrival.<\/span><\/p>\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>Type: Travel App \/ B2C<\/strong><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"fe-block fe-block-9cd8a422d34a2a484cf3\">\n<div class=\"sqs-block website-component-block sqs-block-website-component sqs-block-image image-block\" data-block-css=\"[&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/website.components.imageFluid.styles.css&quot;]\" data-block-scripts=\"[&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/2513.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/6644.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/8018.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/8458.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/9882.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/image-effect-film-grain.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/image-effect-liquid.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/image-effect-parallax.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/image-effect-refracted-circles.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/image-effect-refracted-lines.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/website.components.imageFluid.shared.constants.js&quot;,&quot;https:\/\/definitions.sqspcdn.com\/website-component-definition\/static-assets\/website.components.imageFluid\/f7e53936-0b70-43ce-8a41-10591e2101de_778\/website.components.imageFluid.visitor.js&quot;]\" data-block-type=\"1337\" data-definition-name=\"website.components.imageFluid\" data-sqsp-block=\"image\" data-website-component-id=\"9cd8a422d34a2a484cf3\" id=\"block-9cd8a422d34a2a484cf3\">\n<div class=\"sqs-block-content\">\n<div class=\"fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center image-component-container-fit combination-animation-site-default individual-animation-site-default } animation-loaded\" data-component-id=\"9cd8a422d34a2a484cf3\" data-test=\"image-block-fluid-outer-wrapper\" data-is-image-stretched=\"false\" data-is-mask-applied=\"false\" data-media-focal-point=\"0.5,0.5\" data-bpo=\"\" data-breakpoints=\"[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]\">\n<div class=\"fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper\" data-animation-role=\"image\">\n<div class=\"fluid-image-container sqs-image-content js-image-container visitor-mode\" data-sqsp-image-block-image-container=\"\">\n<div class=\"js-content-mode-element-wrapper js-content-mode-element-system_desktop\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/et_pb_cta][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.7&#8243; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_intensity_slide=&#8221;10%&#8221; animation_starting_opacity=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;coverDOVA&#8221; src=&#8221;https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverDOVA.png&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; admin_label=&#8221;Project 02&#8243; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;50px|||&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.7&#8243; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;10%&#8221; animation_starting_opacity=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;coverCC&#8221; src=&#8221;https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverCC.png&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;5%||5%|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Number&#8221; _builder_version=&#8221;4.27.6&#8243; text_font=&#8221;Montserrat|on|||&#8221; text_text_color=&#8221;#39a78d&#8221; text_font_size=&#8221;80px&#8221; text_line_height=&#8221;1em&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;20%&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>02<\/p>\n<p>[\/et_pb_text][et_pb_cta title=&#8221;Casa Carvalho&#8221; button_url=&#8221;\/casa-carvalho\/&#8221; button_text=&#8221;View Project&#8221; _builder_version=&#8221;4.27.7&#8243; header_font=&#8221;Montserrat|700|||||||&#8221; header_text_color=&#8221;#353740&#8243; header_line_height=&#8221;1.5em&#8221; body_font=&#8221;Montserrat||||||||&#8221; body_text_color=&#8221;#747d88&#8243; body_font_size=&#8221;18px&#8221; body_line_height=&#8221;1.8em&#8221; use_background_color=&#8221;off&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#747d88&#8243; button_border_width=&#8221;4px&#8221; button_border_color=&#8221;#747d88&#8243; button_border_radius=&#8221;100px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;Montserrat|700||on|||||&#8221; button_icon=&#8221;&#x45;||divi||400&#8243; button_icon_color=&#8221;#747d88&#8243; text_orientation=&#8221;left&#8221; background_layout=&#8221;light&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;6%&#8221; hover_enabled=&#8221;0&#8243; button_bg_color_hover=&#8221;rgba(0,0,0,0)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on&#8221; button_bg_color__hover=&#8221;rgba(0,0,0,0)&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>Casa Carvalho<\/strong>\u2019s mobile app was designed to deliver a refined and effortless shopping experience that mirrors the brand\u2019s dedication to luxury and craftsmanship. From product discovery to checkout, every interaction was crafted to feel seamless, intuitive, and distinctly elegant.<\/span><\/p>\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>Type: Fashion E-commerce app \/ B2C<\/strong><\/span><\/p>\n<p>[\/et_pb_cta][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; admin_label=&#8221;Project 03&#8243; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;50px|||&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;5%||5%|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Number&#8221; _builder_version=&#8221;4.27.6&#8243; text_font=&#8221;Montserrat|on|||&#8221; text_text_color=&#8221;#39a78d&#8221; text_font_size=&#8221;80px&#8221; text_line_height=&#8221;1em&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;20%&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>03<\/p>\n<p>[\/et_pb_text][et_pb_cta title=&#8221;Skylor Tutor&#8221; button_url=&#8221;\/skylor-tutor\/&#8221; button_text=&#8221;View Project&#8221; _builder_version=&#8221;4.27.7&#8243; header_font=&#8221;Montserrat|700|||||||&#8221; header_text_color=&#8221;#353740&#8243; header_line_height=&#8221;1.5em&#8221; body_font=&#8221;Montserrat||||||||&#8221; body_text_color=&#8221;#747d88&#8243; body_font_size=&#8221;18px&#8221; body_line_height=&#8221;1.8em&#8221; use_background_color=&#8221;off&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#747d88&#8243; button_border_width=&#8221;4px&#8221; button_border_color=&#8221;#747d88&#8243; button_border_radius=&#8221;100px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;Montserrat|700||on|||||&#8221; button_icon=&#8221;&#x45;||divi||400&#8243; button_icon_color=&#8221;#747d88&#8243; text_orientation=&#8221;left&#8221; background_layout=&#8221;light&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;6%&#8221; hover_enabled=&#8221;0&#8243; button_bg_color_hover=&#8221;rgba(0,0,0,0)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on&#8221; button_bg_color__hover=&#8221;rgba(0,0,0,0)&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>Skylor Tutor<\/strong> is a personalized learning app designed to make education more accessible, engaging, and adaptive. Whether you&#8217;re a student looking for one-on-one support or a tutor ready to share your expertise, Skylor offers a seamless platform for scheduling sessions, joining masterclasses, and tracking progress\u2014all in one place.<\/span><\/p>\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>Type: Education app \/ B2C<\/strong><\/span><\/p>\n<p>[\/et_pb_cta][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.7&#8243; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_intensity_slide=&#8221;10%&#8221; animation_starting_opacity=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;coverST&#8221; src=&#8221;https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverST.png&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; admin_label=&#8221;Project 04&#8243; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;50px|||&#8221; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.7&#8243; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;10%&#8221; animation_starting_opacity=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_text=&#8221;coverH2H&#8221; src=&#8221;https:\/\/viviane-design.com\/wp-content\/uploads\/2026\/07\/coverH2H.png&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;5%||5%|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Number&#8221; _builder_version=&#8221;4.27.6&#8243; text_font=&#8221;Montserrat|on|||&#8221; text_text_color=&#8221;#39a78d&#8221; text_font_size=&#8221;80px&#8221; text_line_height=&#8221;1em&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_slide=&#8221;20%&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>04<\/p>\n<p>[\/et_pb_text][et_pb_cta title=&#8221;House2Home&#8221; button_url=&#8221;\/house2home\/&#8221; button_text=&#8221;View Project&#8221; _builder_version=&#8221;4.27.7&#8243; header_font=&#8221;Montserrat|700|||||||&#8221; header_text_color=&#8221;#353740&#8243; header_line_height=&#8221;1.5em&#8221; body_font=&#8221;Montserrat||||||||&#8221; body_text_color=&#8221;#747d88&#8243; body_font_size=&#8221;18px&#8221; body_line_height=&#8221;1.8em&#8221; use_background_color=&#8221;off&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#747d88&#8243; button_border_width=&#8221;4px&#8221; button_border_color=&#8221;#747d88&#8243; button_border_radius=&#8221;100px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;Montserrat|700||on|||||&#8221; button_icon=&#8221;&#x45;||divi||400&#8243; button_icon_color=&#8221;#747d88&#8243; text_orientation=&#8221;left&#8221; background_layout=&#8221;light&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;6%&#8221; hover_enabled=&#8221;0&#8243; button_bg_color_hover=&#8221;rgba(0,0,0,0)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_text_size__hover_enabled=&#8221;off&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_text_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_border_width__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_border_color__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_border_radius__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_bg_color__hover_enabled=&#8221;on&#8221; button_bg_color__hover=&#8221;rgba(0,0,0,0)&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>House2Home<\/strong> is a thoughtfully designed home decor experience that empowers users to reimagine and transform their living spaces with confidence, creativity, and ease, whether they\u2019re making small updates or starting fresh.<\/span><\/p>\n<p class=\"\"><span class=\"sqsrte-text-color--accent\"><strong>Type: E-commerce website \/ B2C<\/strong><\/span><\/p>\n<p>[\/et_pb_cta][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our work 01 DOVA is a thoughtfully designed travel app that helps guardians stay connected and informed every step of a minor\u2019s journey, from trip planning to their safe arrival. Type: Travel App \/ B2C 02Casa Carvalho\u2019s mobile app was designed to deliver a refined and effortless shopping experience that mirrors the brand\u2019s dedication to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UI\/UX Design Portfolio - Viviane Carvalho Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/viviane-design.com\/en_gb\/ui-ux-design-portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI\/UX Design Portfolio - Viviane Carvalho Studio\" \/>\n<meta property=\"og:description\" content=\"Our work 01 DOVA is a thoughtfully designed travel app that helps guardians stay connected and informed every step of a minor\u2019s journey, from trip planning to their safe arrival. Type: Travel App \/ B2C 02Casa Carvalho\u2019s mobile app was designed to deliver a refined and effortless shopping experience that mirrors the brand\u2019s dedication to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/viviane-design.com\/en_gb\/ui-ux-design-portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Viviane Carvalho Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-26T21:21:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/viviane-design.com\\\/ui-ux-design-portfolio\\\/\",\"url\":\"https:\\\/\\\/viviane-design.com\\\/ui-ux-design-portfolio\\\/\",\"name\":\"UI\\\/UX Design Portfolio - Viviane Carvalho Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/viviane-design.com\\\/#website\"},\"datePublished\":\"2026-06-14T18:15:49+00:00\",\"dateModified\":\"2026-07-26T21:21:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/viviane-design.com\\\/ui-ux-design-portfolio\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/viviane-design.com\\\/ui-ux-design-portfolio\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/viviane-design.com\\\/ui-ux-design-portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/viviane-design.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI\\\/UX Design Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/viviane-design.com\\\/#website\",\"url\":\"https:\\\/\\\/viviane-design.com\\\/\",\"name\":\"Viviane Carvalho Studio\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/viviane-design.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI\/UX Design Portfolio - Viviane Carvalho Studio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/viviane-design.com\/en_gb\/ui-ux-design-portfolio\/","og_locale":"en_GB","og_type":"article","og_title":"UI\/UX Design Portfolio - Viviane Carvalho Studio","og_description":"Our work 01 DOVA is a thoughtfully designed travel app that helps guardians stay connected and informed every step of a minor\u2019s journey, from trip planning to their safe arrival. Type: Travel App \/ B2C 02Casa Carvalho\u2019s mobile app was designed to deliver a refined and effortless shopping experience that mirrors the brand\u2019s dedication to [&hellip;]","og_url":"https:\/\/viviane-design.com\/en_gb\/ui-ux-design-portfolio\/","og_site_name":"Viviane Carvalho Studio","article_modified_time":"2026-07-26T21:21:05+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/viviane-design.com\/ui-ux-design-portfolio\/","url":"https:\/\/viviane-design.com\/ui-ux-design-portfolio\/","name":"UI\/UX Design Portfolio - Viviane Carvalho Studio","isPartOf":{"@id":"https:\/\/viviane-design.com\/#website"},"datePublished":"2026-06-14T18:15:49+00:00","dateModified":"2026-07-26T21:21:05+00:00","breadcrumb":{"@id":"https:\/\/viviane-design.com\/ui-ux-design-portfolio\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/viviane-design.com\/ui-ux-design-portfolio\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/viviane-design.com\/ui-ux-design-portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/viviane-design.com\/"},{"@type":"ListItem","position":2,"name":"UI\/UX Design Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/viviane-design.com\/#website","url":"https:\/\/viviane-design.com\/","name":"Viviane Carvalho Studio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/viviane-design.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":7,"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/pages\/31\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/viviane-design.com\/en_gb\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}