{"id":754,"date":"2025-11-05T22:25:51","date_gmt":"2025-11-05T22:25:51","guid":{"rendered":"https:\/\/shoaibtahirqureshi.qudesign.tech\/?page_id=754"},"modified":"2025-11-13T23:06:05","modified_gmt":"2025-11-13T23:06:05","slug":"ecobk","status":"publish","type":"page","link":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/ecobk\/","title":{"rendered":"Ecobk"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;gcid-a674551e-c023-4666-82b8-b7448e713885&#8243; custom_padding=&#8221;32px||32px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-a674551e-c023-4666-82b8-b7448e713885%22:%91%22background_color%22%93}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; animation_style=&#8221;fade&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;aa69f4b7-d35b-42c0-9ce6-bd234dcdd8ed&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;68px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;14px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Bookkeeping Website<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; text_font=&#8221;Manrope||||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||30px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p data-start=\"607\" data-end=\"809\">Designed a clear, minimal, and user-friendly website that presents Ecobk\u2019s bookkeeping services with transparency and professionalism for clients in Finland.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/ecobk.fi\/&#8221; button_text=&#8221;Product Website&#8221; button_alignment_tablet=&#8221;right&#8221; button_alignment_phone=&#8221;center&#8221; button_alignment_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;60960a9a-96e5-4fd7-a38a-25824ed93558&#8243; button_text_size=&#8221;13px&#8221; custom_padding=&#8221;7px|40px|7px|40px|true|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/Ecobk-3.png&#8221; title_text=&#8221;Ecobk (3)&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; module_alignment=&#8221;center&#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;Project Info&#8221; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;gcid-bb730dca-23ad-45ab-ac1c-91061d0c80d9&#8243; custom_padding=&#8221;||29px|||&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{%22gcid-bb730dca-23ad-45ab-ac1c-91061d0c80d9%22:%91%22background_color%22%93}&#8221;][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; animation_style=&#8221;zoom&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;e45b2fb0-a04d-44e7-b2fb-612396d13340&#8243; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #3366ff;\">\u2726 <\/span>Challenge<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Business Context<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; custom_margin=&#8221;||18px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p data-start=\"402\" data-end=\"825\">Ecobk\u2019s text-heavy website lacked visual hierarchy and user-friendly navigation, making it hard for potential clients to understand their services and trust the brand. The challenge was to redesign the site to communicate professionalism, build credibility, and simplify the user experience.<\/p>\n<h3 data-start=\"827\" data-end=\"853\"><\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Design Goal<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p data-start=\"402\" data-end=\"825\">Design a clean, intuitive, and visually engaging interface that clearly guides users through services, reinforces brand credibility, and drives business growth.<\/p>\n<h3 data-start=\"827\" data-end=\"853\"><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;16px||17px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;e45b2fb0-a04d-44e7-b2fb-612396d13340&#8243; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #3366ff;\">\u2726 <\/span>Team<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Collaboration<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p data-start=\"66\" data-end=\"281\">Partnered with Ecobk\u2019s founder to co-create a website that clearly communicates bookkeeping services. Leveraging workshops and iterative feedback, we shaped a user-focused design that aligns with the brand and business objectives.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;100px||||false|false&#8221; custom_margin_tablet=&#8221;60px||||false|false&#8221; custom_margin_phone=&#8221;20px||||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;16px||13px|||&#8221; animation_style=&#8221;zoom&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;e45b2fb0-a04d-44e7-b2fb-612396d13340&#8243; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #3366ff;\">\u2726 <\/span>Approach<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Research &amp; Benchmarking<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; custom_margin=&#8221;||19px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Conducted research and benchmarking by studying competitor websites and industry trends to uncover best practices in design, service presentation, and navigation.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>IA &amp; Content Planning<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Designed a clear content structure for Ecobk, organizing sections to showcase key services and ensure intuitive navigation for users.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-12-142221.png&#8221; title_text=&#8221;Flow chart&#8221; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-12-142329.png&#8221; title_text=&#8221;Flow chart 2&#8243; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Design Implementation<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto [content-visibility:auto] supports-[content-visibility:auto]:[contain-intrinsic-size:auto_100lvh] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:0f0655ae-7bb5-418c-8127-013f85558de4-83\" data-testid=\"conversation-turn-168\" data-scroll-anchor=\"true\" data-turn=\"assistant\" tabindex=\"-1\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] thread-sm:[--thread-content-margin:--spacing(6)] thread-lg:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] thread-lg:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col grow\">\n<div data-message-author-role=\"assistant\" data-message-id=\"557e352b-c4dc-4f76-8125-9c6708846804\" dir=\"auto\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" data-message-model-slug=\"gpt-5\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\">\n<div class=\"markdown prose dark:prose-invert w-full break-words light markdown-new-styling\">\n<p data-start=\"83\" data-end=\"493\" data-is-last-node=\"\" data-is-only-node=\"\">Built the Ecobk website on One.com \u2014 a fast, affordable, and practical choice for startups. The design emphasized clarity, trust, and usability, balancing a professional visual identity with the agility needed for early-stage growth. Iterated directly on the platform to refine layouts, colors, and hierarchy, ensuring the site effectively communicates ECO BK\u2019s reliability and modern approach to bookkeeping.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<div aria-hidden=\"true\" data-edge=\"true\" class=\"pointer-events-none h-px w-px\"><\/div>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-12-143926.png&#8221; title_text=&#8221;Screenshot 2025-11-12 143926&#8243; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Iterative Refinement<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Iteratively enhanced the website\u2019s design and functionality, aligning user experience, technical feasibility, and business objectives through ongoing feedback and refinements.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;100px||||false|false&#8221; custom_margin_tablet=&#8221;60px||||false|false&#8221; custom_margin_phone=&#8221;20px||||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;13px||14px|||&#8221; animation_style=&#8221;zoom&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;e45b2fb0-a04d-44e7-b2fb-612396d13340&#8243; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #3366ff;\">\u2726 <\/span>Decisions<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Content &amp; Structure<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; custom_margin=&#8221;||16px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The website was structured to showcase Ecobk\u2019s core services, helping first-time visitors quickly understand their offerings. Section hierarchy and layout were designed to guide users through services smoothly and efficiently.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Navigation &amp; Interaction<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto [content-visibility:auto] supports-[content-visibility:auto]:[contain-intrinsic-size:auto_100lvh] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-WEB:0f0655ae-7bb5-418c-8127-013f85558de4-84\" data-testid=\"conversation-turn-170\" data-scroll-anchor=\"true\" data-turn=\"assistant\" tabindex=\"-1\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] thread-sm:[--thread-content-margin:--spacing(6)] thread-lg:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] thread-lg:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col grow\">\n<div data-message-author-role=\"assistant\" data-message-id=\"76e0733a-7652-4342-9b79-670bd43853ac\" dir=\"auto\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" data-message-model-slug=\"gpt-5\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\">\n<div class=\"markdown prose dark:prose-invert w-full break-words light markdown-new-styling\">\n<p data-start=\"0\" data-end=\"296\" data-is-last-node=\"\" data-is-only-node=\"\">We opted for a one-page website structure, where navigation items smoothly scroll to specific sections rather than loading separate pages. This approach ensured a faster, more seamless browsing experience, improving content discoverability and keeping users engaged within a single cohesive flow.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<div aria-hidden=\"true\" data-edge=\"true\" class=\"pointer-events-none h-px w-px\"><\/div>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/notebook-mockup-on-desk-5-scaled.png&#8221; title_text=&#8221;ecobk header&#8221; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Typography<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; text_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;||30px||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; text_font_size=&#8221;15px&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p data-start=\"104\" data-end=\"610\">The website combines <strong data-start=\"142\" data-end=\"158\">Varela Round<\/strong> for headings and <strong data-start=\"176\" data-end=\"189\">Open Sans<\/strong> for body text, creating a modern yet approachable tone. Varela Round\u2019s smooth, rounded edges give headlines a friendly and trustworthy feel \u2014 ideal for a bookkeeping service \u2014 while Open Sans ensures excellent readability across long-form content and smaller screen sizes. Together, they strike a balance between professionalism and warmth, reinforcing Ecobk\u2019s brand identity as reliable, clear, and easy to work with.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/font-combinations4.jpg&#8221; title_text=&#8221;font-combinations4&#8243; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;100px||||false|false&#8221; custom_margin_tablet=&#8221;60px||||false|false&#8221; custom_margin_phone=&#8221;20px||||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;10px||12px|||&#8221; animation_style=&#8221;zoom&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;e45b2fb0-a04d-44e7-b2fb-612396d13340&#8243; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #3366ff;\">\u2726 <\/span>Designs<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Practical Implementation<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; custom_margin=&#8221;||14px|||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Designed and developed Ecobk\u2019s website on One.com, structuring layouts, refining content, and adjusting visuals through live iterations to create a polished and user-friendly site.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Responsive Optimization<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Enhanced mobile responsiveness and site performance, ensuring fast load times, consistent display across devices, and easy readability.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/Ecobk-Mobile-Mockup-1.png&#8221; title_text=&#8221;Ecobk Mobile Mockup (1)&#8221; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;100px||||false|false&#8221; custom_margin_tablet=&#8221;60px||||false|false&#8221; custom_margin_phone=&#8221;20px||||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;11px|||||&#8221; animation_style=&#8221;zoom&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;e45b2fb0-a04d-44e7-b2fb-612396d13340&#8243; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #3366ff;\">\u2726 <\/span>Impact<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Website Launch<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Delivered a clean, professional website that clearly presents Ecobk\u2019s services and reinforces the brand\u2019s credibility.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/notebook-mockup-on-desk-5-scaled.png&#8221; title_text=&#8221;ecobk header&#8221; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Stakeholder Feedback<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; custom_margin=&#8221;||40px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Received positive feedback from Ecobk\u2019s stakeholders, highlighting the website\u2019s clear presentation of services, intuitive navigation, and professional appearance.<\/p>\n<p>[\/et_pb_text][et_pb_testimonial author=&#8221;Shwaz Bin Zafar&#8221; job_title=&#8221;Founder &#038; CEO&#8221; company_name=&#8221;Ecobk&#8221; portrait_url=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/Shezi.jpeg&#8221; quote_icon_color=&#8221;gcid-a674551e-c023-4666-82b8-b7448e713885&#8243; quote_icon_background_color=&#8221;#FFFFFF&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; body_font=&#8221;Manrope||||||||&#8221; body_line_height=&#8221;1.8em&#8221; author_font=&#8221;Space Grotesk|700|||||||&#8221; position_font_size=&#8221;15px&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;29px|||||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{%22gcid-a674551e-c023-4666-82b8-b7448e713885%22:%91%22quote_icon_color%22%93}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"p4\">\n<div class=\"RIiYGZTyoWeRMXJpdIwpDXJEnzeUwFkYKYI         inline-show-more-text--is-collapsed         inline-show-more-text--is-collapsed-with-line-clamp          smp-service-pages-review-card__see-more mt3 text-body-small-open break-words\" dir=\"ltr\" data-artdeco-is-focused=\"true\" tabindex=\"-1\">We had an existing website but after asking Shoaib to update it with modern style he just made it look amazing and easy to understand. It was a fabulous job done by him. Thanks for making our website look professional.<\/div>\n<\/div>\n<p>[\/et_pb_testimonial][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Key Metrics<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li data-start=\"1427\" data-end=\"1501\">\n<p data-start=\"1429\" data-end=\"1501\">Stakeholder-reported increase in inquiries via the website by ~15\u201320%.<\/p>\n<\/li>\n<li data-start=\"1502\" data-end=\"1636\">\n<p data-start=\"1504\" data-end=\"1636\">Visitor engagement improved according to feedback, with clients finding service information faster and more intuitive to navigate.<\/p>\n<\/li>\n<li data-start=\"1502\" data-end=\"1636\">Improved search visibility, with Ecobk now appearing at the top of Google results strengthening its online presence.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-13-105606.png&#8221; title_text=&#8221;Screenshot 2025-11-13 105606&#8243; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2e8dabda-7ed5-4bb0-a8c1-0bf6b8f1a898&#8243; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h4>Strategic Impact<\/h4>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The website now acts as Ecobk\u2019s professional digital presence, clearly communicating services, enhancing client engagement, and strengthening the brand\u2019s credibility in the bookkeeping sector.<\/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;Related Projects&#8221; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;gcid-bb730dca-23ad-45ab-ac1c-91061d0c80d9&#8243; custom_padding=&#8221;24px|||||&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{%22gcid-bb730dca-23ad-45ab-ac1c-91061d0c80d9%22:%91%22background_color%22%93}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;21px||11px|||&#8221; animation_style=&#8221;fade&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;e45b2fb0-a04d-44e7-b2fb-612396d13340&#8243; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||10px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Other Projects<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; make_equal=&#8221;on&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; max_width=&#8221;1300px&#8221; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;9px||0px||false|false&#8221; animation_style=&#8221;fade&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(255,255,255,0.4)&#8221; custom_padding=&#8221;100px|40px|100px|40px|true|true&#8221; custom_padding_tablet=&#8221;60px|30px|60px|30px|true|true&#8221; custom_padding_phone=&#8221;40px|20px|40px|20px|true|true&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;90cba241-97ce-425f-a269-26d171fa42ed&#8221; custom_margin=&#8221;||13px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>AMSA Website Design<\/h3>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/AMSA-5.png&#8221; title_text=&#8221;AMSA (5)&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;8231d3a3-8d6d-4577-b7db-be05abe6b92c&#8221; header_6_text_color=&#8221;gcid-c9ec881e-ca46-4387-bf7a-f2b34d8141ee&#8221; custom_margin=&#8221;19px||0px||false|false&#8221; global_colors_info=&#8221;{%22gcid-c9ec881e-ca46-4387-bf7a-f2b34d8141ee%22:%91%22header_6_text_color%22%93}&#8221;]<\/p>\n<h6>Contribution<\/h6>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; custom_margin=&#8221;||40px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"et_pb_module et_pb_text et_pb_text_48  et_pb_text_align_left et_pb_bg_layout_light\">\n<div class=\"et_pb_text_inner\">\n<p data-start=\"703\" data-end=\"876\">Directed website design and branding, crafting structured content, custom icons, and illustrations to create a cohesive, engaging digital presence.<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/amsa-consulting\/&#8221; button_text=&#8221;View Project&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;c2dde6bd-6b73-4e55-83c7-eec5eeca2c87&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0.04)&#8221; custom_padding=&#8221;100px|40px|100px|40px|true|true&#8221; custom_padding_tablet=&#8221;60px|30px|60px|30px|true|true&#8221; custom_padding_phone=&#8221;40px|20px|40px|20px|true|true&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;90cba241-97ce-425f-a269-26d171fa42ed&#8221; custom_margin=&#8221;||11px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3>SaaS Talent Matching<\/h3>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/wp-content\/uploads\/2025\/11\/People-Cloud-Transparent-1.png&#8221; title_text=&#8221;People Cloud Transparent (1)&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;8231d3a3-8d6d-4577-b7db-be05abe6b92c&#8221; header_6_text_color=&#8221;gcid-c9ec881e-ca46-4387-bf7a-f2b34d8141ee&#8221; custom_margin=&#8221;16px||0px||false|false&#8221; global_colors_info=&#8221;{%22gcid-c9ec881e-ca46-4387-bf7a-f2b34d8141ee%22:%91%22header_6_text_color%22%93}&#8221;]<\/p>\n<h6>Contribution<\/h6>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;3ea0d0f8-6f06-46cc-9699-31af10283c8c&#8221; custom_margin=&#8221;||40px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"et_pb_module et_pb_text et_pb_text_53  et_pb_text_align_left et_pb_bg_layout_light\">\n<div class=\"et_pb_text_inner\">\n<p>Redesigned B2B SaaS platform to enhance usability and brand perception, combining research-driven UX improvements with a modernized visual identity.\u00a0<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/saas-talentmatching\/&#8221; button_text=&#8221;View Project&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;c2dde6bd-6b73-4e55-83c7-eec5eeca2c87&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bookkeeping WebsiteDesigned a clear, minimal, and user-friendly website that presents Ecobk\u2019s bookkeeping services with transparency and professionalism for clients in Finland.\u2726 ChallengeBusiness ContextEcobk\u2019s text-heavy website lacked visual hierarchy and user-friendly navigation, making it hard for potential clients to understand their services and trust the brand. The challenge was to redesign the site to communicate professionalism, [&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":"","footnotes":""},"class_list":["post-754","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/pages\/754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/comments?post=754"}],"version-history":[{"count":33,"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/pages\/754\/revisions"}],"predecessor-version":[{"id":989,"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/pages\/754\/revisions\/989"}],"wp:attachment":[{"href":"https:\/\/shoaibtahirqureshi.qudesign.tech\/index.php\/wp-json\/wp\/v2\/media?parent=754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}