[et_pb_section fb_built=”1″ admin_label=”Header” _builder_version=”4.16.0″ custom_padding=”87px||0px|||” custom_width_px__hover=”1080px” custom_width_px__hover_enabled=”1080px” custom_width_percent__hover=”80%” custom_width_percent__hover_enabled=”80%” locked=”off” global_colors_info=”{}” parallax_1__hover=”off” parallax_1__hover_enabled=”off” parallax_2__hover=”off” parallax_2__hover_enabled=”off” parallax_3__hover=”off” parallax_3__hover_enabled=”off” parallax_method_1__hover=”on” parallax_method_1__hover_enabled=”on” parallax_method_2__hover=”on” parallax_method_2__hover_enabled=”on” parallax_method_3__hover=”on” parallax_method_3__hover_enabled=”on” use_background_color_gradient__hover=”off” use_background_color_gradient__hover_enabled=”off” background_color_gradient_start__hover=”#2b87da” background_color_gradient_start__hover_enabled=”#2b87da” background_color_gradient_end__hover=”#29c4a9″ background_color_gradient_end__hover_enabled=”#29c4a9″ background_color_gradient_type__hover=”linear” background_color_gradient_type__hover_enabled=”linear” background_color_gradient_direction__hover=”180deg” background_color_gradient_direction__hover_enabled=”180deg” background_color_gradient_direction_radial__hover=”center” background_color_gradient_direction_radial__hover_enabled=”center” background_color_gradient_start_position__hover=”0%” background_color_gradient_start_position__hover_enabled=”0%” background_color_gradient_end_position__hover=”100%” background_color_gradient_end_position__hover_enabled=”100%” background_color_gradient_overlays_image__hover=”off” background_color_gradient_overlays_image__hover_enabled=”off” parallax__hover=”off” parallax__hover_enabled=”off” parallax_method__hover=”on” parallax_method__hover_enabled=”on” background_size__hover=”cover” background_size__hover_enabled=”cover” background_position__hover=”center” background_position__hover_enabled=”center” background_repeat__hover=”no-repeat” background_repeat__hover_enabled=”no-repeat” background_blend__hover=”normal” background_blend__hover_enabled=”normal” allow_player_pause__hover=”off” allow_player_pause__hover_enabled=”off” background_video_pause_outside_viewport__hover=”on” background_video_pause_outside_viewport__hover_enabled=”on” inner_shadow__hover=”off” inner_shadow__hover_enabled=”off” make_fullwidth__hover=”off” make_fullwidth__hover_enabled=”off” use_custom_width__hover=”off” use_custom_width__hover_enabled=”off” width_unit__hover=”on” width_unit__hover_enabled=”on” make_equal__hover=”off” make_equal__hover_enabled=”off” use_custom_gutter__hover=”off” use_custom_gutter__hover_enabled=”off” border_radii__hover=”on||||” border_radii__hover_enabled=”on||||” box_shadow_style__hover=”none” box_shadow_style__hover_enabled=”none” box_shadow_color__hover=”rgba(0,0,0,0.3)” box_shadow_color__hover_enabled=”rgba(0,0,0,0.3)” max_width__hover=”100%” max_width__hover_enabled=”100%” filter_hue_rotate__hover=”0deg” filter_hue_rotate__hover_enabled=”0deg” filter_saturate__hover=”100%” filter_saturate__hover_enabled=”100%” filter_brightness__hover=”100%” filter_brightness__hover_enabled=”100%” filter_contrast__hover=”100%” filter_contrast__hover_enabled=”100%” filter_invert__hover=”0%” filter_invert__hover_enabled=”0%” filter_sepia__hover=”0%” filter_sepia__hover_enabled=”0%” filter_opacity__hover=”100%” filter_opacity__hover_enabled=”100%” filter_blur__hover=”0px” filter_blur__hover_enabled=”0px” mix_blend_mode__hover=”normal” mix_blend_mode__hover_enabled=”normal” animation_style__hover=”none” animation_style__hover_enabled=”none” animation_repeat__hover=”once” animation_repeat__hover_enabled=”once” animation_direction__hover=”center” animation_direction__hover_enabled=”center” animation_duration__hover=”1000ms” animation_duration__hover_enabled=”1000ms” animation_delay__hover=”0ms” animation_delay__hover_enabled=”0ms” animation_intensity_slide__hover=”50%” animation_intensity_slide__hover_enabled=”50%” animation_intensity_zoom__hover=”50%” animation_intensity_zoom__hover_enabled=”50%” animation_intensity_flip__hover=”50%” animation_intensity_flip__hover_enabled=”50%” animation_intensity_fold__hover=”50%” animation_intensity_fold__hover_enabled=”50%” animation_intensity_roll__hover=”50%” animation_intensity_roll__hover_enabled=”50%” animation_starting_opacity__hover=”0%” animation_starting_opacity__hover_enabled=”0%” animation_speed_curve__hover=”ease-in-out” animation_speed_curve__hover_enabled=”ease-in-out” hover_transition_duration__hover=”300ms” hover_transition_duration__hover_enabled=”300ms” hover_transition_delay__hover=”0ms” hover_transition_delay__hover_enabled=”0ms” hover_transition_speed_curve__hover=”ease” hover_transition_speed_curve__hover_enabled=”ease” background_color_gradient_stops__hover=”#2b87da 0%|#29c4a9 100%”][et_pb_row _builder_version=”4.16″ custom_padding=”||0px|||” locked=”off” global_colors_info=”{}” custom_margin=”|auto|18px|auto||”][et_pb_column type=”4_4″ saved_specialty_column_type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” parallax__hover=”off” parallax_method__hover=”on” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.16.0″ text_font=”||||||||” text_line_height=”2em” header_font=”DM Serif Display|600|||||||” header_text_color=”#09494a” header_font_size=”120px” header_line_height=”1.3em” text_orientation=”center” min_height=”84px” custom_margin=”-111px||0px|||” custom_padding=”0px|0px|0px|||” header_font_size_tablet=”30px” header_font_size_phone=”24px” header_font_size_last_edited=”on|desktop” global_colors_info=”{}”]

UBC Bank App

[/et_pb_text][et_pb_text _builder_version=”4.16.0″ text_font=”DM Serif Display||||||||” text_font_size=”18px” text_line_height=”2em” link_font=”|700|on||||||” link_text_color=”#6500ff” header_font=”||||||||” header_3_font=”Poppins|600|||||||” header_3_font_size=”20px” header_3_line_height=”1.6em” text_orientation=”center” custom_margin=”-14px||10px|||” header_3_font_size_tablet=”” header_3_font_size_phone=”16px” header_3_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}” link_text_color__hover_enabled=”on” link_text_color__hover=”#9400ff”]

Solo project | Maaz Gundagi

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16.0″ _module_preset=”default” custom_padding=”9px||75px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16.0″ _module_preset=”default” custom_margin=”1px|auto||auto||” custom_padding=”6px||23px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://www.maazgundagi.com/wp-content/uploads/2022/04/ubcccc-1.png” title_text=”ubcccc” align=”center” _builder_version=”4.16.0″ _module_preset=”default” width=”76%” custom_margin=”-5px|||||” hover_enabled=”0″ border_radii=”on|2rem|2rem|2rem|2rem” global_colors_info=”{}” sticky_enabled=”0″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16.0″ _module_preset=”default” custom_margin=”-67px|||||” custom_padding=”49px||48px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16.0″ _module_preset=”default” custom_margin=”-35px|auto||auto||” custom_padding=”||36px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16.0″ text_font=”DM Serif Text||||||||” text_text_color=”#000000″ text_font_size=”18px” text_line_height=”2em” link_font=”||||||||” link_text_color=”#3fd3ce” header_font=”||||||||” header_text_align=”center” header_2_font=”DM Serif Display|600|||||||” header_2_text_align=”center” header_2_font_size=”80px” header_2_line_height=”1.6em” header_3_font=”Poppins|600|||||||” header_3_font_size=”20px” header_3_line_height=”1.6em” background_layout=”dark” custom_margin=”-47px|||||” custom_padding=”||1px|||” scroll_vertical_motion_enable=”on” scroll_vertical_motion=”0|50|50|100|0.25|0|-0.25″ scroll_horizontal_motion=”0|50|50|100|-2|0|0″ header_2_font_size_tablet=”24px” header_2_font_size_phone=”18px” header_2_font_size_last_edited=”on|phone” header_3_font_size_tablet=”” header_3_font_size_phone=”16px” header_3_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}”]

Summary

UBC Bank App Project is a mobile banking UI Design project for a fictional bank. The project was a solo project. The design is minimal and made for Mobile Screens. The design has 6 screens in total and is made in light theme. 

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16.0″ _module_preset=”default” custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.16.0″ _module_preset=”default” custom_margin=”-16px|auto||auto||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.16.0″ text_font=”DM Serif Display||||||||” text_text_color=”#000000″ text_font_size=”18px” text_line_height=”2em” link_font=”||||||||” link_text_color=”#3fd3ce” header_font=”DM Serif Display||||||||” header_text_color=”#FFFFFF” header_font_size=”31px” header_2_font=”DM Serif Text|600|||||||” header_2_text_color=”#FFFFFF” header_2_font_size=”80px” header_2_line_height=”1.4em” header_3_font=”Poppins|600|||||||” header_3_text_color=”#FFFFFF” header_3_font_size=”20px” header_3_line_height=”1.6em” background_layout=”dark” custom_margin=”-89px||24px|||” custom_padding=”0px||0px|4px||” scroll_horizontal_motion_enable=”on” scroll_horizontal_motion=”0|70|70|100|-1|0|0″ motion_trigger_start=”top” header_2_font_size_tablet=”24px” header_2_font_size_phone=”18px” header_2_font_size_last_edited=”on|phone” header_3_font_size_tablet=”” header_3_font_size_phone=”16px” header_3_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}”]

Visuals

The design of the application is can be described as minimal and formal. Blue and white color palette has been used with box-shadows throughout the design. Rounded corners are featured in UI elements throughout the app to make the viewing experience more comfortable.

[/et_pb_text][et_pb_text _builder_version=”4.16.0″ text_font=”DM Serif Display||||||||” text_text_color=”#000000″ text_font_size=”18px” text_line_height=”2em” link_font=”||||||||” link_text_color=”#3fd3ce” header_font=”DM Serif Display||||||||” header_text_color=”#FFFFFF” header_font_size=”31px” header_2_font=”DM Serif Text|600|||||||” header_2_text_color=”#FFFFFF” header_2_font_size=”80px” header_2_line_height=”1.4em” header_3_font=”Poppins|600|||||||” header_3_text_color=”#FFFFFF” header_3_font_size=”20px” header_3_line_height=”1.6em” background_layout=”dark” custom_margin=”-17px|||||” custom_padding=”0px|||||” scroll_horizontal_motion_enable=”on” scroll_horizontal_motion=”0|37|37|100|2|0|0″ header_2_font_size_tablet=”24px” header_2_font_size_phone=”18px” header_2_font_size_last_edited=”on|phone” header_3_font_size_tablet=”” header_3_font_size_phone=”16px” header_3_font_size_last_edited=”on|phone” locked=”off” global_colors_info=”{}”]

 Screens

The design feature 6 screens. Screen 1 is a standard login screen. Screen 2 is the landing page of the app featuring the cards, transfer and recent transaction widgets. Screen 3 is a money transfer screen featuring a 2 step form for sending money to contacts. Screen 4 is a transaction details screen. Screen 5 is a statistics screen. Screen 6 is a card details screen.   

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.16.0″ _module_preset=”default” custom_margin=”-106px|||||” custom_padding=”76px|||||” global_colors_info=”{}”][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}” custom_margin=”-21px|auto||auto||”][et_pb_column type=”1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://www.maazgundagi.com/wp-content/uploads/2022/04/iPhone-13-12-Pro-Max-–-3.png” title_text=”iPhone 13, 12 Pro Max – 3″ _builder_version=”4.16.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://www.maazgundagi.com/wp-content/uploads/2022/04/iPhone-13-12-Pro-Max-–-1.png” title_text=”iPhone 13, 12 Pro Max – 1″ _builder_version=”4.16.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″ border_width_all=”1px” border_color_all=”#a8a8a8″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://www.maazgundagi.com/wp-content/uploads/2022/04/iPhone-13-12-Pro-Max-–-4.png” title_text=”iPhone 13, 12 Pro Max – 4″ _builder_version=”4.16.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″ border_width_all=”1px” border_color_all=”#afafaf”][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://www.maazgundagi.com/wp-content/uploads/2022/04/iPhone-13-12-Pro-Max-–-6.png” title_text=”iPhone 13, 12 Pro Max – 6″ _builder_version=”4.16.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” border_width_all=”1px” border_color_all=”#bababa” sticky_enabled=”0″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://www.maazgundagi.com/wp-content/uploads/2022/04/iPhone-13-12-Pro-Max-–-7.png” title_text=”iPhone 13, 12 Pro Max – 7″ _builder_version=”4.16.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” border_width_all=”1px” border_color_all=”#a5a5a5″ sticky_enabled=”0″][/et_pb_image][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.16.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https://www.maazgundagi.com/wp-content/uploads/2022/04/iPhone-13-12-Pro-Max-–-8.png” title_text=”iPhone 13, 12 Pro Max – 8″ _builder_version=”4.16.0″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” border_width_all=”1px” border_color_all=”#969696″ sticky_enabled=”0″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section]