[tatsu_section bg_color= “rgba(29,29,29,1)” bg_image= “http://www.sashaatsuko.com/wp-content/uploads/2018/10/PrimeFitDisplay.png” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “center center” bg_size= “cover” bg_animation= “none” padding= ‘{“d”:”90px 0% 90px 0%”}’ margin= “0px 0px 0px 0px” border= “0px 0px px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “1” overlay_color= “rgba(0,0,0,0.1)” full_screen= “1” section_id= “” section_class= “” section_title= “” offset_section= “” offset_value= “0” full_screen_header_scheme= “background–dark” hide_in= “0” bg_stretch= “1” key= “SkI5qlNhm”][tatsu_row full_width= “0” no_margin_bottom= “0” equal_height_columns= “0” gutter= “medium” column_spacing= “” fullscreen_cols= “0” swap_cols= “0” row_id= “” row_class= “” hide_in= “0” layout= “1/2+1/2” key= “ByxUc5gN27”][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= ‘{“d”:”top left”}’ bg_size= ‘{“d”:”cover”}’ padding= ‘{“d”:”0px 0px 0px 0px”}’ custom_margin= “0” margin= ‘{“d”:”0px 0px 0px 0px”}’ border= ‘{“d”:”0px 0px 0px 0px”}’ border_color= “” enable_box_shadow= “0” box_shadow_custom= “0 0 15px 0 rgba(198,202,202,0.4)” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “none” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/2” key= “rJbI5qg43m”][/tatsu_column][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= ‘{“d”:”top left”}’ bg_size= ‘{“d”:”cover”}’ padding= ‘{“d”:”0px 0px 0px 0px”}’ custom_margin= “0” margin= ‘{“d”:”0px 0px 0px 0px”}’ border= ‘{“d”:”0px 0px 0px 0px”}’ border_color= “” enable_box_shadow= “0” box_shadow_custom= “0 0 15px 0 rgba(198,202,202,0.4)” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “none” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/2” key= “r1HU5qlEnm”][/tatsu_column][/tatsu_row][/tatsu_section][tatsu_section bg_color= “rgba(255,255,255,1)” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “top left” bg_size= “cover” bg_animation= “none” padding= ‘{“d”:”90px 0px 90px 0px”}’ margin= “0px 0px 0px 0px” border= “0px 0px 0px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” full_screen= “0” section_id= “” section_class= “” section_title= “” offset_section= “” offset_value= “0px” full_screen_header_scheme= “background–dark” hide_in= “0” key= “r16ZsgN27”][tatsu_row full_width= “0” no_margin_bottom= “0” equal_height_columns= “0” gutter= “medium” column_spacing= “px” fullscreen_cols= “0” swap_cols= “0” row_id= “” row_class= “” hide_in= “0” layout= “1/2+1/2” key= “HJxaWoxEh7”][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= ‘{“d”:”top left”}’ bg_size= ‘{“d”:”cover”}’ padding= ‘{“d”:”0px 0px 0px 0px”}’ custom_margin= “0” margin= ‘{“d”:”0px 0px 0px 0px”}’ border= ‘{“d”:”0px 0px 0px 0px”}’ border_color= “” enable_box_shadow= “0” box_shadow_custom= “0 0 15px 0 rgba(198,202,202,0.4)” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “middle” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/2” key= “S1WTWixVnX”][tatsu_image image= “http://www.sashaatsuko.com/wp-content/uploads/2018/10/wireframesPF_3.png” image_varying_size_src= “” alignment= “none” enable_margin= “0” margin= ‘{“d”:”0px 0px 0px 0px”}’ border_width= “0” border_color= “” id= “4066” size= “full” adaptive_image= “0” rebel= “0” width= “100%” shadow= “none” lazy_load= “0” placeholder_bg= “” lightbox= “0” link= “” new_tab= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” key= “SJz6ZslVhQ”][/tatsu_image][/tatsu_column][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= ‘{“d”:”top left”}’ bg_size= ‘{“d”:”cover”}’ padding= ‘{“d”:”0px 0px 0px 0px”}’ custom_margin= “0” margin= ‘{“d”:”0px 0px 0px 0px”}’ border= ‘{“d”:”0px 0px 0px 0px”}’ border_color= “” enable_box_shadow= “0” box_shadow_custom= “0 0 15px 0 rgba(198,202,202,0.4)” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “middle” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/2” key= “HkXpZoxV2m”][tatsu_inline_text margin= ‘{“d”:”0px 0px 30px 0px “}’ max_width= ‘{“d”:”100″}’ wrap_alignment= “center” animate= “” animation_type= “fadeIn” animation_delay= “0” key= “HJETWjg43Q”]
Prime Fit Mobile Application Design
NC State startup Prime Fit, winner of the Sweat Equity Challenge, is creating a mobile application using an innovative measurement method to pinpoint the user’s exact body size and help connect them to shopping tools using their Prime Fit.
The team contacted me to design their mobile interface and develop a prototype to showcase at upcoming conferences. After creating wireframes and high fidelity mock-ups using Sketch, I used Invision to develop an interactive prototype.
[/tatsu_inline_text][/tatsu_column][/tatsu_row][/tatsu_section][tatsu_section bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= “top left” bg_size= “cover” bg_animation= “none” padding= ‘{“d”:”120px 0% 120px 0% “}’ margin= “0px 0px 0px 0px” border= “0px 0px 0px 0px” border_color= “” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” full_screen= “0” section_id= “” section_class= “” section_title= “” offset_section= “” offset_value= “0” full_screen_header_scheme= “background–dark” hide_in= “0” key= “BkNcMgV2m”][tatsu_row full_width= “0” no_margin_bottom= “0” equal_height_columns= “0” gutter= “medium” column_spacing= “” fullscreen_cols= “0” swap_cols= “0” row_id= “” row_class= “” hide_in= “0” layout= “1/2+1/2” key= “B1eN9flN2m”][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= ‘{“d”:”top left”}’ bg_size= ‘{“d”:”cover”}’ padding= ‘{“d”:”0px 0px 0px 0px”}’ custom_margin= “0” margin= ‘{“d”:”0px 0px 0px 0px”}’ border= ‘{“d”:”0px 0px 0px 0px”}’ border_color= “” enable_box_shadow= “0” box_shadow_custom= “0 0 15px 0 rgba(198,202,202,0.4)” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “middle” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/2” key= “B1v5meVhX”][tatsu_title_icon icon= “icon-pencil2” size= “medium” alignment= “right” style= “circled” icon_bg= “rgba(228,228,228,1)” icon_color= “rgba(85,85,85,1)” icon_border_color= “” animate= “1” animation_type= “fadeInLeft” animation_delay= “0” key= “BJG49zlE2m”]
MODERN DESIGN
Through research and client interaction, I decided to utilize a bright color gradient from pink to purple with a vibrant light blue as a secondary color. All in an effort to develop an urban look to encourage consumers to utilize their Prime Fit to buy merchandise.
[/tatsu_title_icon][tatsu_title_icon icon= “icon-icon_flowchart” size= “medium” alignment= “right” style= “circled” icon_bg= “rgba(228,228,228,1)” icon_color= “rgba(85,85,85,1)” icon_border_color= “” animate= “1” animation_type= “fadeInLeft” animation_delay= “0” key= “SkX4qfxE27”]
INTUITIVE LAYOUT
Simple, big boxes show a clear path to the following screens with bold text pointing to important materials. Common icons such as the back arrow and collapse menu to help the user navigate freely.
[/tatsu_title_icon][tatsu_title_icon icon= “icon-mouse” size= “medium” alignment= “right” style= “circled” icon_bg= “rgba(228,228,228,1)” icon_color= “rgba(85,85,85,1)” icon_border_color= “” animate= “1” animation_type= “fadeInLeft” animation_delay= “0” key= “ByE49GeV2Q”]
INTERACTIVE PROTOTYPE
Through use of Invision App, I developed a working prototype that is embedded to the right. Click through the application and see how it functions. This is a first draft mockup that will be reiterated as user studies are conducted.
[/tatsu_title_icon][/tatsu_column][tatsu_column bg_color= “” bg_image= “” bg_repeat= “no-repeat” bg_attachment= “scroll” bg_position= ‘{“d”:”top left”}’ bg_size= ‘{“d”:”cover”}’ padding= ‘{“d”:”0px 0px 0px 0px”}’ custom_margin= “0” margin= ‘{“d”:”0px 0px 0px 0px”}’ border= ‘{“d”:”0px 0px 0px 0px”}’ border_color= “” enable_box_shadow= “0” box_shadow_custom= “0 0 15px 0 rgba(198,202,202,0.4)” bg_video= “0” bg_video_mp4_src= “” bg_video_ogg_src= “” bg_video_webm_src= “” bg_overlay= “0” overlay_color= “” animate_overlay= “none” link_overlay= “” vertical_align= “middle” column_offset= “0” offset= “0px 0px” z_index= “0” column_parallax= “0” animate= “0” animation_type= “fadeIn” animation_delay= “0” col_id= “” column_class= “” hide_in= “0” layout= “1/2” key= “HylP97xEnm”][tatsu_code id= “” class= “” key= “ryjczgV3Q”][/tatsu_code][/tatsu_column][/tatsu_row][/tatsu_section]