{"id":987515047,"date":"2025-11-13T14:24:21","date_gmt":"2025-11-13T14:24:21","guid":{"rendered":"https:\/\/fitra.co.za\/design\/?page_id=987515047"},"modified":"2025-12-09T09:36:40","modified_gmt":"2025-12-09T09:36:40","slug":"project-fitra-insight","status":"publish","type":"page","link":"https:\/\/fitra.co.za\/design\/project-fitra-insight\/","title":{"rendered":"Project &#8211; Fitra Insight"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.27.4&#8243; background_enable_image=&#8221;off&#8221; parallax=&#8221;on&#8221; animation_style=&#8221;fade&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_header title=&#8221;Project = %22 Fitra Insight %22&#8243; subhead=&#8221;Design &#038; Develop = Product Branding + .Multi-Page Website &#8221; button_one_text=&#8221;fitra.co.za\/insight&#8221; button_one_url=&#8221;https:\/\/fitra.co.za\/insight\/&#8221; content_max_width=&#8221;750px&#8221; _builder_version=&#8221;4.27.4&#8243; title_level=&#8221;h2&#8243; title_font=&#8221;Iceland|&#8211;et_global_heading_font_weight|||||||&#8221; title_text_color=&#8221;#7A7977&#8243; title_font_size=&#8221;40px&#8221; title_line_height=&#8221;1.5em&#8221; content_font=&#8221;||||||||&#8221; content_font_size=&#8221;16px&#8221; content_line_height=&#8221;2em&#8221; subhead_font=&#8221;Iceland||||||||&#8221; subhead_text_color=&#8221;gcid-primary-color&#8221; subhead_font_size=&#8221;25px&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; background_image=&#8221;https:\/\/fitra.co.za\/design\/wp-content\/uploads\/sites\/8\/2025\/11\/Fitra-web-dev-2.png?_t=1763029346&#8243; parallax=&#8221;on&#8221; parallax_method=&#8221;on&#8221; background_blend=&#8221;overlay&#8221; custom_button_one=&#8221;on&#8221; button_one_text_size=&#8221;25px&#8221; button_one_text_color=&#8221;#ffffff&#8221; button_one_bg_color=&#8221;gcid-primary-color&#8221; button_one_border_width=&#8221;2px&#8221; button_one_border_color=&#8221;#FFFFFF&#8221; button_one_border_radius=&#8221;10px&#8221; button_one_letter_spacing=&#8221;2px&#8221; button_one_font=&#8221;Iceland|&#8211;et_global_heading_font_weight||on|||||&#8221; button_one_icon=&#8221;&#x39;||divi||400&#8243; button_one_icon_color=&#8221;#FFFFFF&#8221; custom_button_two=&#8221;on&#8221; button_two_text_size=&#8221;14px&#8221; button_two_text_color=&#8221;#ffffff&#8221; button_two_bg_color=&#8221;rgba(255,255,255,0)&#8221; button_two_border_width=&#8221;12px&#8221; button_two_border_color=&#8221;rgba(0,0,0,0)&#8221; button_two_border_radius=&#8221;0px&#8221; button_two_letter_spacing=&#8221;2px&#8221; button_two_font=&#8221;|600||on|||||&#8221; button_two_icon=&#8221;&#x39;||divi||400&#8243; button_two_on_hover=&#8221;off&#8221; custom_margin=&#8221;|||&#8221; custom_padding=&#8221;4vw||16vw||false|&#8221; animation_style=&#8221;zoom&#8221; animation_intensity_zoom=&#8221;-5%&#8221; link_option_url_new_window=&#8221;on&#8221; title_font_size_tablet=&#8221;&#8221; title_font_size_phone=&#8221;25px&#8221; title_font_size_last_edited=&#8221;on|desktop&#8221; custom_css_button_1=&#8221;Margin-top: 50px;&#8221; button_one_text_shadow_style=&#8221;preset2&#8243; button_one_text_shadow_horizontal_length=&#8221;0.04em&#8221; button_one_text_shadow_vertical_length=&#8221;0.04em&#8221; button_one_text_shadow_blur_strength=&#8221;0.04em&#8221; button_one_text_shadow_color=&#8221;#2D383F&#8221; box_shadow_style_button_one=&#8221;preset1&#8243; box_shadow_vertical_button_one=&#8221;0px&#8221; box_shadow_blur_button_one=&#8221;5px&#8221; box_shadow_spread_button_one=&#8221;2px&#8221; box_shadow_color_button_one=&#8221;#BEBDBD&#8221; box_shadow_style_button_two=&#8221;preset1&#8243; box_shadow_vertical_button_two=&#8221;0px&#8221; box_shadow_blur_button_two=&#8221;0px&#8221; box_shadow_spread_button_two=&#8221;2px&#8221; box_shadow_color_button_two=&#8221;#ffffff&#8221; button_one_letter_spacing_hover=&#8221;2px&#8221; button_two_letter_spacing_hover=&#8221;2px&#8221; global_colors_info=&#8221;{%22gcid-primary-color%22:%91%22button_bg_color%22,%22button_text_shadow_color__hover%22,%22button_border_color__hover%22,%22button_text_color__hover%22,%22dsm_modules_close_background_color%22,%22button_one_icon_color__hover%22,%22button_one_text_color__hover%22,%22box_shadow_color_button_one__hover%22,%22background_color_gradient_stops%22,%22subhead_text_color%22,%22button_one_bg_color%22%93,%22gcid-secondary-color%22:%91%22background_color_gradient_stops%22%93}&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;on|hover&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;on|desktop&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_letter_spacing__hover=&#8221;2px&#8221; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_letter_spacing__hover=&#8221;2px&#8221; button_one_bg_color__hover_enabled=&#8221;on|hover&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221; button_one_text_color__hover=&#8221;#7893b1&#8243; button_one_bg_color__hover=&#8221;#565A5C&#8221; button_one_border_color__hover=&#8221;#BEBDBD&#8221; button_one_icon_color__hover=&#8221;#7893b1&#8243; button_one_icon_color__hover_enabled=&#8221;on|hover&#8221; box_shadow_color_button_one__hover=&#8221;#7893b1&#8243; box_shadow_color_button_one__hover_enabled=&#8221;on|hover&#8221;][\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Details&#8221; _builder_version=&#8221;4.27.4&#8243; background_color=&#8221;#FFFFFF&#8221; custom_margin=&#8221;-180px|||||&#8221; custom_padding=&#8221;54px|0px|0|0px|false|false&#8221; box_shadow_style=&#8221;preset7&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;-250px&#8221; box_shadow_color=&#8221;#f7f8fc&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_5,1_5,1_5,1_5,1_5&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.16&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;Lato|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;fade&#8221; animation_direction=&#8221;right&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>\/\/ CLient<\/h3>\n<ul>\n<li>Fitra Group<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;Lato|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;25%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>\/\/ Services<\/h3>\n<ul>\n<li>Web Design + Build<\/li>\n<li>UI \/ UX<\/li>\n<li>Product Branding<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.27.5&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;Lato|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;40%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h3>\/\/ Deliverables<\/h3>\n<ul>\n<li>4 Pages<\/li>\n<li>Images<\/li>\n<li>Icons<\/li>\n<li>WordPress Build<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.16&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; ul_font=&#8221;||||||||&#8221; header_3_font=&#8221;Lato|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_intensity_slide=&#8221;25%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>\/\/ Other<\/h3>\n<ul>\n<li>Product Images<\/li>\n<li><span style=\"font-size: 14px;\">Logo Design<\/span><\/li>\n<li>Content Writing<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text ul_type=&#8221;square&#8221; _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;1.8em&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#0054ff&#8221; ul_font=&#8221;||||||||&#8221; quote_font=&#8221;||||||||&#8221; header_3_font=&#8221;Lato|700||on|||||&#8221; header_3_font_size=&#8221;12px&#8221; header_3_letter_spacing=&#8221;3px&#8221; header_3_line_height=&#8221;2em&#8221; animation_style=&#8221;fade&#8221; animation_direction=&#8221;right&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>\/\/ Website<\/h3>\n<ul>\n<li><a href=\"https:\/\/fitra.co.za\/insight\/\" target=\"_blank\" rel=\"noopener\">fitra.co.za\/insight<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/fitra.co.za\/design\/wp-content\/uploads\/sites\/8\/2025\/11\/Fitra-Insight-Website-03.png?_t=1763040775&#8243; title_text=&#8221;Fitra Insight Website 03&#8243; force_fullwidth=&#8221;on&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; animation_style=&#8221;zoom&#8221; animation_direction=&#8221;bottom&#8221; animation_intensity_zoom=&#8221;5%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;About&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#f5f6f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;||||||||&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2># Project-Info<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font_size=&#8221;35px&#8221; header_3_line_height=&#8221;1.5em&#8221; header_4_font=&#8221;Lato|700||on|||||&#8221; header_4_text_color=&#8221;rgba(12,12,12,0.27)&#8221; header_4_font_size=&#8221;13px&#8221; header_4_letter_spacing=&#8221;3px&#8221; header_4_line_height=&#8221;1.8em&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;25px&#8221; header_3_font_size_last_edited=&#8221;on|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>\/\/ Challenge<\/h3>\n<p>The immediate goal was to build a site that would support the launch and pre-sale campaign for <em data-start=\"979\" data-end=\"991\">Experience<\/em>, while also laying the foundation for Fitra Insight\u2019s long-term publishing strategy. The challenge was to balance <strong data-start=\"1106\" data-end=\"1136\">aesthetics and performance<\/strong> \u2014 crafting a serene, immersive online experience that reflected the book\u2019s depth and tone, while ensuring fast load times, secure checkout, and seamless user navigation. The system also needed to be <strong data-start=\"1336\" data-end=\"1348\">scalable<\/strong>, allowing for easy integration of future titles, author profiles, and additional publishing projects under the Fitra Insight brand.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font_size=&#8221;35px&#8221; header_3_line_height=&#8221;1.5em&#8221; header_4_font=&#8221;Lato|700||on|||||&#8221; header_4_text_color=&#8221;rgba(12,12,12,0.27)&#8221; header_4_font_size=&#8221;13px&#8221; header_4_letter_spacing=&#8221;3px&#8221; header_4_line_height=&#8221;1.8em&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;25px&#8221; header_3_font_size_last_edited=&#8221;on|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>\/\/ Solution<\/h3>\n<p data-start=\"1249\" data-end=\"1382\">We built a fully responsive <strong data-start=\"1536\" data-end=\"1563\">WordPress + WooCommerce<\/strong> platform tailored to Fitra Insight\u2019s publishing workflow. The new Fitra Insight website launched in conjunction with <em data-start=\"2606\" data-end=\"2618\">Experience<\/em>\u2019s pre-order campaign, serving as both a digital storefront and a brand statement. The platform successfully streamlined pre-orders, supported marketing efforts, and positioned Fitra Insight as a professional, credible publishing house from its very first release. Built for scale, it now stands ready to grow alongside the company\u2019s expanding catalogue of conscious, purpose-driven publications.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Projects&#8221; _builder_version=&#8221;4.27.4&#8243; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0|0px|17px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;3_5,2_5&#8243; make_equal=&#8221;on&#8221; padding_top_bottom_link_1=&#8221;true&#8221; padding_top_bottom_link_2=&#8221;false&#8221; _builder_version=&#8221;4.16&#8243; custom_margin=&#8221;||80px||false&#8221; custom_padding=&#8221;0|0px|0|0px|true|false&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;right&#8221; animation_intensity_slide=&#8221;1%&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;-780px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_color=&#8221;#f5f6f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;90deg&#8221; background_color_gradient_stops=&#8221;#f5f6f9 50%|rgba(245,246,249,0) 50%&#8221; background_color_gradient_start=&#8221;#f5f6f9&#8243; background_color_gradient_start_position=&#8221;50%&#8221; background_color_gradient_end=&#8221;rgba(245,246,249,0)&#8221; background_color_gradient_end_position=&#8221;0%&#8221; custom_padding=&#8221;60px||60px|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/fitra.co.za\/design\/wp-content\/uploads\/sites\/8\/2025\/11\/Fitra-Insight-Experience-Website-Mockup-2.2.png?_t=1763040997&#8243; title_text=&#8221;Fitra-Insight-Experience-Website-Mockup-2.2&#8243; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; background_color=&#8221;#FFFFFF&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;60px||||false|false&#8221; custom_margin_tablet=&#8221;|||-10%&#8221; custom_margin_phone=&#8221;|||&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;80px||40px|&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;0px|||&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221; padding_phone=&#8221;0px|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font_size=&#8221;40px&#8221; header_3_line_height=&#8221;1em&#8221; header_4_font=&#8221;||||||||&#8221; header_4_text_color=&#8221;#7A7977&#8243; header_4_font_size=&#8221;25px&#8221; header_5_font=&#8221;Lato||||||||&#8221; header_5_text_color=&#8221;#939696&#8243; custom_margin=&#8221;2px|||||&#8221; custom_padding=&#8221;4px|||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h5>&#8211; PRODUCT BRANDING DESIGN<\/h5>\n<h5>&#8211; DIGITAL PRODUCT RENDERING<\/h5>\n<h3><\/h3>\n<h3>EXPERIENCE<\/h3>\n<h4><\/h4>\n<h4>Book Cover and Illustrations Design<\/h4>\n<p>For the launch of <em data-start=\"310\" data-end=\"367\">Experience: The Traveler\u2019s Companion for Life\u2019s Journey<\/em>, we partnered with <strong data-start=\"387\" data-end=\"404\">Fitra Insight<\/strong>, the publishing division of the Fitra Group, to design a book cover that visually captured the depth, serenity, and transcendence explored within its pages. The goal was to create a visual identity that reflected the book\u2019s philosophical and spiritual tone while maintaining broad contemporary appeal across both print and digital platforms.<\/p>\n<p>[\/et_pb_text][et_pb_blurb title=&#8221;Live Product&#8221; url=&#8221;https:\/\/fitra.co.za\/insight\/&#8221; url_new_window=&#8221;on&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xe013;||divi||400&#8243; icon_color=&#8221;#ff454e&#8221; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;24px&#8221; _builder_version=&#8221;4.27.4&#8243; header_font=&#8221;|600||on|||||&#8221; header_font_size=&#8221;14px&#8221; header_letter_spacing=&#8221;2px&#8221; header_line_height=&#8221;1.8em&#8221; body_font=&#8221;||||||||&#8221; body_line_height=&#8221;1.8em&#8221; link_option_url=&#8221;https:\/\/fitra.co.za\/insight\/&#8221; link_option_url_new_window=&#8221;on&#8221; icon_font_size=&#8221;24px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blurb][et_pb_button button_text=&#8221;View: %22Full-Project-Live%22&#8243; button_alignment=&#8221;right&#8221; _builder_version=&#8221;4.27.5&#8243; button_use_icon=&#8221;on&#8221; button_icon_color=&#8221;gcid-primary-color&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-primary-color%22:%91%22button_border_color__hover%22,%22button_text_color__hover%22,%22button_text_shadow_color__hover%22,%22dsm_modules_close_background_color%22,%22button_one_bg_color%22,%22button_one_icon_color__hover%22,%22button_one_text_color__hover%22,%22box_shadow_color_button_one__hover%22,%22button_bg_color%22,%22box_shadow_color__hover%22,%22button_icon_color%22%93}&#8221; button_one_text_size__hover_enabled=&#8221;off&#8221; button_two_text_size__hover_enabled=&#8221;off&#8221; button_one_text_color__hover_enabled=&#8221;off&#8221; button_two_text_color__hover_enabled=&#8221;off&#8221; button_one_border_width__hover_enabled=&#8221;off&#8221; button_two_border_width__hover_enabled=&#8221;off&#8221; button_one_border_color__hover_enabled=&#8221;off&#8221; button_two_border_color__hover_enabled=&#8221;off&#8221; button_one_border_radius__hover_enabled=&#8221;off&#8221; button_two_border_radius__hover_enabled=&#8221;off&#8221; button_one_letter_spacing__hover_enabled=&#8221;off&#8221; button_two_letter_spacing__hover_enabled=&#8221;off&#8221; button_one_bg_color__hover_enabled=&#8221;off&#8221; button_two_bg_color__hover_enabled=&#8221;off&#8221; box_shadow_color__hover=&#8221;#7893b1&#8243; box_shadow_color__hover_enabled=&#8221;on|desktop&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; button_icon_color__hover_enabled=&#8221;on|desktop&#8221; button_icon_color__hover=&#8221;&#8221; button_url=&#8221;https:\/\/fitra.co.za\/insight\/&#8221; url_new_window=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; padding_top_bottom_link_1=&#8221;false&#8221; padding_top_bottom_link_2=&#8221;true&#8221; _builder_version=&#8221;4.16&#8243; custom_margin=&#8221;40px|auto|3px|auto|false|&#8221; custom_padding=&#8221;0|0px|0|0px|true|false&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;1%&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;780px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_color=&#8221;#f5f6f9&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;80px||40px|&#8221; custom_padding_tablet=&#8221;0px|||&#8221; custom_padding_phone=&#8221;0px|||&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; padding_tablet=&#8221;0px|||&#8221; padding_last_edited=&#8221;on|tablet&#8221; custom_padding__hover=&#8221;|||&#8221; padding_phone=&#8221;0px|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_font_size=&#8221;16px&#8221; text_line_height=&#8221;1.8em&#8221; header_2_font=&#8221;|900|||||||&#8221; header_4_font=&#8221;Lato|700||on|||||&#8221; header_4_text_color=&#8221;#0054ff&#8221; header_4_font_size=&#8221;14px&#8221; header_4_letter_spacing=&#8221;2px&#8221; header_4_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2># MAIN_PAGES<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font_size=&#8221;40px&#8221; header_3_line_height=&#8221;1em&#8221; header_4_font=&#8221;||||||||&#8221; header_4_text_color=&#8221;#7A7977&#8243; header_4_font_size=&#8221;25px&#8221; header_5_font=&#8221;Lato||||||||&#8221; header_5_text_color=&#8221;#939696&#8243; custom_margin=&#8221;||50px|||&#8221; custom_padding=&#8221;||0px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h5>&#8211; NEW SINGLE-PAGE WEBSITE DESIGN &amp; DEVELOPMENT<\/h5>\n<h5>&#8211; PRE-ORDERING SYSTEM<\/h5>\n<h3><\/h3>\n<h3>Fitra Insight<\/h3>\n<p>needed a digital home for its new publishing division, <strong data-start=\"554\" data-end=\"571\">Fitra Insight<\/strong> \u2014 a platform that could both showcase the book\u2019s vision and facilitate pre-orders directly from readers. Our team was tasked with designing and developing a <strong data-start=\"729\" data-end=\"768\">clean, modern, and scalable website<\/strong> capable of supporting e-commerce, digital marketing, and future multi-title expansion.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/fitra.co.za\/design\/wp-content\/uploads\/sites\/8\/2025\/11\/Fitra-Insight-Project-Home-Page.jpg?_t=1763042256&#8243; title_text=&#8221;Fitra-Insight-Project-Home-Page&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; custom_margin_tablet=&#8221;|||-10%&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_blur=&#8221;80px&#8221; box_shadow_spread=&#8221;25px&#8221; box_shadow_color=&#8221;rgba(12,113,195,0.07)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_direction=&#8221;90deg&#8221; background_color_gradient_stops=&#8221;rgba(245,246,249,0) 50%|#f5f6f9 50%&#8221; background_color_gradient_start=&#8221;rgba(245,246,249,0)&#8221; background_color_gradient_start_position=&#8221;50%&#8221; background_color_gradient_end=&#8221;#f5f6f9&#8243; background_color_gradient_end_position=&#8221;0%&#8221; custom_padding=&#8221;60px||60px|&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/fitra.co.za\/design\/wp-content\/uploads\/sites\/8\/2025\/11\/Fitra-Insight-Project-Contact-Page.jpg?_t=1763042277&#8243; title_text=&#8221;Fitra Insight Project Contact Page&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; custom_margin=&#8221;|-20%||&#8221; custom_margin_tablet=&#8221;|-10%||&#8221; custom_margin_phone=&#8221;|||&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;5%&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_blur=&#8221;80px&#8221; box_shadow_spread=&#8221;25px&#8221; box_shadow_color=&#8221;rgba(12,113,195,0.07)&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/fitra.co.za\/design\/wp-content\/uploads\/sites\/8\/2025\/11\/Fitra-Insight-Project-About-Page.jpg?_t=1763042308&#8243; title_text=&#8221;Fitra Insight Project About Page&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; custom_margin_tablet=&#8221;|||-10%&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_blur=&#8221;80px&#8221; box_shadow_spread=&#8221;25px&#8221; box_shadow_color=&#8221;rgba(12,113,195,0.07)&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_color_gradient_direction=&#8221;90deg&#8221; background_image=&#8221;https:\/\/fitra.co.za\/design\/wp-content\/uploads\/sites\/8\/2025\/11\/web-dev-24.png?_t=1762966985&#8243; parallax=&#8221;on&#8221; custom_margin=&#8221;0px|0px|0px|0px|false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|true&#8221; custom_css_free_form=&#8221;#particles-js {||  position: absolute;||  z-index: 1;||}&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-secondary-color%22:%91%22box_shadow_color%22%93}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; width=&#8221;100%&#8221; max_width=&#8221;2560px&#8221; custom_margin=&#8221;0px|0px||0px|false|false&#8221; custom_padding=&#8221;120px|0px|100px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;dtb-typing&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Iceland||||||||&#8221; text_text_color=&#8221;gcid-primary-color&#8221; text_font_size=&#8221;35px&#8221; text_line_height=&#8221;1.2em&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;-3px||-1px||false|false&#8221; custom_padding=&#8221;||29px||false|false&#8221; dsm_modules_popup=&#8221;on&#8221; dsm_modules_popup_library=&#8221;987513957&#8243; dsm_modules_popup_trigger=&#8221;scroll&#8221; dsm_modules_popup_cookie_days=&#8221;7&#8243; dsm_modules_popup_width=&#8221;1350px&#8221; dsm_modules_overlay_background=&#8221;rgba(45,56,63,0.85)&#8221; dsm_modules_popup_close_button_placement=&#8221;false&#8221; dsm_modules_close_background_color=&#8221;gcid-primary-color&#8221; dsm_modules_close_icon_color=&#8221;#FFFFFF&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-primary-color%22:%91%22text_text_color%22,%22dsm_modules_close_background_color%22%93}&#8221;]<\/p>\n<p style=\"text-align: center;\">&gt; Thank you for viewing this case study!<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Iceland||||||||&#8221; text_text_color=&#8221;#BEBDBD&#8221; text_font_size=&#8221;25px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\">Let us create something special just for you.<\/p>\n<p>[\/et_pb_text][dsm_button button_one_text=&#8221;GET: %22IN-TOUCH%22&#8243; button_one_url=&#8221;https:\/\/fitra.co.za\/design\/contact\/&#8221; button_two_text=&#8221;BACK: %22TO-PORTFOLIO%22&#8243; button_two_url=&#8221;https:\/\/fitra.co.za\/design\/portfolio\/&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_button_one=&#8221;on&#8221; button_one_text_size=&#8221;25px&#8221; button_one_text_color=&#8221;#ffffff&#8221; button_one_bg_color=&#8221;gcid-primary-color&#8221; button_one_border_width=&#8221;2px&#8221; button_one_border_color=&#8221;#FFFFFF&#8221; button_one_border_radius=&#8221;10px&#8221; button_one_letter_spacing=&#8221;2px&#8221; button_one_font=&#8221;Iceland|&#8211;et_global_heading_font_weight||on|||||&#8221; button_one_icon=&#8221;&#x39;||divi||400&#8243; button_one_icon_color=&#8221;#FFFFFF&#8221; custom_button_two=&#8221;on&#8221; button_two_text_size=&#8221;25px&#8221; button_two_text_color=&#8221;#565A5C&#8221; button_two_bg_color=&#8221;#BEBDBD&#8221; button_two_border_width=&#8221;2px&#8221; button_two_border_color=&#8221;#FFFFFF&#8221; button_two_border_radius=&#8221;10px&#8221; button_two_letter_spacing=&#8221;2px&#8221; button_two_font=&#8221;Iceland|&#8211;et_global_heading_font_weight||on|||||&#8221; button_two_icon=&#8221;&#x39;||divi||400&#8243; button_two_icon_color=&#8221;#565A5C&#8221; button_two_custom_margin=&#8221;||0px||false|false&#8221; button_two_custom_padding=&#8221;||||true|false&#8221; custom_margin=&#8221;|-44px||||&#8221; button_one_text_shadow_style=&#8221;preset2&#8243; button_one_text_shadow_horizontal_length=&#8221;0.04em&#8221; button_one_text_shadow_vertical_length=&#8221;0.04em&#8221; button_one_text_shadow_blur_strength=&#8221;0.04em&#8221; button_one_text_shadow_color=&#8221;#2D383F&#8221; button_two_text_shadow_style=&#8221;preset2&#8243; button_two_text_shadow_horizontal_length=&#8221;0.04em&#8221; button_two_text_shadow_vertical_length=&#8221;0.04em&#8221; button_two_text_shadow_blur_strength=&#8221;0.04em&#8221; button_two_text_shadow_color=&#8221;#FFFFFF&#8221; box_shadow_style_button_one=&#8221;preset1&#8243; box_shadow_vertical_button_one=&#8221;0px&#8221; box_shadow_blur_button_one=&#8221;5px&#8221; box_shadow_spread_button_one=&#8221;2px&#8221; box_shadow_color_button_one=&#8221;#BEBDBD&#8221; box_shadow_style_button_two=&#8221;preset1&#8243; box_shadow_vertical_button_two=&#8221;0px&#8221; box_shadow_blur_button_two=&#8221;5px&#8221; box_shadow_spread_button_two=&#8221;2px&#8221; box_shadow_color_button_two=&#8221;#BEBDBD&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-primary-color%22:%91%22button_bg_color%22,%22button_text_shadow_color__hover%22,%22button_border_color__hover%22,%22button_text_color__hover%22,%22dsm_modules_close_background_color%22,%22button_one_bg_color%22,%22button_one_icon_color__hover%22,%22button_one_text_color__hover%22,%22box_shadow_color_button_one__hover%22,%22button_bg_color%22,%22button_text_shadow_color__hover%22,%22button_border_color__hover%22,%22button_text_color__hover%22,%22dsm_modules_close_background_color%22,%22button_one_bg_color%22,%22button_one_icon_color__hover%22,%22button_one_text_color__hover%22,%22box_shadow_color_button_one__hover%22%93}&#8221; button_one_text_color__hover=&#8221;#7893b1&#8243; button_one_text_color__hover_enabled=&#8221;on|hover&#8221; button_one_bg_color__hover=&#8221;#565A5C&#8221; button_one_bg_color__hover_enabled=&#8221;on|hover&#8221; button_one_border_color__hover=&#8221;#BEBDBD&#8221; button_one_border_color__hover_enabled=&#8221;on|desktop&#8221; button_one_letter_spacing__hover=&#8221;2px&#8221; button_one_letter_spacing__hover_enabled=&#8221;on&#8221; button_one_icon_color__hover=&#8221;#7893b1&#8243; button_one_icon_color__hover_enabled=&#8221;on|hover&#8221; box_shadow_color_button_one__hover=&#8221;#7893b1&#8243; box_shadow_color_button_one__hover_enabled=&#8221;on|hover&#8221; button_two_text_color__hover=&#8221;#BEBDBD&#8221; button_two_text_color__hover_enabled=&#8221;on|desktop&#8221; button_two_bg_color__hover=&#8221;#565A5C&#8221; button_two_bg_color__hover_enabled=&#8221;on|hover&#8221; button_two_border_color__hover=&#8221;#BEBDBD&#8221; button_two_border_color__hover_enabled=&#8221;on|hover&#8221; button_two_letter_spacing__hover=&#8221;2px&#8221; button_two_letter_spacing__hover_enabled=&#8221;on&#8221; button_two_icon_color__hover=&#8221;#BEBDBD&#8221; button_two_icon_color__hover_enabled=&#8221;on|hover&#8221; button_two_text_shadow_color__hover=&#8221;#2D383F&#8221; button_two_text_shadow_color__hover_enabled=&#8221;on|hover&#8221; box_shadow_color_button_two__hover=&#8221;RGBA(120,147,177,0.86)&#8221; box_shadow_color_button_two__hover_enabled=&#8221;on|desktop&#8221;][\/dsm_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/\/ CLient Fitra Group \/\/ Services Web Design + Build UI \/ UX Product Branding &nbsp;\/\/ Deliverables 4 Pages Images Icons WordPress Build \/\/ Other Product Images Logo Design Content Writing \/\/ Website fitra.co.za\/insight # Project-Info\/\/ Challenge The immediate goal was to build a site that would support the launch and pre-sale campaign for Experience, while also laying the foundation for Fitra Insight\u2019s long-term publishing strategy. The challenge was to balance aesthetics and performance \u2014 crafting a serene, immersive online experience that reflected the book\u2019s depth and tone, while ensuring fast load times, secure checkout, and seamless user navigation. The system also needed to be scalable, allowing for easy integration of future titles, author profiles, and additional publishing projects under the Fitra Insight brand.\/\/ Solution We built a fully responsive WordPress + WooCommerce platform tailored to Fitra Insight\u2019s publishing workflow. The new Fitra Insight website launched in conjunction with Experience\u2019s pre-order campaign, serving as both a digital storefront and a brand statement. The platform successfully streamlined pre-orders, supported marketing efforts, and positioned Fitra Insight as a professional, credible publishing house from its very first release. Built for scale, it now stands ready to grow alongside the company\u2019s expanding catalogue of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"class_list":["post-987515047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/pages\/987515047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/comments?post=987515047"}],"version-history":[{"count":6,"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/pages\/987515047\/revisions"}],"predecessor-version":[{"id":987515094,"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/pages\/987515047\/revisions\/987515094"}],"wp:attachment":[{"href":"https:\/\/fitra.co.za\/design\/wp-json\/wp\/v2\/media?parent=987515047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}