Flat Preloader Icon Welcome to my portfolio. Loading...

UX / UI Design

Project:
PS – Partido Socialista

[ba_dual_button btn_a_text=”See full project” btn_a_link=”#projects-portfolio” btn_b_text=”Speak with me” btn_b_link=”#contact-form” button_gap=”30px” button_gap_tablet=”30px” button_gap_phone=”20px” button_gap_last_edited=”on|phone” _builder_version=”4.14.9″ _module_preset=”default” custom_btn_a=”on” btn_a_text_size=”14px” btn_a_text_color=”rgba(255,255,255,0.92)” btn_a_bg_use_color_gradient=”on” btn_a_bg_color_gradient_start=”#957ff4″ btn_a_bg_color_gradient_end=”#685baf” btn_a_bg_color_gradient_direction=”152deg” btn_a_border_width=”0px” btn_a_border_radius=”100px” btn_a_letter_spacing=”0.3px” btn_a_font=”Rubik|600||on|||||” btn_a_icon=”C||divi||400″ btn_a_on_hover=”off” btn_a_custom_padding=”15px|55px||45px|false|false” btn_a_custom_padding_tablet=”17px|35px|17px|35px|true|true” btn_a_custom_padding_phone=”10px|25px|10px|25px|true|true” btn_a_custom_padding_last_edited=”on|desktop” custom_btn_b=”on” btn_b_text_size=”15px” btn_b_text_color=”#957ff4″ btn_b_bg_color=”RGBA(0,0,0,0)” btn_b_border_width=”1px” btn_b_border_color=”RGBA(255,255,255,0)” btn_b_border_radius=”100px” btn_b_font=”Encode Sans||||||||” btn_b_icon=”C||divi||400″ btn_b_icon_placement=”left” btn_b_on_hover=”off” btn_b_custom_padding=”12px||12px||true|false” btn_b_custom_padding_tablet=”on|desktop” btn_b_custom_padding_phone=”17px|35px|17px|35px|true|true” btn_b_custom_padding_last_edited=”17px|35px|17px|35px|true|true” custom_margin=”40px||||false|false” custom_margin_tablet=”45px||||false|false” custom_margin_phone=”45px||||false|false” custom_margin_last_edited=”off|desktop” hover_enabled=”0″ btn_a_text_size_tablet=”18px” btn_a_text_size_phone=”14px” btn_a_text_size_last_edited=”on|desktop” btn_b_text_size_tablet=”18px” btn_b_text_size_phone=”14px” btn_b_text_size_last_edited=”on|phone” box_shadow_style_btn_a=”preset3″ box_shadow_vertical_btn_a=”10px” box_shadow_blur_btn_a=”45px” box_shadow_color_btn_a=”#957ff4″ global_colors_info=”{}” btn_b_bg_color__hover_enabled=”off|hover” btn_b_bg_color__hover=”RGBA(255,255,255,0)” btn_b_bg_enable_color__hover=”on” btn_b_text_color__hover_enabled=”on|hover” btn_b_text_color__hover=”#685baf” btn_b_border_width__hover_enabled=”off|hover” btn_b_border_width__hover=”1px” btn_a_bg_color__hover_enabled=”on|hover” btn_a_bg_color__hover=”” btn_a_bg_enable_color__hover=”off” btn_a_text_size__hover_enabled=”off|hover” btn_a_custom_padding__hover_enabled=”off|desktop” btn_a_text_size__hover=”18px” btn_a_custom_padding__hover=”13px|40px|13px|40px|true|true” btn_b_custom_padding__hover=”10px|25px|10px|25px|true|true” btn_b_custom_padding__hover_enabled=”off|hover” btn_a_bg_color_gradient_end__hover=”#7674e0″ btn_a_bg_use_color_gradient__hover=”on” btn_a_bg_color_gradient_start__hover=”#9484ff” box_shadow_color_btn_a__hover_enabled=”on|hover” box_shadow_color_btn_a__hover=”rgba(149,127,244,0.57)” box_shadow_vertical_btn_a__hover_enabled=”on|desktop” box_shadow_blur_btn_a__hover_enabled=”on|hover” box_shadow_horizontal_btn_b__hover=”-6px” box_shadow_horizontal_btn_b__hover_enabled=”RGBA(255,255,255,0)” box_shadow_vertical_btn_b__hover=”20px” box_shadow_vertical_btn_b__hover_enabled=”on|hover” box_shadow_blur_btn_b__hover=”24px” box_shadow_blur_btn_b__hover_enabled=”on|hover” box_shadow_color_btn_b__hover=”rgba(66,66,66,0.25)” box_shadow_color_btn_b__hover_enabled=”on|hover” btn_b_border_color__hover_enabled=”off|hover” btn_b_border_color__hover=”#999999″ box_shadow_vertical_btn_a__hover=”29px” box_shadow_blur_btn_a__hover=”23px” btn_b_letter_spacing__hover_enabled=”on|desktop” btn_b_letter_spacing__hover=”3px” sticky_enabled=”0″][/ba_dual_button][dsm_lottie lottie_url=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/lf30_editor_dmqaznmq.json” _builder_version=”4.14.8″ _module_preset=”default” max_width=”11%” custom_margin=”-25px||||false|false” custom_padding=”||75px||false|false” global_colors_info=”{}”][/dsm_lottie]
[dipl_floating_image _builder_version=”4.14.9″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” custom_margin=”50px||||false|false” sticky_enabled=”0″][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/ps_1.png” image_alt=”ps1″ floatingimage_delay=”700ms” floatingimage_duration=”8700ms” vertical_align=”-8%” _builder_version=”4.14.9″ _module_preset=”default” background_color=”#FFFFFF” background_enable_color=”on” max_width=”57%” custom_padding=”||||false|false” hover_enabled=”0″ border_radii=”on|12px|12px|12px|12px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(10,2,2,0.44)” global_colors_info=”{}” sticky_enabled=”0″][/dipl_floating_image_item][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/ps4.png” image_alt=”ps3″ horizontal_align=”30%” vertical_align=”11%” _builder_version=”4.14.9″ _module_preset=”default” max_width=”41%” custom_padding=”||||false|false” hover_enabled=”0″ border_radii=”on|15px|15px|15px|15px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(224,43,32,0.31)” global_colors_info=”{}” sticky_enabled=”0″][/dipl_floating_image_item][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/ps3_1.png” image_alt=”ps2″ horizontal_align=”56%” vertical_align=”30%” _builder_version=”4.14.9″ _module_preset=”default” max_width=”48%” custom_padding=”||||false|false” hover_enabled=”0″ border_radii=”on|15px|15px|15px|15px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(114,114,114,0.41)” global_colors_info=”{}” sticky_enabled=”0″][/dipl_floating_image_item][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/adobe-xd-2.svg” image_alt=”adobe-xd” floatingimage_duration=”2400ms” horizontal_align=”13%” vertical_align=”29%” _builder_version=”4.14.9″ _module_preset=”default” background_color=”#FFFFFF” background_enable_color=”on” z_index=”1″ max_width=”12%” custom_padding=”12px|12px|12px|12px|true|true” hover_enabled=”0″ border_radii=”on|12px|12px|12px|12px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(193,60,189,0.51)” global_colors_info=”{}” sticky_enabled=”0″][/dipl_floating_image_item][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/5e9da081b99e416e3992079f_logo_page_9afbbcc8c5.png” image_alt=”gloomaps” floatingimage_delay=”1500ms” floatingimage_duration=”2700ms” horizontal_align=”67%” vertical_align=”-5%” _builder_version=”4.14.9″ _module_preset=”default” background_color=”#FFFFFF” background_enable_color=”on” z_index=”1″ max_width=”26%” custom_padding=”12px|16px|12px|16px|true|true” hover_enabled=”0″ border_radii=”on|12px|12px|12px|12px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(36,214,159,0.55)” global_colors_info=”{}” sticky_enabled=”0″][/dipl_floating_image_item][/dipl_floating_image]

First Steps

1. UX Design:

  • Creating personas and analysis
  • Analysing target audience
  • Inicial sketch
  • Behaviors and general layout
  • Survey of needs
  • Competition analysis
  • Analysis of client problems and find a way to solve them
[dipl_floating_image _builder_version=”4.14.9″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” custom_margin=”50px||||false|false” sticky_enabled=”0″][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/form-1.png” image_alt=”ps1″ floatingimage_delay=”700ms” floatingimage_duration=”8700ms” vertical_align=”-2%” _builder_version=”4.14.9″ _module_preset=”default” background_color=”#FFFFFF” background_enable_color=”on” max_width=”60%” custom_padding=”||||false|false” hover_enabled=”0″ border_radii=”on|12px|12px|12px|12px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(10,2,2,0.44)” global_colors_info=”{}” sticky_enabled=”0″ title_text=”form-1″][/dipl_floating_image_item][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/form-2.png” image_alt=”gloomaps-2″ horizontal_align=”20%” vertical_align=”12%” _builder_version=”4.14.9″ _module_preset=”default” max_width=”100%” custom_padding=”||||false|false” hover_enabled=”0″ border_radii=”on|15px|15px|15px|15px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(114,114,114,0.4)” global_colors_info=”{}” sticky_enabled=”0″ title_text=”form-2″][/dipl_floating_image_item][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/google-forms.webp” image_alt=”google forms” floatingimage_duration=”2400ms” horizontal_align=”3%” vertical_align=”-12%” _builder_version=”4.14.9″ _module_preset=”default” background_color=”#FFFFFF” background_enable_color=”on” z_index=”1″ max_width=”27%” custom_padding=”0px|0px|0px|0px|true|true” hover_enabled=”0″ border_radii=”on|12px|12px|12px|12px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(115,64,209,0.48)” global_colors_info=”{}” sticky_enabled=”0″ title_text=”google-forms”][/dipl_floating_image_item][dipl_floating_image_item image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/5e9da081b99e416e3992079f_logo_page_9afbbcc8c5.png” image_alt=”gloomaps” floatingimage_delay=”1500ms” floatingimage_duration=”2700ms” horizontal_align=”67%” vertical_align=”-5%” _builder_version=”4.14.9″ _module_preset=”default” background_color=”#FFFFFF” background_enable_color=”on” z_index=”1″ max_width=”26%” custom_padding=”12px|16px|12px|16px|true|true” hover_enabled=”0″ border_radii=”on|12px|12px|12px|12px” box_shadow_style=”preset3″ box_shadow_blur=”35px” box_shadow_color=”rgba(36,214,159,0.55)” global_colors_info=”{}” sticky_enabled=”0″][/dipl_floating_image_item][/dipl_floating_image]
[dipl_before_after_slider _builder_version=”4.14.9″ _module_preset=”default” title_text=”ps-22″ before_image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/ps11-min.png” after_image=”https://ricardo-castanheira.pt/wp-content/uploads/2022/03/ps-22.png” box_shadow_style=”preset3″ box_shadow_color=”rgba(0,0,0,0.22)” hover_enabled=”0″ sticky_enabled=”0″ slider_handle_color=”#956ef4″][/dipl_before_after_slider]

Second Step

2. UI Design – Prototyping & Layout:

  • Looking foward the results and analysis start the Design
  • Creation of visual layout and behaviors

3. Final touches & Client Feedback:

  • Creation of technical files for developers
  • Analysing target audience
  • Sketching the behaviors and general layout
  • Survey of needs

Technologies that i work