Hayal Agency
Hayal is a creative marketing and strategic branding agency offering social media management, performance marketing, SEO, app development, and web development services Hayal Agency. With a lean team of 1–10 employees and headquarters in Dubai, Hayal specializes in delivering big‑idea campaigns without the corporate red tape
Date:
January, 2025
Services:
SEO
Client:
Zarak Mumtaz
Share
Codex partnered with Hayal—a Dubai‑based creative marketing agency founded in 2023—to design and develop a fully responsive, SEO‑optimized website using HTML, CSS, JavaScript, and Bootstrap 5. The new site not only elevated Hayal’s brand identity but also streamlined user navigation with interactive service modules and a clear contact flow, leading to a 30% increase in client inquiries and a 95+ Lighthouse performance score within the first month of launch
Objectives
Brand Elevation: Craft a site reflecting Hayal’s “No limits. No BS.” ethos.
Responsive Design: Ensure seamless experiences across devices using Bootstrap 5.
SEO Foundations: Implement on‑page SEO best practices to boost organic discovery.
Lead Generation: Integrate clear CTAs and contact forms to drive client inquiries.
Challenges
- Tight Timeline
Hayal needed a live site launch within six weeks to coincide with a major industry conference. - Brand Consistency
Translating Hayal’s bold brand voice into a cohesive visual language required careful design iteration. - Performance Goals
Achieving top Lighthouse scores demanded optimized assets and careful code structuring. - Content Organization
Presenting diverse service offerings—social media, design, SEO, apps, and web—in an intuitive layout without overwhelming visitors.
Solution
1. Custom Bootstrap 5 Framework
We built a lightweight, component‑driven template using Bootstrap 5 to accelerate development and ensure responsive behavior Hayal Agency.
2. Interactive Services Modules
Service Cards: Dynamic hover effects and modals showcasing detailed service descriptions.
Carousel Integration: Highlighting Hayal’s specialties—Social Media Management, Performance Marketing, SEO, App Development, Web Development—in a swipeable carousel for mobile users Hayal Agency.
3. SEO & Performance Optimization
- Technical SEO: Added schema markup, optimized meta tags, and generated an XML sitemap.
- Asset Optimization: Compressed images, minified JavaScript/CSS, and implemented lazy loading, resulting in a 1.2 s TTFB and 95+ Lighthouse speed score.
4. Clear Lead‑Gen Flow
A persistent “Let’s Talk” sticky header button and an AJAX‑powered contact form reduced friction and increased form submissions by 30%.
Results & Impact
| Metric | Before Launch | 1 Month Post‑Launch | Change |
|---|---|---|---|
| Monthly Inquiries | 50 | 65 | +30% |
| Lighthouse Performance Score | 72 | 95+ | +23 pts |
| Mobile Usability (Lighthouse) | 78 | 98 | +20 pts |
| Bounce Rate | 62% | 45% | –17 pts |
| Organic Sessions/Mo | 1,500 | 1,950 | +30% |
- Brand Perception: Client feedback highlighted the site’s modern look and intuitive navigation.
- Operational Efficiency: The modular codebase allows Hayal’s small team to spin up landing pages in hours, not days.
- Scalability: The Bootstrap 5 framework and clear CSS architecture ensure easy future expansions.