{"id":1991,"date":"2024-08-01T15:35:44","date_gmt":"2024-08-01T15:35:44","guid":{"rendered":"https:\/\/ooko.com\/rick\/?post_type=project&p=1991"},"modified":"2024-08-01T15:35:44","modified_gmt":"2024-08-01T15:35:44","slug":"siccar-hero-demo-new","status":"publish","type":"project","link":"https:\/\/ooko.com\/rick\/project\/siccar-hero-demo-new\/","title":{"rendered":"Siccar Hero Demo"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.25.1″ _module_preset=”default” background_color=”#333333″ background_image=”https:\/\/ooko.com\/rick\/wp-content\/uploads\/2024\/07\/siccar_hero_wireframes.png” height=”40vh” max_height=”40vh” custom_margin=”||||false|false” custom_padding=”0px||0px||false|false” box_shadow_style=”preset6″ box_shadow_blur=”40px” box_shadow_spread=”20px” box_shadow_color=”rgba(0,0,0,0.5)” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.25.1″ _module_preset=”default” min_height=”100%” height=”100%” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”4.25.1″ _module_preset=”default” background_color=”rgba(10,10,10,0.5)” positioning=”absolute” position_origin_a=”bottom_right” custom_padding=”||0px||false|false” global_colors_info=”{}”][\/et_pb_column][et_pb_column type=”2_5″ _builder_version=”4.25.1″ _module_preset=”default” background_color=”#FFFFFF” positioning=”absolute” position_origin_a=”bottom_right” custom_padding=”||0px||false|false” global_colors_info=”{}”][et_pb_heading title=”Siccar” _builder_version=”4.25.1″ _module_preset=”default” title_font=”|300|||||||” title_text_align=”left” title_text_color=”#FFFFFF” background_color=”#00A6BC” background_enable_image=”off” background_position=”top_center” custom_margin=”10px|10px|0px|10px|false|false” custom_padding=”20px|20px|10px|20px|false|false” global_colors_info=”{}”][\/et_pb_heading][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.25.1″ _module_preset=”default” background_color=”#FFFFFF” background_image=”https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ookocolourfade.jpg” height=”100vh” max_height=”100vh” locked=”off” global_colors_info=”{}”][et_pb_row column_structure=”3_5,2_5″ _builder_version=”4.25.1″ _module_preset=”default” custom_margin=”||||false|false” custom_padding=”0px||20px||false|false” border_width_bottom=”1px” border_style_bottom=”dotted” locked=”off” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ooko_back_off.png” alt=”back” title_text=”ooko_back_on” url=”https:\/\/ooko.com\/rick#portfolio” _builder_version=”4.25.1″ _module_preset=”default” width=”100px” custom_padding=”||||false|false” global_colors_info=”{}” src__hover_enabled=”on|hover” src__hover=”https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ooko_back_on.png”][\/et_pb_image][\/et_pb_column][et_pb_column type=”2_5″ _builder_version=”4.25.1″ _module_preset=”default” custom_padding=”|30px||30px|false|false” global_colors_info=”{}”][et_pb_text _builder_version=”4.25.1″ _module_preset=”default” text_font=”|300|||||||” text_text_color=”#333333″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

Siccar – Hero Demo<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”3_5,2_5″ make_equal=”on” _builder_version=”4.25.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”3_5″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.25.1″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/p>\n

The hero demo was developed as a sales tool, a generic means of demonstrating to prospective clients how the Siccar platform could be used to securely share information and guarantee provenance via a “digital passport”.<\/p>\n

I generated the interactive wireframes based on user stories to show the journey of the cereal crops from field to shelf.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_5″ _builder_version=”4.25.1″ _module_preset=”default” custom_padding=”|10px||10px|false|false” border_style_all=”dashed” global_colors_info=”{}”][dsm_icon_list icon_gap_width=”2em” list_space_between=”5px” _builder_version=”4.25.1″ _module_preset=”default” background_enable_color=”off” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][dsm_icon_list_child text=”UI” font_icon=”||fa||900″ icon_color=”#FFFFFF” icon_padding=”4px” _builder_version=”4.25.1″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#FFFFFF” background_color=”#FE3E8D” background_enable_color=”on” custom_padding=”5px||5px|10px|false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/dsm_icon_list_child][dsm_icon_list_child text=”Edinburgh” font_icon=”||divi||400″ icon_color=”#FFFFFF” icon_padding=”3px” _builder_version=”4.25.1″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#FFFFFF” background_color=”#FFBC00″ background_enable_color=”on” custom_padding=”5px||5px|10px|false|false” global_colors_info=”{}”][\/dsm_icon_list_child][dsm_icon_list_child text=”2022″ font_icon=”||fa||400″ icon_color=”#FFFFFF” icon_padding=”4px” _builder_version=”4.25.1″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#FFFFFF” background_color=”#008605″ background_enable_color=”on” custom_padding=”5px||5px|10px|false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/dsm_icon_list_child][dsm_icon_list_child text=”AdobeXD | Photoshop” font_icon=”||fa||900″ icon_color=”#FFFFFF” icon_padding=”2px” _builder_version=”4.25.1″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#FFFFFF” background_color=”#FF8A00″ background_enable_color=”on” custom_padding=”5px||5px|10px|false|false” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][\/dsm_icon_list_child][\/dsm_icon_list][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/ooko.com\/rick\/wp-content\/uploads\/2024\/07\/siccar_hero_wireframes.png” alt=”SICCAR – BRANDING” title_text=”siccar_hero_wireframes” _builder_version=”4.25.1″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” show_in_lightbox=”on” sticky_enabled=”0″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_gallery gallery_ids=”1387,1388,1389,1390,1391,1392,1393,1394,1395″ posts_number=”9″ _builder_version=”4.25.1″ _module_preset=”default” title_letter_spacing=”2px” global_colors_info=”{}”][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Siccar – Hero DemoThe hero demo was developed as a sales tool, a generic means of demonstrating to prospective clients how the Siccar platform could be used to securely share information and guarantee provenance via a “digital passport”. I generated the interactive wireframes based on user stories to show the journey of the cereal crops […]<\/p>\n","protected":false},"author":1,"featured_media":1396,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"[et_pb_section fb_built=\"1\" _builder_version=\"4.25.1\" _module_preset=\"default\" background_color=\"#333333\" background_image=\"https:\/\/ooko.com\/rick\/wp-content\/uploads\/2024\/07\/siccar_logos-scaled.jpg\" height=\"40vh\" max_height=\"40vh\" custom_margin=\"||||false|false\" custom_padding=\"0px||0px||false|false\" hover_enabled=\"0\" box_shadow_style=\"preset6\" box_shadow_blur=\"40px\" box_shadow_spread=\"20px\" box_shadow_color=\"rgba(0,0,0,0.5)\" locked=\"off\" global_colors_info=\"{}\" alt=\"SICCAR - BRANDING\" title_text=\"siccar_logos\" sticky_enabled=\"0\" background_blend=\"multiply\"][et_pb_row column_structure=\"3_5,2_5\" _builder_version=\"4.25.1\" _module_preset=\"default\" min_height=\"100%\" height=\"100%\" global_colors_info=\"{}\"][et_pb_column type=\"3_5\" _builder_version=\"4.25.1\" _module_preset=\"default\" background_color=\"rgba(10,10,10,0.5)\" positioning=\"absolute\" position_origin_a=\"bottom_right\" custom_padding=\"||0px||false|false\" global_colors_info=\"{}\"][\/et_pb_column][et_pb_column type=\"2_5\" _builder_version=\"4.25.1\" _module_preset=\"default\" background_color=\"#FFFFFF\" positioning=\"absolute\" position_origin_a=\"bottom_right\" custom_padding=\"||0px||false|false\" global_colors_info=\"{}\"][et_pb_heading title=\"Siccar\" _builder_version=\"4.25.1\" _module_preset=\"default\" title_font=\"|300|||||||\" title_text_align=\"left\" title_text_color=\"#FFFFFF\" background_color=\"#00A6BC\" background_enable_image=\"off\" background_position=\"top_center\" custom_margin=\"10px|10px|0px|10px|false|false\" custom_padding=\"20px|20px|10px|20px|false|false\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"][\/et_pb_heading][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\"1\" _builder_version=\"4.25.1\" _module_preset=\"default\" background_color=\"#FFFFFF\" background_image=\"https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ookocolourfade.jpg\" height=\"100vh\" max_height=\"100vh\" locked=\"off\" global_colors_info=\"{}\"][et_pb_row column_structure=\"3_5,2_5\" _builder_version=\"4.25.1\" _module_preset=\"default\" custom_margin=\"||||false|false\" custom_padding=\"0px||20px||false|false\" border_width_bottom=\"1px\" border_style_bottom=\"dotted\" locked=\"off\" global_colors_info=\"{}\"][et_pb_column type=\"3_5\" _builder_version=\"4.20.2\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_image src=\"https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ooko_back_off.png\" alt=\"back\" title_text=\"ooko_back_on\" url=\"https:\/\/ooko.com\/rick#portfolio\" _builder_version=\"4.25.1\" _module_preset=\"default\" width=\"100px\" custom_padding=\"||||false|false\" global_colors_info=\"{}\" src__hover_enabled=\"on|hover\" src__hover=\"https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ooko_back_on.png\"][\/et_pb_image][\/et_pb_column][et_pb_column type=\"2_5\" _builder_version=\"4.25.1\" _module_preset=\"default\" custom_padding=\"|30px||30px|false|false\" global_colors_info=\"{}\"][et_pb_text _builder_version=\"4.25.1\" _module_preset=\"default\" text_font=\"|300|||||||\" text_text_color=\"#333333\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"]

Siccar - Branding<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\"3_5,2_5\" make_equal=\"on\" _builder_version=\"4.25.1\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"3_5\" _builder_version=\"4.20.2\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_text _builder_version=\"4.25.1\" _module_preset=\"default\" global_colors_info=\"{}\"]

Contxt ID were working on \"Darkspark\" - an API management app.<\/p>\n

Niall, their CTO, was familiar with my work with Siccar on the Siccar Hero Demo<\/a> and invited me to help with the Darkspark UI design.<\/p>\n

Over the course of a few months we collaborated to develop and refine a set of wireframes using AdobeXD that their tech team then translated to the live app.<\/p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\"2_5\" _builder_version=\"4.25.1\" _module_preset=\"default\" custom_padding=\"|10px||10px|false|false\" border_style_all=\"dashed\" global_colors_info=\"{}\"][dsm_icon_list icon_gap_width=\"2em\" list_space_between=\"5px\" _builder_version=\"4.25.1\" _module_preset=\"default\" background_enable_color=\"off\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"][dsm_icon_list_child text=\"Branding\" font_icon=\"||fa||900\" icon_color=\"#FFFFFF\" icon_padding=\"4px\" _builder_version=\"4.25.1\" _module_preset=\"default\" text_font=\"|600|||||||\" text_text_color=\"#FFFFFF\" background_color=\"#FE3E8D\" background_enable_color=\"on\" custom_padding=\"5px||5px|10px|false|false\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"][\/dsm_icon_list_child][dsm_icon_list_child text=\"Edinburgh\" font_icon=\"||divi||400\" icon_color=\"#FFFFFF\" icon_padding=\"3px\" _builder_version=\"4.25.1\" _module_preset=\"default\" text_font=\"|600|||||||\" text_text_color=\"#FFFFFF\" background_color=\"#FFBC00\" background_enable_color=\"on\" custom_padding=\"5px||5px|10px|false|false\" global_colors_info=\"{}\"][\/dsm_icon_list_child][dsm_icon_list_child text=\"2021\" font_icon=\"||fa||400\" icon_color=\"#FFFFFF\" icon_padding=\"4px\" _builder_version=\"4.25.1\" _module_preset=\"default\" text_font=\"|600|||||||\" text_text_color=\"#FFFFFF\" background_color=\"#008605\" background_enable_color=\"on\" custom_padding=\"5px||5px|10px|false|false\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"][\/dsm_icon_list_child][dsm_icon_list_child text=\"Illustrator | Photoshop\" font_icon=\"||fa||900\" icon_color=\"#FFFFFF\" icon_padding=\"2px\" _builder_version=\"4.25.1\" _module_preset=\"default\" text_font=\"|600|||||||\" text_text_color=\"#FFFFFF\" background_color=\"#FF8A00\" background_enable_color=\"on\" custom_padding=\"5px||5px|10px|false|false\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"][\/dsm_icon_list_child][\/dsm_icon_list][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.20.2\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.2\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_image src=\"https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/siccar_logo.png\" _builder_version=\"4.25.1\" _module_preset=\"default\" alt=\"SICCAR - BRANDING\" title_text=\"SICCAR - BRANDING\" hover_enabled=\"0\" sticky_enabled=\"0\"][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.20.2\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.20.2\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_portfolio fullwidth=\"off\" include_categories=\"38\" show_categories=\"off\" _builder_version=\"4.25.1\" _module_preset=\"default\" title_text_align=\"center\" title_font_size=\"12px\" title_letter_spacing=\"3px\" global_colors_info=\"{}\"][\/et_pb_portfolio][\/et_pb_column][\/et_pb_row][\/et_pb_section]","_et_gb_content_width":"","footnotes":""},"project_category":[37,33],"project_tag":[],"class_list":["post-1991","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-siccar","project_category-ui"],"_links":{"self":[{"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project\/1991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/comments?post=1991"}],"version-history":[{"count":4,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project\/1991\/revisions"}],"predecessor-version":[{"id":2089,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project\/1991\/revisions\/2089"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/media\/1396"}],"wp:attachment":[{"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/media?parent=1991"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project_category?post=1991"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project_tag?post=1991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}