The primary objective was to synthesize heavy quantitative data (reach metrics, follower growth, engagement rates)<\/span> with an emotionally compelling narrative (rescue journey, community values)<\/span> into a visually striking page layout. The design acts as a high-converting pitch deck alternative, engineered specifically to attract brand partnerships, pet-care sponsors, and disability awareness campaigns<\/span>.<\/span><\/p>\n Grid System & Page Geometry:<\/b> I constructed a strict 12-column modular grid with 0.25-inch margins and a 0.125-inch bleed zone in Adobe InDesign. This structural grid aligned disparate content blocks, ensuring perfect balance between visual assets and text heavy statistics<\/span>.<\/span><\/p>\n<\/li>\n Typography & Hierarchy Engine:<\/b> I established a robust typographic hierarchy using clean sans-serif typography. I built Paragraph Styles for Primary Headers (Bold 24pt), Subsection Headers (Semibold 16pt), Body Copy (Regular 10pt with 14pt leading), and Stat Numbers (Bold 14pt Accent). Character Styles were applied for highlighted inline key terms to maintain consistent formatting across all sections.<\/p>\n<\/li>\n Text Wrap & Frame Layering:<\/b> Integrated precise Text Wrap offset boundaries around photo frames and vector heart containers, maintaining uniform 12px spatial gutters around all graphic elements.<\/p>\n<\/li>\n<\/ul>\n Non-Destructive Retouching:<\/b> Applied Camera Raw filtering, color correction, and exposure leveling to high-resolution hero imagery. Shadows were pulled to recover texture in Amira\u2019s brindle fur, while highlights were compressed to preserve environmental details.<\/p>\n<\/li>\n Advanced Masking & Cutouts:<\/b> Utilized Select Subject paired with Refine Edge and Hair-Selection masks to generate razor-sharp cutouts of Amira. These were placed onto transparent backgrounds and saved as uncompressed Smart Objects (.PSD format) to preserve full dynamic range.<\/p>\n<\/li>\n Tonal Grading & Adjustment Layers:<\/b> Applied targeted Color Balance, Selective Color, and Vibrance adjustment layers. I increased warmth in background foliage while shifting the pink harness towards a vivid, color-calibrated magenta tint for high visual impact.<\/p>\n<\/li>\n<\/ul>\n Custom Vector Framing:<\/b> Designed precision vector heart frames, polaroid clip accents, and custom paw-print emblem artwork<\/span>. All paths were crafted using vector Bezier curves on an exact pixel grid.<\/span><\/p>\n<\/li>\n Iconography & Custom Badges:<\/b> Vectorized key social media icons (Instagram, TikTok, Location pin, Email envelope)<\/span> and custom metric badges. Color fills were matched directly to the core brand swatches.<\/span><\/p>\n<\/li>\n SVG & EPS Export Pipeline:<\/b> Converted vector shapes into native Illustrator smart vectors and linked them directly into InDesign using non-destructive file placing.<\/p>\n<\/li>\n<\/ul>\n Primary Palette \u2014 Mint Aqua (HEX A8E0D8):<\/b> Serves as the overarching background field. Aqua evokes trust, emotional healing, calmness, and freshness, offsetting the heavy emotional nature of a rescue story<\/span>.<\/span><\/p>\n<\/li>\n Accent Palette \u2014 Magenta Pink (HEX FF007F):<\/b> Used on primary callouts, email anchors, and Amira\u2019s vest accents<\/span>. Pink communicates warmth, compassion, and vibrancy while drawing immediate visual focus to high-priority contact information<\/span>.<\/span><\/p>\n<\/li>\n Secondary Palette \u2014 Deep Slate (HEX 1E293B):<\/b> Applied across all body paragraphs and structural headers to ensure optimal contrast ratios (WCAG AAA compliant) against the soft background field.<\/p>\n<\/li>\n Highlight Palette \u2014 Crimson Red (HEX E11D48):<\/b> Reserved exclusively for key metrics (173,000+, 2.4M, 7%) and accent heart elements to emphasize numerical performance<\/span>.<\/span><\/p>\n<\/li>\n Asset Sourcing & Stock Libraries:<\/b> High-resolution lifestyle photography sourced via client archives and Adobe Stock; color swatches generated and validated via Adobe Color for exact CMYK\/RGB print-to-digital translation.<\/p>\n<\/li>\n<\/ul>\n![\"\"](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1786390758185-019fed2f-11d3-764b-97df-ef624817a580-683x1024.jpg\")
<\/p>\n2. Comprehensive Technical Workflow & Software Execution<\/b> \ud83d\udee0\ufe0f<\/h3>\n
Adobe InDesign (Layout & Document Architecture)<\/b><\/h4>\n
\n
![\"\"](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_living_room-765x1024.jpg\")
\u00a0<\/span>\u00a0<\/span>\u00a0<\/span><\/p>\nAdobe Photoshop (Photo Manipulation & Asset Preparation)<\/b><\/h4>\n
\n
![\"\"](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_pet_boutique-765x1024.jpg\")
<\/p>\nAdobe Illustrator (Vector Graphics & Custom Asset Design)<\/b><\/h4>\n
\n
![\"amira](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/1786390157904-019fed26-496a-7389-9f0c-e9acc7aded83-687x1024.png\")
\u00a0<\/span><\/p>\n3. Design System, Color Psychology & Asset Sourcing<\/b> \ud83c\udfa8<\/h3>\n
\n
![\"\"](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/mockup_studio_close_up-1024x1024.jpg\")
<\/p>\n![\"amira](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/amira_poster_refined-687x1024.jpg\")
<\/p>\nOld Version<\/h3>\n
![\"\"](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/BakhitA_moodboard-791x1024.jpg\"){kind=spacer}
<\/p>\nMoodBoard<\/h3>\n
![\"amira](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/new-amira_01-791x1024.jpg\")
![\"\"](\"https:\/\/ali-bakhit.com\/wp-content\/uploads\/2026\/08\/new-amira_02-791x1024.jpg\"){kind=spacer}
<\/p>\nCheck The Videos<\/h3>\n