clive
+257
-149
@@ -1,170 +1,278 @@
|
||||
@model clivelancaster.Models.SubscribeFormModel
|
||||
@{
|
||||
@{
|
||||
ViewData["Title"] = "Home Page";
|
||||
}
|
||||
|
||||
<div id="myCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5500">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
||||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
||||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
||||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="container">
|
||||
<div class="carousel-caption text-end">
|
||||
<h1>Unlock Growth Potential.</h1>
|
||||
<p>Our consulting services empower your business to achieve its full potential by aligning product strategies with your overarching goals. We help you create a clear product vision that resonates in the marketplace, ensuring your offerings are not just competitive but truly exceptional.</p>
|
||||
<p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<div class="carousel-caption text-end">
|
||||
<h1>Reduce Risk and Increase Efficiency.</h1>
|
||||
<p>By validating new product ideas and features before heavy investments, we help minimize financial risk. Our structured ideation process ensures that your resources are focused on initiatives with the highest potential for success.</p>
|
||||
<p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<div class="carousel-caption text-end">
|
||||
<h1>Streamline Product Lifecycle Management.</h1>
|
||||
<p>Our expertise in product lifecycle management enables you to take control of your product’s journey—from inception to market launch. We prioritize features that matter most to your customers and tackle technical challenges head-on, driving efficiency and effectiveness in your development processes.</p>
|
||||
<p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<div class="carousel-caption text-end">
|
||||
<h1>Achieve Sustainable Success.</h1>
|
||||
<p>With our comprehensive approach to product management, we not only help you meet immediate goals but also lay the groundwork for long-term growth and adaptability in a constantly evolving market.</p>
|
||||
<p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
<nav class="fixed w-full z-50 bg-white/95 backdrop-blur-md border-b border-slate-100 transition-all duration-300" id="navbar">
|
||||
<div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
|
||||
<a href="/Home" class="text-2xl font-bold text-slate-900 tracking-tight hover:opacity-80 transition">CLIVE <span class="text-blue-600">LANCASTER</span></a>
|
||||
|
||||
<div class="container marketing">
|
||||
<!-- Three columns of text below the carousel -->
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<svg class="bd-about-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="About" preserveAspectRatio="xMidYMid slice" focusable="false"><title>About</title><rect width="100%" height="100%" fill="none" /></svg>
|
||||
|
||||
<h2 class="fw-normal">About</h2>
|
||||
<p>Learn more about Clive Lancaster.</p>
|
||||
<p><a class="btn btn-secondary" href="/Home/About"><i class="bi bi-file-person-fill"></i> View details</a></p>
|
||||
</div><!-- /.col-lg-4 -->
|
||||
<div class="col-lg-4">
|
||||
<svg class="bd-clients-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Clients" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Clients</title><rect width="100%" height="100%" fill="none" /></svg>
|
||||
<h2 class="fw-normal">Clients</h2>
|
||||
<p>Explore customer success stories.</p>
|
||||
<p><a class="btn btn-secondary" href="/Home/Clients"><i class="bi bi-people-fill"></i> View details</a></p>
|
||||
</div><!-- /.col-lg-4 -->
|
||||
<div class="col-lg-4">
|
||||
<svg class="bd-services-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Services" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Services</title><rect width="100%" height="100%" fill="none" /></svg>
|
||||
<h2 class="fw-normal">Services</h2>
|
||||
<p>Discover capabilities and services.</p>
|
||||
<p><a class="btn btn-secondary" href="/Home/Services"><i class="bi bi-box-fill"></i> View details</a></p>
|
||||
</div><!-- /.col-lg-4 -->
|
||||
</div><!-- /.row -->
|
||||
<div class="hidden md:flex space-x-8 items-center">
|
||||
<a href="/Home#about" class="text-slate-600 hover:text-blue-600 font-medium transition">About</a>
|
||||
<a href="/Home#services" class="text-slate-600 hover:text-blue-600 font-medium transition">Services</a>
|
||||
<a href="/Home#experience" class="text-slate-600 hover:text-blue-600 font-medium transition">Experience</a>
|
||||
<a href="https://blog.clivelancaster.com" class="text-slate-600 hover:text-blue-600 font-medium transition">Blog</a>
|
||||
<a href="/Contact" class="px-5 py-2.5 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition shadow-lg shadow-blue-600/20">Get Started</a>
|
||||
</div>
|
||||
|
||||
<div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
|
||||
<div class="row featurette">
|
||||
<div class="col-md-10">
|
||||
<h2 class="featurette-heading fw-normal lh-1">Domain Expertise <span class="text-body-secondary">Across Key Industries.</span></h2>
|
||||
<p class="lead">With deep domain experience in medical, real estate, retail, hospitality, and human resources, services rendered bring tailored solutions that address the unique challenges of each sector. With a proven track record of delivering technology and product solutions that streamline operations, enhance customer experiences, and drive growth. Whether you need innovative healthcare platforms, cutting-edge retail solutions, or dynamic HR tools, expertises spanning a diverse range of industries.</p>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img src="./img/banner-1.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" style="border-radius: .3rem !important;" width="250" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Domain" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
|
||||
</div>
|
||||
</div>
|
||||
<button id="mobile-menu-btn" class="md:hidden text-slate-600 text-2xl focus:outline-none p-2" aria-label="Toggle Menu">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
|
||||
<div class="row featurette">
|
||||
<div class="col-md-10 order-md-2">
|
||||
<h2 class="featurette-heading fw-normal lh-1">Over 18 Years <span class="text-body-secondary"> of Product and Software Excellence.</span></h2>
|
||||
<p class="lead">Backed by over 18 years of experience in Product Management and Software Development, knowing how to take ideas from concept to market success. With a long-standing history of leading high-performing teams, launching world-class products, and driving digital transformation. From SaaS platforms to custom enterprise solutions, ensuring every product is built to meet business needs and exceed user expectations.</p>
|
||||
</div>
|
||||
<div class="col-md-2 order-md-1">
|
||||
<img src="./img/banner-2.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" style="border-radius: .3rem !important;" width="250" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Experience" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
|
||||
<div id="mobile-menu" class="hidden md:hidden absolute top-20 left-0 w-full bg-white border-b border-slate-100 shadow-xl">
|
||||
<div class="flex flex-col px-6 py-4 space-y-4">
|
||||
<a href="/Home#about" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">About</a>
|
||||
<a href="/Home#services" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Services</a>
|
||||
<a href="/Home#experience" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Experience</a>
|
||||
<a href="https://blog.clivelancaster.com" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Blog</a>
|
||||
<a href="/Contact" class="mobile-link block w-full text-center px-5 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
|
||||
<div class="row featurette">
|
||||
<div class="col-md-10">
|
||||
<h2 class="featurette-heading fw-normal lh-1">International Experience <span class="text-body-secondary">Across Europe and Asia Pacific.</span></h2>
|
||||
<p class="lead">With extensive international experience across Europe and the Asia Pacific, and an understanding of the complexities of global markets and diverse user needs. Our ability to navigate different cultures, regulatory environments, and market dynamics enables us to deliver products that scale internationally. Whether launching a new product in a local market or expanding globally, we leverage a global perspective to drive success across borders.</p>
|
||||
<header class="hero-bg pt-32 pb-20 lg:pt-48 lg:pb-32" id="home">
|
||||
<div class="max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="inline-block px-3 py-1 bg-blue-100 text-blue-700 rounded-full text-sm font-semibold mb-6">
|
||||
Digital Product Management & Ownership
|
||||
</div>
|
||||
<h1 class="text-5xl lg:text-6xl font-bold text-slate-900 leading-tight mb-6">
|
||||
Reduce Risk. <br>
|
||||
<span class="gradient-text">Increase Value.</span>
|
||||
</h1>
|
||||
<p class="text-lg lg:text-xl text-slate-600 mb-8 leading-relaxed max-w-lg">
|
||||
Bridging customer expectations, commercial objectives and technology capabilities to shape products that solve meaningful problems, create measurable value and deliver sustainable competitive advantage.
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4">
|
||||
<a href="#contact" class="px-8 py-4 bg-slate-900 text-white font-semibold rounded-lg hover:bg-slate-800 transition text-center shadow-xl">
|
||||
Schedule a Consultation
|
||||
</a>
|
||||
<a href="#experience" class="px-8 py-4 bg-white text-slate-700 border border-slate-200 font-semibold rounded-lg hover:bg-slate-50 transition text-center">
|
||||
View Portfolio
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img src="./img/banner-3.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" style="border-radius: .3rem !important;" width="250" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="International" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
|
||||
|
||||
<div class="relative order-1 lg:order-2">
|
||||
<div class="bg-white p-8 rounded-2xl shadow-2xl border border-slate-100 relative z-10">
|
||||
<div class="flex items-center justify-between mb-8">
|
||||
<div>
|
||||
<h3 class="font-bold text-slate-900 text-lg">Product Success Metrics</h3>
|
||||
<p class="text-sm text-slate-500">Quarterly Performance</p>
|
||||
</div>
|
||||
<div class="h-10 w-10 bg-green-100 rounded-full flex items-center justify-center text-green-600">
|
||||
<i class="fas fa-arrow-up"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-end space-x-4 h-48">
|
||||
<div class="w-1/4 bg-blue-100 rounded-t-lg h-3/5 relative group">
|
||||
<div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Idea</div>
|
||||
</div>
|
||||
<div class="w-1/4 bg-blue-200 rounded-t-lg h-4/5 relative group">
|
||||
<div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Validate</div>
|
||||
</div>
|
||||
<div class="w-1/4 bg-blue-400 rounded-t-lg h-2/3 relative group">
|
||||
<div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Build</div>
|
||||
</div>
|
||||
<div class="w-1/4 bg-blue-600 rounded-t-lg h-full relative group">
|
||||
<div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Scale</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-6 border-t border-slate-100 pt-4 flex justify-between text-sm">
|
||||
<span class="font-semibold text-slate-700">ROI Calculation</span>
|
||||
<span class="text-green-600 font-bold">+125%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="absolute -top-6 -right-6 w-24 h-24 bg-blue-400 rounded-full mix-blend-multiply filter blur-2xl opacity-20 animate-pulse"></div>
|
||||
<div class="absolute -bottom-8 -left-8 w-32 h-32 bg-purple-400 rounded-full mix-blend-multiply filter blur-2xl opacity-20 animate-pulse"></div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="bg-slate-900 py-12 text-white">
|
||||
<div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-3 gap-8 text-center divide-y md:divide-y-0 md:divide-x divide-slate-700">
|
||||
<div class="px-4 py-2">
|
||||
<p class="text-4xl font-bold text-blue-400 mb-1">12+</p>
|
||||
<p class="text-slate-400 text-sm uppercase tracking-wide font-medium">Years of Excellence</p>
|
||||
<p class="text-xs text-slate-500 mt-1">Digital Product Management</p>
|
||||
</div>
|
||||
<div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
|
||||
<section class="py-2 text-center container">
|
||||
<div class="row py-lg-2">
|
||||
<div class="col-lg-10 col-md-8 mx-auto">
|
||||
<h1 class="fw-light">Digital Product Management</h1>
|
||||
<p class="lead text-muted text-start">Partner with us to harness the full potential of your products and drive your business towards sustained success!</p>
|
||||
<p>
|
||||
<a href="/Contact" class="btn btn-primary my-2"><i class="bi bi-play-fill"></i> Get started today!</a>
|
||||
<a href="/Home/About" class="btn btn-secondary my-2"><i class="bi bi-book-fill"></i> Learn More</a>
|
||||
<div class="px-4 py-2">
|
||||
<p class="text-4xl font-bold text-blue-400 mb-1">Global</p>
|
||||
<p class="text-slate-400 text-sm uppercase tracking-wide font-medium">International Reach</p>
|
||||
<p class="text-xs text-slate-500 mt-1">Europe & Asia Pacific</p>
|
||||
</div>
|
||||
<div class="px-4 py-2">
|
||||
<p class="text-4xl font-bold text-blue-400 mb-1">Diverse</p>
|
||||
<p class="text-slate-400 text-sm uppercase tracking-wide font-medium">Industry Expertise</p>
|
||||
<p class="text-xs text-slate-500 mt-1">Medical, Retail, Real Estate, HR</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="about" class="py-24 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-6">
|
||||
<div class="flex flex-col lg:flex-row gap-16 items-center">
|
||||
<div class="lg:w-1/2">
|
||||
<div class="relative">
|
||||
<img src="~/img/meeting-01.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="Product Planning" class="rounded-2xl shadow-xl relative z-10">
|
||||
<div class="absolute -bottom-6 -right-6 w-full h-full border-2 border-blue-100 rounded-2xl z-0"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:w-1/2">
|
||||
<h2 class="text-sm font-bold text-blue-600 uppercase tracking-widest mb-2">About Clive</h2>
|
||||
<h3 class="text-3xl font-bold text-slate-900 mb-6">Connecting Customer, Business & Engineering</h3>
|
||||
<p class="text-slate-600 mb-8 leading-relaxed">
|
||||
Accomplished and results-driven Digital Product Manager with a diverse background spanning health-tech, prop-tech, HR and e-commerce. Combining experience across <strong>Product Management, Product Ownership, Business Analysis and full-stack software development</strong> to translate customer needs and business objectives into valuable, technology-enabled products.
|
||||
</p>
|
||||
<p class="text-slate-600 mb-8 leading-relaxed">
|
||||
Known for an analytical, customer-centric approach and the ability to balance <strong>strategic business priorities, customer experience and technical feasibility</strong>. Experienced in shaping product strategy, defining roadmaps, validating opportunities, prioritising investment and leading cross-functional delivery to achieve measurable outcomes.
|
||||
</p>
|
||||
<p class="text-slate-600 mb-8 leading-relaxed">
|
||||
From delivering <strong>interoperable and compliant clinical decision support solutions</strong> to improving <strong>workflow automation and digital experiences</strong>, the focus remains on solving the right problems, reducing product risk and creating sustainable customer and commercial value.
|
||||
</p>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div class="flex items-center space-x-3">
|
||||
<i class="fas fa-check-circle text-green-500"></i>
|
||||
<span class="text-slate-700 font-medium">Product Strategy & Vision</span>
|
||||
</div>
|
||||
<div class="flex items-center space-x-3">
|
||||
<i class="fas fa-check-circle text-green-500"></i>
|
||||
<span class="text-slate-700 font-medium">Customer Discovery & User-Centric Design</span>
|
||||
</div>
|
||||
<div class="flex items-center space-x-3">
|
||||
<i class="fas fa-check-circle text-green-500"></i>
|
||||
<span class="text-slate-700 font-medium">Roadmapping & Prioritisation</span>
|
||||
</div>
|
||||
<div class="flex items-center space-x-3">
|
||||
<i class="fas fa-check-circle text-green-500"></i>
|
||||
<span class="text-slate-700 font-medium">Stakeholder & Cross-Functional Leadership</span>
|
||||
</div>
|
||||
<div class="flex items-center space-x-3">
|
||||
<i class="fas fa-check-circle text-green-500"></i>
|
||||
<span class="text-slate-700 font-medium">Data-Driven Decision Making</span>
|
||||
</div>
|
||||
<div class="flex items-center space-x-3">
|
||||
<i class="fas fa-check-circle text-green-500"></i>
|
||||
<span class="text-slate-700 font-medium">AI Product Management</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<hr class="featurette-divider">
|
||||
<div class="container">
|
||||
<footer class="py-1">
|
||||
<div class="row">
|
||||
<div class="col-6 col-md-3 mb-3">
|
||||
<h5>Overview</h5>
|
||||
<ul class="nav flex-column">
|
||||
|
||||
<li class="nav-item mb-2"><a href="/Home/About" class="nav-link p-0 text-body-secondary">About</a></li>
|
||||
<li class="nav-item mb-2"><a href="/Home/Services" class="nav-link p-0 text-body-secondary">Services</a></li>
|
||||
<li class="nav-item mb-2"><a href="/Home/Clients" class="nav-link p-0 text-body-secondary">Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-md-3 mb-3">
|
||||
<h5>News</h5>
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item mb-2"><a href="https://blog.clivelancaster.com" class="nav-link p-0 text-body-secondary">Blog</a></li>
|
||||
<li class="nav-item mb-2"><a href="/Contact" class="nav-link p-0 text-body-secondary">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="col-md-6 offset-md-0 mb-2">
|
||||
<form asp-action="Index" method="post">
|
||||
<h5>Subscribe to our newsletter</h5>
|
||||
<p>Monthly digest of what's new and exciting from us.</p>
|
||||
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
|
||||
<label asp-for="email" for="email" class="visually-hidden">Email address</label>
|
||||
<input asp-for="email" id="email" type="text" class="form-control" placeholder="Email address">
|
||||
<span asp-validation-for="email" class="text-danger"></span>
|
||||
<button class="btn btn-primary" type="submit">Subscribe</button>
|
||||
</div>
|
||||
</form>
|
||||
<section id="services" class="py-24 bg-slate-50">
|
||||
<div class="max-w-7xl mx-auto px-6">
|
||||
<div class="text-center mb-16">
|
||||
<h2 class="text-3xl font-bold text-slate-900 mb-4">Core Competencies</h2>
|
||||
<p class="text-slate-600 max-w-2xl mx-auto">Comprehensive product management services designed to take your concept from ideation to sustainable market success.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
<div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
|
||||
<div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
|
||||
<i class="fas fa-rocket"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-slate-900 text-lg mb-3">Unlock Growth</h3>
|
||||
<p class="text-slate-600 text-sm leading-relaxed">Align product strategies with overarching goals. Create a clear product vision that resonates in the marketplace.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
|
||||
<div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-slate-900 text-lg mb-3">Reduce Risk</h3>
|
||||
<p class="text-slate-600 text-sm leading-relaxed">Validate ideas before heavy investment. Use structured ideation to focus resources on high-potential initiatives.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
|
||||
<div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
|
||||
<i class="fas fa-cogs"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-slate-900 text-lg mb-3">Streamline Lifecycle</h3>
|
||||
<p class="text-slate-600 text-sm leading-relaxed">Take control of the journey from inception to launch. Prioritize features that matter most to customers.</p>
|
||||
</div>
|
||||
|
||||
<div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
|
||||
<div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
|
||||
<i class="fas fa-chart-pie"></i>
|
||||
</div>
|
||||
<h3 class="font-bold text-slate-900 text-lg mb-3">Sustainable Success</h3>
|
||||
<p class="text-slate-600 text-sm leading-relaxed">Lay the groundwork for long-term growth and adaptability in a constantly evolving market.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="experience" class="py-24 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-6">
|
||||
<div class="mb-16">
|
||||
<h2 class="text-3xl font-bold text-slate-900 mb-4">Track Record of Success</h2>
|
||||
<div class="h-1 w-20 bg-blue-600"></div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-12">
|
||||
<div class="flex flex-col md:flex-row gap-8 items-start border-b border-slate-100 pb-12">
|
||||
<div class="md:w-1/3">
|
||||
<span class="text-sm font-bold text-blue-600 uppercase">Healthcare / API</span>
|
||||
<h3 class="text-2xl font-bold text-slate-900 mt-2">Telstra Health & MedicalDirector</h3>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<p class="text-slate-600 mb-4">
|
||||
<strong>Vision:</strong> Establish Telstra Health & MedicalDirector as a trusted, interoperable digital health platform by connecting clinicians, healthcare organisations and government services through secure, standards-based APIs and digital workflows.
|
||||
</p>
|
||||
<p class="text-slate-600">
|
||||
<strong>Key Result:</strong> Expanded Telstra Health & MedicalDirector's market position and created a new API-based revenue opportunity by taking the Medicines DaaS platform from <strong>concept through to commercial contract execution.</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col md:flex-row gap-8 items-start border-b border-slate-100 pb-12">
|
||||
<div class="md:w-1/3">
|
||||
<span class="text-sm font-bold text-blue-600 uppercase">SaaS / Enterprise</span>
|
||||
<h3 class="text-2xl font-bold text-slate-900 mt-2">Cotality & XCM</h3>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<p class="text-slate-600 mb-4">
|
||||
<strong>Vision:</strong> Transform complex property, customer and marketing data into actionable intelligence that enables organisations to make informed decisions, identify opportunities and create measurable customer and commercial value.
|
||||
</p>
|
||||
<p class="text-slate-600">
|
||||
<strong>Key Result:</strong> Bridged business, customer and technology needs to shape data-driven products and analytics solutions that convert complex datasets into <strong>clear, actionable insights and measurable business value.</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col md:flex-row gap-8 items-start">
|
||||
<div class="md:w-1/3">
|
||||
<span class="text-sm font-bold text-blue-600 uppercase">E-Commerce / Retail</span>
|
||||
<h3 class="text-2xl font-bold text-slate-900 mt-2">Best Western</h3>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<p class="text-slate-600 mb-4">
|
||||
<strong>Vision:</strong> Create data-driven digital marketing experiences that improve customer engagement, strengthen brand value and deliver measurable commercial growth.
|
||||
</p>
|
||||
<p class="text-slate-600">
|
||||
<strong>Key Result:</strong> Supported revenue growth and enhanced brand recognition for over <strong>290+ privately owned Best Western hotels.</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact" class="py-24 bg-blue-600 relative overflow-hidden">
|
||||
<div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div>
|
||||
<div class="max-w-4xl mx-auto px-6 text-center relative z-10">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Ready to harness the full potential of your product?</h2>
|
||||
<p class="text-blue-100 text-lg mb-10">Partner with me to drive your business towards sustained success and digital transformation.</p>
|
||||
<div class="flex flex-col sm:flex-row justify-center gap-4">
|
||||
<a href="/Contact" class="px-8 py-4 bg-white text-blue-600 font-bold rounded-lg hover:bg-slate-100 transition shadow-lg flex items-center justify-center">
|
||||
<i class="fas fa-envelope mr-2"></i> Contact Me
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/clivelancaster/" target="_blank" class="px-8 py-4 bg-transparent border-2 border-white text-white font-bold rounded-lg hover:bg-white/10 transition flex items-center justify-center">
|
||||
<i class="fab fa-linkedin mr-2"></i> LinkedIn
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user