{"id":2501,"date":"2026-08-05T20:25:02","date_gmt":"2026-08-05T20:25:02","guid":{"rendered":"https:\/\/ali-bakhit.com\/?p=2501"},"modified":"2026-08-05T20:30:11","modified_gmt":"2026-08-05T20:30:11","slug":"%e2%9a%9c%ef%b8%8f-end-to-end-web-design-from-concept-sketch-to-full-digital-platform","status":"publish","type":"post","link":"https:\/\/ali-bakhit.com\/fr\/%e2%9a%9c%ef%b8%8f-end-to-end-web-design-from-concept-sketch-to-full-digital-platform\/","title":{"rendered":"\u269c\ufe0f END-TO-END WEB DESIGN : FROM CONCEPT SKETCH TO FULL DIGITAL PLATFORM"},"content":{"rendered":"<p><a href=\"https:\/\/globalproject.ali-bakhit.com\/\"><span style=\"color: #00ccff;\">Click Here to enter the website<\/span><\/a><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-medium wp-image-2504\" style=\"font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_1_hero-1024x576.jpg\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_1_hero-1024x576.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_1_hero-2048x1152.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_1_hero-150x84.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_1_hero-768x432.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_1_hero-1536x864.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 data-path-to-node=\"22\">\ud83d\udccc PROJECT OVERVIEW: EXPANDING THE GWD IDENTITY INTO A WEB SYSTEM<\/h4>\n<p data-path-to-node=\"23\">Following the successful creation of the visual identity and custom logo for the GWD (Graphic &amp; Web Design) brand, the core objective of this project was to design and deploy a complete, high-converting web platform. This case study details the full product design lifecycle\u2014transforming initial paper sketches and structural wireframes into a fully realized, responsive digital ecosystem built to motivate prospective student registrations.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2511\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_laptop-1024x576.jpg\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_laptop-1024x576.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_laptop-2048x1152.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_laptop-150x84.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_laptop-768x432.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_laptop-1536x864.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2509\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_mobile-576x1024.jpg\" alt=\"\" width=\"576\" height=\"1024\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_mobile-576x1024.jpg 576w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_mobile-1152x2048.jpg 1152w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_mobile-84x150.jpg 84w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_mobile-768x1365.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_mobile-864x1536.jpg 864w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_mobile.jpg 1440w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2512\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-576x1024.jpg\" alt=\"\" width=\"576\" height=\"1024\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-576x1024.jpg 576w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-1152x2048.jpg 1152w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-84x150.jpg 84w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-768x1365.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-864x1536.jpg 864w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile.jpg 1440w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/p>\n<h4 data-path-to-node=\"25\">\ud83c\udfaf CONCEPTUAL STRATEGY &amp; VISUAL PSYCHOLOGY<\/h4>\n<ul data-path-to-node=\"26\">\n<li>\n<p data-path-to-node=\"26,0,0\"><b data-path-to-node=\"26,0,0\" data-index-in-node=\"0\">Evolving Brand Identity into Digital Web UI:<\/b> Extended the established GWD visual language\u2014including custom logo assets and vector icons\u2014into a unified web design system.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"26,1,0\"><b data-path-to-node=\"26,1,0\" data-index-in-node=\"0\">Psychology of Blue Spectrum:<\/b> Strategic selection of a blue color palette (from rich deep ocean blues to soft background tints) to evoke professional calm, focus, authority, and trust, actively reducing user drop-off in the enrollment funnel.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"26,2,0\"><b data-path-to-node=\"26,2,0\" data-index-in-node=\"0\">Strategic Conversion Architecture:<\/b> Built clear visual entry points featuring bold primary CTA buttons (&#8220;APPLY NOW&#8221;, &#8220;VIEW GRADUATE PORTFOLIO&#8221;) positioned strategically above the fold and reinforced along the scroll journey.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"26,3,0\"><b data-path-to-node=\"26,3,0\" data-index-in-node=\"0\">Curated Visual Motivation:<\/b> Color-calibrated lifestyle images and media assets showcasing physical branding, packaging, and digital lab environments to visually project real-world career paths.<\/p>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2503\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/corrected_mockup_admissions-1-1024x576.jpg\" alt=\"gwd website\" width=\"1024\" height=\"576\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/corrected_mockup_admissions-1-1024x576.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/corrected_mockup_admissions-1-2048x1152.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/corrected_mockup_admissions-1-150x84.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/corrected_mockup_admissions-1-768x432.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/corrected_mockup_admissions-1-1536x864.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"color: #ffff00;\"><em>&#8220;Great web platforms are built by turning simple conceptual sketches into systematic, high-performing digital environments.&#8221;<\/em><\/span><\/p>\n<p><span style=\"font-size: 16px;\"> \u00a0<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2505\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_2_skills-1024x683.jpg\" alt=\"\" width=\"1024\" height=\"683\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_2_skills-1024x683.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_2_skills-2048x1365.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_2_skills-150x100.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_2_skills-768x512.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_mockup_2_skills-1536x1024.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2506\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_page_scroll_mockup-576x1024.jpg\" alt=\"\" width=\"576\" height=\"1024\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_page_scroll_mockup-576x1024.jpg 576w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_page_scroll_mockup-1152x2048.jpg 1152w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_page_scroll_mockup-84x150.jpg 84w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_page_scroll_mockup-768x1365.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_page_scroll_mockup-864x1536.jpg 864w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/full_page_scroll_mockup.jpg 1440w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/p>\n<h4 data-path-to-node=\"28\">\ud83d\udee0\ufe0f FULL DESIGN PROCESS &amp; SOFTWARE WORKFLOW<\/h4>\n<ul data-path-to-node=\"29\">\n<li>\n<p data-path-to-node=\"29,0,0\"><b data-path-to-node=\"29,0,0\" data-index-in-node=\"0\">1. Ideation &amp; Paper Wireframing:<\/b> Sketched low-fidelity spatial layouts on paper to establish structural grid alignment, information architecture, and content priority before moving to digital screens.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"29,1,0\"><b data-path-to-node=\"29,1,0\" data-index-in-node=\"0\">2. High-Fidelity UI Construction (Figma):<\/b> Engineered the complete component library in Figma, including interactive buttons, navigation headers, software badges, multi-column cards, and fluid responsive views.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"29,2,0\"><b data-path-to-node=\"29,2,0\" data-index-in-node=\"0\">3. Asset Processing &amp; Photo Optimization (Adobe Photoshop):<\/b> Color-graded, cropped, and adjusted brightness\/contrast across all photographic assets in Photoshop. Applied custom blue overlay masks to unify heterogeneous photos into a coherent brand palette.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"29,3,0\"><b data-path-to-node=\"29,3,0\" data-index-in-node=\"0\">4. Vector Precision &amp; Asset Export (Adobe Illustrator):<\/b> Refined the original GWD logo mark, software badges (Ai, Ps, Ae, Pr, Figma, HTML5, JS, WordPress), and technical UI glyphs for pixel-perfect clarity on ultra-high-DPI web screens.<\/p>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2507\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/instagram-post-on-smartphone-screen-mockup-1024x768.jpg\" alt=\"\" width=\"1024\" height=\"768\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/instagram-post-on-smartphone-screen-mockup-1024x768.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/instagram-post-on-smartphone-screen-mockup-2048x1536.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/instagram-post-on-smartphone-screen-mockup-150x113.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/instagram-post-on-smartphone-screen-mockup-768x576.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/instagram-post-on-smartphone-screen-mockup-1536x1152.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2508\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/iphone-multiple-screens-mockup-1024x768.jpg\" alt=\"\" width=\"1024\" height=\"768\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/iphone-multiple-screens-mockup-1024x768.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/iphone-multiple-screens-mockup-2048x1536.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/iphone-multiple-screens-mockup-150x113.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/iphone-multiple-screens-mockup-768x576.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/iphone-multiple-screens-mockup-1536x1152.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/> <span style=\"font-size: 16px;\">\u00a0<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2510\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_multi_device-1024x683.jpg\" alt=\"\" width=\"1024\" height=\"683\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_multi_device-1024x683.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_multi_device-2048x1365.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_multi_device-150x100.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_multi_device-768x512.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_multi_device-1536x1024.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h4 data-path-to-node=\"31\">\u26a1 SOLVING DESIGN CHALLENGES<\/h4>\n<ul data-path-to-node=\"32\">\n<li>\n<p data-path-to-node=\"32,0,0\"><b data-path-to-node=\"32,0,0\" data-index-in-node=\"0\">Fixing Typographic Hierarchy &amp; Readability:<\/b> Solved font mismatch issues and text readability barriers by implementing a clean, standardized geometric sans-serif font scale across all body text, section subheadings, and display titles.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"32,1,0\"><b data-path-to-node=\"32,1,0\" data-index-in-node=\"0\">Balancing Multi-Source Technical Information:<\/b> Structured dense information\u2014ranging from 3-year program roadmaps to multi-category software stacks\u2014into scannable, well-padded visual blocks.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"32,2,0\"><b data-path-to-node=\"32,2,0\" data-index-in-node=\"0\">Responsive Mobile Optimization:<\/b> Re-architected desktop components into flexible single-column layouts for mobile viewports, maintaining optimal touch-target sizes and visual legibility.<\/p>\n<\/li>\n<\/ul>\n<p><span style=\"font-size: 16px;\">\u00a0<\/span><span style=\"font-size: 16px;\">\u00a0<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2513\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_multi-1024x683.jpg\" alt=\"\" width=\"1024\" height=\"683\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_multi-1024x683.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_multi-2048x1365.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_multi-150x100.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_multi-768x512.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_multi-1536x1024.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2514\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed1-1024x579.jpg\" alt=\"\" width=\"1024\" height=\"579\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed1-1024x579.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed1-150x85.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed1-768x435.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed1-1536x869.jpg 1536w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed1.jpg 1785w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2515\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed2-1024x578.jpg\" alt=\"\" width=\"1024\" height=\"578\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed2-1024x578.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed2-150x85.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed2-768x433.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed2-1536x867.jpg 1536w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/wmremove-transformed2.jpg 1685w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h4 data-path-to-node=\"34\">\ud83d\udcd0 SYSTEM SPECIFICATIONS<\/h4>\n<ul data-path-to-node=\"35\">\n<li>\n<p data-path-to-node=\"35,0,0\">Primary Accent Blue: RGB 0, 122, 255 \/ Hex #007AFF<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"35,1,0\">Background Soft Tint: RGB 235, 245, 255 \/ Hex #EBF5FF<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"35,2,0\">Typography Standard: Clean Geometric Sans-Serif<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"35,3,0\">Grid System: 12-Column Desktop Grid \/ Fluid Mobile Stack<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"35,4,0\">Software Stack: Figma, Adobe Photoshop, Adobe Illustrator<\/p>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2516\" style=\"font-style: inherit; font-weight: inherit;\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/zzz-3-1024x683.jpg\" alt=\"\" width=\"1024\" height=\"683\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/zzz-3-1024x683.jpg 1024w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/zzz-3-2048x1365.jpg 2048w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/zzz-3-150x100.jpg 150w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/zzz-3-768x512.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/zzz-3-1536x1024.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>Full Desktop View<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2517\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-at-16-18-05--278x1024.jpg\" alt=\"gwd desktop version\" width=\"278\" height=\"1024\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-at-16-18-05--278x1024.jpg 278w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-at-16-18-05--41x150.jpg 41w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-at-16-18-05--768x2826.jpg 768w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-05-at-16-18-05--417x1536.jpg 417w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/p>\n<h3>Mobile View:<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2518\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/BakhitA_Figma-Mockup-Mobile_1-111x1024.jpg\" alt=\"gwd mobile view\" width=\"111\" height=\"1024\" srcset=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/BakhitA_Figma-Mockup-Mobile_1-111x1024.jpg 111w, https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/BakhitA_Figma-Mockup-Mobile_1-222x2048.jpg 222w\" sizes=\"(max-width: 111px) 100vw, 111px\" \/><\/p>\n<h3>Check out these videos<\/h3>\n<div style=\"width: 720px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2501-1\" width=\"720\" height=\"900\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1-Instagram-Messages1.mp4?_=1\" \/><a href=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1-Instagram-Messages1.mp4\">https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1-Instagram-Messages1.mp4<\/a><\/video><\/div>\n<div style=\"width: 720px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-2501-2\" width=\"720\" height=\"900\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1-Instagram-Messages.mp4?_=2\" \/><a href=\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1-Instagram-Messages.mp4\">https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1-Instagram-Messages.mp4<\/a><\/video><\/div>\n<h3>Designed by <span style=\"color: #ffff00;\">Ali Bakhit<\/span><\/h3>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Click Here to enter the website &nbsp; \ud83d\udccc PROJECT OVERVIEW: EXPANDING THE GWD IDENTITY INTO A WEB SYSTEM Following the successful creation of the visual [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2512,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[21],"class_list":["post-2501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-portfolio","tag-alibakhitdesign-graphicdesign-webdesign-logodesign-adobeillustrator-adobephotoshop-figma-adobeindesign-wordpress-posterdesign-brandidentity-uiux"],"uagb_featured_image_src":{"full":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile.jpg",1440,2560,false],"thumbnail":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-84x150.jpg",84,150,true],"medium":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-576x1024.jpg",576,1024,true],"medium_large":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-768x1365.jpg",768,1365,true],"large":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-1152x2048.jpg",1152,2048,true],"1536x1536":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-864x1536.jpg",864,1536,true],"2048x2048":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-1152x2048.jpg",1152,2048,true],"trp-custom-language-flag":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile.jpg",7,12,false]},"uagb_author_info":{"display_name":"Ali Bakhit","author_link":"https:\/\/ali-bakhit.com\/fr\/author\/usa-persiagmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Click Here to enter the website &nbsp; \ud83d\udccc PROJECT OVERVIEW: EXPANDING THE GWD IDENTITY INTO A WEB SYSTEM Following the successful creation of the visual [&hellip;]","rttpg_featured_image_url":{"full":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile.jpg",1440,2560,false],"landscape":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile.jpg",1440,2560,false],"portraits":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile.jpg",1440,2560,false],"thumbnail":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-84x150.jpg",84,150,true],"medium":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-576x1024.jpg",576,1024,true],"large":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-1152x2048.jpg",1152,2048,true],"1536x1536":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-864x1536.jpg",864,1536,true],"2048x2048":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile-1152x2048.jpg",1152,2048,true],"trp-custom-language-flag":["https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/premium_mockup_mobile.jpg",7,12,false]},"rttpg_author":{"display_name":"Ali Bakhit","author_link":"https:\/\/ali-bakhit.com\/fr\/author\/usa-persiagmail-com\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/ali-bakhit.com\/fr\/category\/portfolio\/\" rel=\"category tag\">Portfolio<\/a>","rttpg_excerpt":"Click Here to enter the website &nbsp; \ud83d\udccc PROJECT OVERVIEW: EXPANDING THE GWD IDENTITY INTO A WEB SYSTEM Following the successful creation of the visual [&hellip;]","_links":{"self":[{"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/posts\/2501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/comments?post=2501"}],"version-history":[{"count":4,"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/posts\/2501\/revisions"}],"predecessor-version":[{"id":2523,"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/posts\/2501\/revisions\/2523"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/media\/2512"}],"wp:attachment":[{"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/media?parent=2501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/categories?post=2501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ali-bakhit.com\/fr\/wp-json\/wp\/v2\/tags?post=2501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}