Project Goal

To design and develop a modern, responsive, and informative website that reflects Alulanka’s professionalism and showcases their wide-ranging capabilities. The website needed to:

• Present the company’s profile and services clearly.

• Showcase completed projects with detailed information.

• Include an interactive map-based project explorer.

• Optimize for mobile, SEO, and ease of navigation.

• Build trust and authority in the local market.

 Development Process

1. Planning & Discovery

• Held multiple meetings with the client to understand their target audience and expectations.

• Audited competitor websites to identify best practices and opportunities.

• Defined the website architecture with key pages: Home, About Us, Services, Projects, Contact.

2. Design

• Designed high-fidelity UI mockups with a modern and clean aesthetic.

• Prioritized visuals: large banners, project showcases, and product photos.

• Mobile-first design approach to ensure cross-device compatibility.

3. Development

• Developed on WordPress with a custom theme using Elementor for flexibility.

• Clean, modular code with optimized images and caching for performance.

• Implemented multi-language support (Sinhala & English) for wider reach.

 Highlight Feature: Interactive Projects Map

One of the standout features of Alulanka.com is the Projects Section, which includes a live map-based display of completed projects across Sri Lanka.

🗘️ How it works:

• Projects are plotted on an interactive map using geolocation data.

• When users click on a map marker, a modal or side panel opens with full project details including:

  • Project Name

  • Location

  • Client Name (if permitted)

  • Scope of Work

  • Completion Date

  • Before/After Images

  • Technologies Used

🛠️ Technologies Used:

• Google Maps API (based on preference)

• Custom post types in WordPress to store and manage project data

• AJAX loading for smooth UX without page reloads

• Optimized for performance with lazy loading and mobile touch support

This feature not only demonstrates Alulanka’s island-wide presence but also allows potential clients to filter projects by region or category, offering proof of capability.

 Visual Assets

Screenshots were captured for each core page:

• Home Page

• Services Overview & Individual Service Pages

• Projects Map View

• Individual Project Detail View

• About Us

• Contact Page with embedded map and contact form.

 Results & Outcomes

• Improved brand credibility and professional digital presence

• Increased customer engagement through project discovery

• Better SEO ranking with structured data and localized keywords

• Positive feedback from both clients and internal stakeholders

🔧 Tools & Stack

• WordPress CMS + Elementor

• Custom PHP, JS, CSS for enhancements

• Google Maps API for project mapping.

• Google Analytics & Search Console integration

📌 Future Plans

• Add client testimonials per project

• Integrate WhatsApp chat support

• Auto-fetch and display Google Reviews

• SEO