128 lines
6.6 KiB
PHP
128 lines
6.6 KiB
PHP
<!-- ======= Wizdom Way Section ======= -->
|
||
<section id="wizdom-way" class="work-process section">
|
||
<div class="container section-title" data-aos="fade-up">
|
||
<h2>The Wizdom Way</h2>
|
||
<p>Our 6-step approach blends clarity, precision, and execution — guiding every project from insight to celebration.</p>
|
||
</div>
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="row gy-5">
|
||
|
||
<!-- Step 1 -->
|
||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="steps-item">
|
||
<div class="steps-image">
|
||
<img src="assets/img/steps/wizdom-step-discovery-alignment.webp" alt="Wizdom Work Process Step 1 – Discovery and Alignment" class="img-fluid" loading="lazy">
|
||
</div>
|
||
<div class="steps-content">
|
||
<div class="steps-number">01</div>
|
||
<h3>Discovery & Alignment</h3>
|
||
<p>We listen first. Together, we uncover your challenges, clarify goals, and align stakeholders.</p>
|
||
<div class="steps-features">
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Stakeholder Interviews</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Needs Analysis</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Goal Prioritization</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Step 2 -->
|
||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
|
||
<div class="steps-item">
|
||
<div class="steps-image">
|
||
<img src="assets/img/steps/wizdom-step-planning-prioritization.webp" alt="Wizdom Work Process Step 2 – Planning and Prioritization" class="img-fluid" loading="lazy">
|
||
</div>
|
||
<div class="steps-content">
|
||
<div class="steps-number">02</div>
|
||
<h3>Planning & Prioritization</h3>
|
||
<p>We turn insights into a clear roadmap, prioritizing impact and feasibility from the start.</p>
|
||
<div class="steps-features">
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Timeline & Budget Alignment</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Feasibility Planning</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Milestone Definition</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Step 3 -->
|
||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="400">
|
||
<div class="steps-item">
|
||
<div class="steps-image">
|
||
<img src="assets/img/steps/wizdom-step-design-validation.webp" alt="Wizdom Work Process Step 3 – Design and Validation" class="img-fluid" loading="lazy">
|
||
</div>
|
||
<div class="steps-content">
|
||
<div class="steps-number">03</div>
|
||
<h3>Design & Validation</h3>
|
||
<p>We transform plans into actionable, testable designs and validate them with your team before deployment.</p>
|
||
<div class="steps-features">
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>UX & Systems Design</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Client Review Loops</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Validation Milestones</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Step 4 -->
|
||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="500">
|
||
<div class="steps-item">
|
||
<div class="steps-image">
|
||
<img src="assets/img/steps/wizdom-step-execution-deployment.webp" alt="Wizdom Work Process Step 4 – Execution and Deployment" class="img-fluid" loading="lazy">
|
||
</div>
|
||
<div class="steps-content">
|
||
<div class="steps-number">04</div>
|
||
<h3>Execution & Deployment</h3>
|
||
<p>Your solution goes live — clean code, full documentation, and hands-on deployment support.</p>
|
||
<div class="steps-features">
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Staging & Release</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Deployment Planning</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Live Launch Monitoring</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Step 5 -->
|
||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="600">
|
||
<div class="steps-item">
|
||
<div class="steps-image">
|
||
<img src="assets/img/steps/wizdom-step-optimization-support.webp" alt="Wizdom Work Process Step 5 – Optimization and Support" class="img-fluid" loading="lazy">
|
||
</div>
|
||
<div class="steps-content">
|
||
<div class="steps-number">05</div>
|
||
<h3>Optimization & Support</h3>
|
||
<p>We stay engaged, helping you monitor, optimize, and adapt your solution as your needs evolve.</p>
|
||
<div class="steps-features">
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Performance Monitoring</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Technical Support</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Iterative Improvements</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Step 6 -->
|
||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="700">
|
||
<div class="steps-item">
|
||
<div class="steps-image">
|
||
<img src="assets/img/steps/wizdom-step-strategic-partnership.webp" alt="Wizdom Work Process Step 6 – Strategic Partnership" class="img-fluid" loading="lazy">
|
||
</div>
|
||
<div class="steps-content">
|
||
<div class="steps-number">06</div>
|
||
<h3>Strategic Partnership</h3>
|
||
<p>Our goal is long-term alignment, trust, and shared momentum. This isn’t just a project — it’s a relationship.</p>
|
||
<div class="steps-features">
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Long-Term Collaboration</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Milestone Reviews</span></div>
|
||
<div class="feature-item"><i class="bi bi-check-circle"></i><span>Celebration & Continuity</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section><!-- End Wizdom Way Section -->
|