Share Port
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.0.7" custom_padding="1px|||||" locked="off"][et_pb_column type="4_4" _builder_version="4.0.7"][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/12/Web-1280-–-1.png" _builder_version="4.0.7"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" admin_label="Case Study Text" _builder_version="4.0.7" background_color="#F7F2DC" background_enable_image="off" custom_margin="|||" custom_padding="3px||30px|||"][et_pb_row column_structure="1_2,1_2" _builder_version="4.0.7" animation_style="fade"][et_pb_column type="1_2" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][et_pb_text _builder_version="4.4.6" text_font="Montserrat||||||||" text_text_color="#000000" text_font_size="21px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|-2px|20px|false|true" custom_padding="0px||||false|false" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone"]Share Port logistics application is a bridge to connect customers and truck drivers, The objective is to provide hassle free User Experience, that can compete with market’s big players.
[/et_pb_text][/et_pb_column][et_pb_column type="1_2" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][et_pb_text _builder_version="4.4.6" text_font="Montserrat||||||||" text_text_color="#000000" text_font_size="18px" text_line_height="1.6em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" custom_margin="0px|20px|40px|20px|false|true" custom_padding="0px||||false|false" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]My Responsibility
As a UI Designer I was responsible for Wireframing and Building UI components.
Project Duration:
Oct 2019 to Dec 2019.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" admin_label="Creative Process Section" _builder_version="4.4.6" background_color="#ffffff" background_enable_image="off" custom_padding="33px||11px|||"][et_pb_row admin_label="Service Section Title" _builder_version="3.25" custom_margin="|auto|0px|auto||" animation_style="fade" animation_direction="top" saved_tabs="all" locked="off"][et_pb_column type="4_4" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][et_pb_text admin_label="Title" _builder_version="4.0.7" text_font="Montserrat||||||||" text_text_color="#747d88" text_font_size="16px" text_line_height="1.9em" header_font="||||||||" header_2_font="Montserrat|700||on|||||" header_2_text_color="#ffff00" header_2_font_size="42px" header_2_line_height="1.3em" text_orientation="center" max_width="700px" module_alignment="center" animation_style="slide" animation_direction="bottom" animation_intensity_slide="4%"]Creative Process
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure="1_2,1_2" _builder_version="3.25"][et_pb_column type="1_2" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][et_pb_text _builder_version="4.6.5" text_font="Montserrat||||" text_text_color="#747d88" text_font_size="16px" text_line_height="1.8em" header_font="||||||||" header_4_font="Montserrat|600|||||||" header_4_text_color="#1b1b1b" header_4_font_size="22px" animation_style="fade" locked="off"]1. Prototypes & Wireframes
Sketching rough screens, Creating Low fidelity prototypes and final high fidelity prototypes using 12 grid system
[/et_pb_text][/et_pb_column][et_pb_column type="1_2" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.6.5" custom_padding="||67px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/12/Wireframes-Sharetruck.png" title_text="Wireframes-Sharetruck" _builder_version="4.6.5"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.4.6" custom_padding="2px|||||"][et_pb_row column_structure="1_2,1_2" _builder_version="3.25" custom_margin="-1px|auto|30px|auto||" custom_padding="||45px|||" locked="off"][et_pb_column type="1_2" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][et_pb_text _builder_version="4.4.6" text_font="Montserrat||||" text_text_color="#747d88" text_font_size="16px" text_line_height="1.8em" header_font="||||||||" header_4_font="Montserrat|600|||||||" header_4_text_color="#1b1b1b" header_4_font_size="22px" animation_style="fade" locked="off"]Building UI Components
The UI Components was developed using Adobe Xd with reference to Google’s Material Design.
[/et_pb_text][/et_pb_column][et_pb_column type="1_2" _builder_version="3.25" custom_padding="|||" custom_padding__hover="|||"][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.0.7" custom_margin="-29px|auto||auto||" custom_padding="1px|0px||||" locked="off"][et_pb_column type="4_4" _builder_version="4.0.7"][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/12/Web-1280-–-5.jpg" _builder_version="4.0.7" custom_margin="||2px|||"][/et_pb_image][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/12/sharetruck-4-1.png" title_text="sharetruck-4" _builder_version="4.4.6" custom_margin="-2px||-2px|||"][/et_pb_image][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/12/Web-1280-–-6.jpg" title_text="Web-1280-–-6" _builder_version="4.4.6"][/et_pb_image][et_pb_image src="http://rahulram.in/wp-content/uploads/2020/12/sharetruck-5.png" title_text="sharetruck-5" _builder_version="4.4.6" custom_margin="-29px|||||" custom_padding="|0px||||"][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" _builder_version="4.6.5" background_color="#242636" locked="off"][et_pb_row _builder_version="4.6.5" custom_padding="||0px|||"][et_pb_column type="4_4" _builder_version="4.6.5"][et_pb_text _builder_version="4.4.6" text_font="Montserrat||||||||" text_text_color="#ffffff" text_font_size="18px" text_line_height="1.8em" header_2_font="Montserrat|700|||||||" header_2_text_color="#000000" header_2_font_size="50px" header_4_font="Montserrat|700|||||||" header_4_text_color="#ffff00" header_4_font_size="25px" header_4_line_height="1.6em" custom_margin="0px|2px|8px|2px|false|true" custom_padding="0px||||false|false" header_2_font_size_tablet="" header_2_font_size_phone="35px" header_2_font_size_last_edited="on|phone" locked="off"]What I've Learned in this project?
1.How to calibrate color values based on Merriam Contrast tool for web accesblity
2.Choosing the right Grid and Typography System for mobile screen size.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.4.6" custom_padding="0px||3px|||" locked="off"][et_pb_column type="4_4" _builder_version="4.4.6"][et_pb_button button_url="http://www.rahulram.in" button_text="Back To Portfolio" button_alignment="left" _builder_version="4.4.6" custom_button="on" button_text_size="20px" button_text_color="#00208a" button_bg_color="#29c4a9" button_bg_color_gradient_start="#da502b" button_bg_color_gradient_end="#f8b172" button_border_width="0px" button_border_color="rgba(0,0,0,0)" button_border_radius="3px" button_letter_spacing="3px" button_font="Roboto|500||on|||||" button_icon="%%3%%" button_on_hover="off" custom_margin="20px||20px||true|false" custom_padding="|36px||36px|false|true" button_text_size_tablet="16px" button_text_size_phone="14px" button_text_size_last_edited="on|tablet" button_icon_last_edited="off|desktop" box_shadow_style="preset1"][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]
No comments.