{"id":1920,"date":"2024-07-31T23:04:13","date_gmt":"2024-07-31T23:04:13","guid":{"rendered":"https:\/\/ooko.com\/rick\/?post_type=project&#038;p=1920"},"modified":"2024-07-31T23:04:13","modified_gmt":"2024-07-31T23:04:13","slug":"origo-new","status":"publish","type":"project","link":"https:\/\/ooko.com\/rick\/project\/origo-new\/","title":{"rendered":"Origo"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#333333&#8243; background_image=&#8221;https:\/\/ooko.com\/rick\/wp-content\/uploads\/2024\/07\/folio_origo.png&#8221; height=&#8221;40vh&#8221; max_height=&#8221;40vh&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; box_shadow_style=&#8221;preset6&#8243; box_shadow_blur=&#8221;40px&#8221; box_shadow_spread=&#8221;20px&#8221; box_shadow_color=&#8221;rgba(0,0,0,0.5)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; min_height=&#8221;100%&#8221; height=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(10,10,10,0.5)&#8221; positioning=&#8221;absolute&#8221; position_origin_a=&#8221;bottom_right&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; positioning=&#8221;absolute&#8221; position_origin_a=&#8221;bottom_right&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;ORIGO&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;|300|||||||&#8221; title_text_align=&#8221;left&#8221; title_text_color=&#8221;#FFFFFF&#8221; background_color=&#8221;#00A6BC&#8221; background_enable_image=&#8221;off&#8221; background_position=&#8221;top_center&#8221; custom_margin=&#8221;10px|10px|0px|10px|false|false&#8221; custom_padding=&#8221;20px|20px|10px|20px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_image=&#8221;https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ookocolourfade.jpg&#8221; height=&#8221;100vh&#8221; max_height=&#8221;100vh&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||20px||false|false&#8221; border_width_bottom=&#8221;1px&#8221; border_style_bottom=&#8221;dotted&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ooko_back_off.png&#8221; alt=&#8221;back&#8221; title_text=&#8221;ooko_back_on&#8221; url=&#8221;https:\/\/ooko.com\/rick#portfolio&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100px&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221; src__hover_enabled=&#8221;on|hover&#8221; src__hover=&#8221;https:\/\/ooko.com\/rick\/wp-content\/uploads\/2023\/03\/ooko_back_on.png&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|30px||30px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;#333333&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>ORIGO &#8211; Pensions Dashboard POC<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>I was contracted by ORIGO to help design and develop the front-end for their Pensions Dashboard proof of concept app.<\/p>\n<p>This required using Angular to facilitate integration between the new front-end with the disparate data being gathered at the back-end from various pension providers to consolidate the user&#8217;s pension information in a single report.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|10px||10px|false|false&#8221; border_style_all=&#8221;dashed&#8221; global_colors_info=&#8221;{}&#8221;][dsm_icon_list icon_gap_width=&#8221;2em&#8221; list_space_between=&#8221;5px&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][dsm_icon_list_child text=&#8221;UI | Front End Development&#8221; font_icon=&#8221;&#xf4ff;||fa||900&#8243; icon_color=&#8221;#FFFFFF&#8221; icon_padding=&#8221;4px&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; background_color=&#8221;#FE3E8D&#8221; background_enable_color=&#8221;on&#8221; custom_padding=&#8221;5px||5px|10px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/dsm_icon_list_child][dsm_icon_list_child text=&#8221;Edinburgh&#8221; font_icon=&#8221;&#xe081;||divi||400&#8243; icon_color=&#8221;#FFFFFF&#8221; icon_padding=&#8221;3px&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; background_color=&#8221;#FFBC00&#8243; background_enable_color=&#8221;on&#8221; custom_padding=&#8221;5px||5px|10px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/dsm_icon_list_child][dsm_icon_list_child text=&#8221;2016&#8243; font_icon=&#8221;&#xf073;||fa||400&#8243; icon_color=&#8221;#FFFFFF&#8221; icon_padding=&#8221;4px&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; background_color=&#8221;#008605&#8243; background_enable_color=&#8221;on&#8221; custom_padding=&#8221;5px||5px|10px|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/dsm_icon_list_child][dsm_icon_list_child text=&#8221;Angular | Photoshop&#8221; font_icon=&#8221;&#xf109;||fa||900&#8243; icon_color=&#8221;#FFFFFF&#8221; icon_padding=&#8221;2px&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; background_color=&#8221;#FF8A00&#8243; background_enable_color=&#8221;on&#8221; custom_padding=&#8221;5px||5px|10px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/dsm_icon_list_child][\/dsm_icon_list][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/ooko.com\/rick\/wp-content\/uploads\/2024\/07\/origo_banner.jpg&#8221; alt=&#8221;ORIGO&#8221; title_text=&#8221;origo_banner&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; border_width_all=&#8221;1px&#8221; box_shadow_style=&#8221;preset3&#8243; global_colors_info=&#8221;{}&#8221; show_in_lightbox=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_gallery gallery_ids=&#8221;1923,1924,1925,1926&#8243; posts_number=&#8221;8&#8243; zoom_icon_color=&#8221;#333333&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;|300|||||||&#8221; title_text_align=&#8221;center&#8221; title_font_size=&#8221;12px&#8221; title_letter_spacing=&#8221;1px&#8221; title_line_height=&#8221;1.5em&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>ORIGO &#8211; Pensions Dashboard POCI was contracted by ORIGO to help design and develop the front-end for their Pensions Dashboard proof of concept app. This required using Angular to facilitate integration between the new front-end with the disparate data being gathered at the back-end from various pension providers to consolidate the user&#8217;s pension information in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1930,"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\/fspg_banner.jpg\" 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=\"FSPG\" _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\" global_colors_info=\"{}\"]<p>FSPG - Fire Safety &amp; Protection Group<\/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=\"{}\"]<p>Contxt ID were working on \"Darkspark\" - an API management app.<\/p>\n<p>Niall, their CTO, was familiar with my work with Siccar on the <a href=\"\/project\/siccar-hero-demo\/\">Siccar Hero Demo<\/a> and invited me to help with the Darkspark UI design.<\/p>\n<p>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\" global_colors_info=\"{}\"][dsm_icon_list_child text=\"Branding | Web\" font_icon=\"&#xf4ff;||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\" global_colors_info=\"{}\"][\/dsm_icon_list_child][dsm_icon_list_child text=\"Abu Dhabi\" font_icon=\"&#xe081;||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=\"2017\" font_icon=\"&#xf073;||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\" global_colors_info=\"{}\"][\/dsm_icon_list_child][dsm_icon_list_child text=\"Illustrator | Photoshop | Wordpress\" font_icon=\"&#xf109;||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\" global_colors_info=\"{}\"][\/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\/fspg01.png\" alt=\"FIRE SAFETY & PROTECTION GROUP - BRANDING\" title_text=\"FIRE SAFETY & PROTECTION GROUP - BRANDING\" _builder_version=\"4.25.1\" _module_preset=\"default\" border_width_all=\"1px\" box_shadow_style=\"preset3\" global_colors_info=\"{}\"][\/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=\"1317,1316\" posts_number=\"8\" zoom_icon_color=\"#333333\" _builder_version=\"4.25.1\" _module_preset=\"default\" title_font=\"|300|||||||\" title_text_align=\"center\" title_font_size=\"12px\" title_letter_spacing=\"1px\" title_line_height=\"1.5em\" global_colors_info=\"{}\"][\/et_pb_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]","_et_gb_content_width":"","footnotes":""},"project_category":[39,33,29],"project_tag":[],"class_list":["post-1920","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-frontend","project_category-ui","project_category-web"],"_links":{"self":[{"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project\/1920","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=1920"}],"version-history":[{"count":7,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project\/1920\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project\/1920\/revisions\/2050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/media\/1930"}],"wp:attachment":[{"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/media?parent=1920"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project_category?post=1920"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/ooko.com\/rick\/wp-json\/wp\/v2\/project_tag?post=1920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}