iqon/index.html
2026-03-01 01:03:18 +03:00

212 lines
8.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>IQON | Consultancy That Moves Business</title>
<meta
name="description"
content="IQON helps organizations align technology decisions with measurable business outcomes through strategy, architecture, and transformation consulting."
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@300;400;600;700;800&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<header class="topbar">
<a class="brand" href="#">
<svg class="brand-mark" viewBox="0 0 44 44" aria-hidden="true">
<circle cx="22" cy="22" r="21" fill="#0A0A0A" stroke="#0A0A0A" stroke-width="1"></circle>
<circle cx="22" cy="22" r="20" stroke="#FFD000" stroke-width="1.5" fill="none"></circle>
<ellipse cx="22" cy="22" rx="13" ry="12" fill="#FFD000"></ellipse>
<ellipse cx="22" cy="22" rx="13" ry="12" fill="url(#eyeGlow)"></ellipse>
<path
d="M22 10.5 C19.2 14 18.2 18 18.2 22 C18.2 26 19.2 30 22 33.5 C24.8 30 25.8 26 25.8 22 C25.8 18 24.8 14 22 10.5Z"
fill="#0A0A0A"
></path>
<ellipse
cx="17"
cy="16.5"
rx="2.2"
ry="3.2"
fill="rgba(255,255,255,0.32)"
transform="rotate(-22 17 16.5)"
></ellipse>
<circle cx="26.5" cy="26" r="1" fill="rgba(255,255,255,0.12)"></circle>
<defs>
<radialGradient id="eyeGlow" cx="40%" cy="38%" r="65%">
<stop offset="0%" stop-color="#FFE84D" stop-opacity=".7"></stop>
<stop offset="50%" stop-color="#FFD000" stop-opacity="0"></stop>
<stop offset="100%" stop-color="#AA8000" stop-opacity=".15"></stop>
</radialGradient>
</defs>
</svg>
<span class="brand-name">iqon</span>
</a>
<nav class="main-nav" aria-label="Primary">
<a href="#approach">How's Business?</a>
<a href="#services">Services & Solutions</a>
<a href="#cases">Case Studies</a>
<a href="#contacts">Contacts</a>
</nav>
<a class="nav-cta" href="#contacts">Book Discovery Call</a>
</header>
<main>
<section class="hero" id="approach">
<div class="hero-copy reveal">
<p class="eyebrow">Our Proprietary Consultive Approach</p>
<h1>Technology decisions with business consequences in view.</h1>
<p class="lead">
Ask. Understand. Challenge. Propose. We transform complex IT initiatives into
predictable outcomes for leadership teams.
</p>
<div class="hero-actions">
<a class="btn btn-solid" href="#contacts">Start a conversation</a>
<a class="btn btn-outline" href="#services">Explore services</a>
</div>
</div>
<div class="hero-cloud reveal">
<span>Systems</span>
<span>Technology</span>
<span>Engineering</span>
<span>Implementation</span>
<span>Outsourcing</span>
<strong>How's IT<br />Business?</strong>
</div>
</section>
<section class="service-strip" id="services">
<article class="service-tile reveal">
<h2>Enterprise Management & Decision Support</h2>
<p>Executive visibility, governance rhythm, and strategic decision intelligence.</p>
</article>
<article class="service-tile reveal">
<h2>Industry Specific Services</h2>
<p>Domain-led delivery models for regulated and high-complexity sectors.</p>
</article>
<article class="service-tile reveal">
<h2>IS Advisory Services</h2>
<p>Architecture guidance that links platform choices to growth goals.</p>
</article>
<article class="service-tile reveal">
<h2>IT Infrastructure Services</h2>
<p>Resilient, right-sized infrastructure with cost and risk under control.</p>
</article>
<article class="service-tile reveal">
<h2>Mobility Consulting Services</h2>
<p>Modern digital experiences and field-ready operating models.</p>
</article>
</section>
<section class="method">
<div class="section-head reveal">
<p class="eyebrow">Method</p>
<h3>From uncertainty to delivery confidence.</h3>
</div>
<ol class="steps">
<li class="reveal">
<span>01</span>
<div>
<h4>Ask</h4>
<p>Frame business objectives, constraints, and expectations with leadership.</p>
</div>
</li>
<li class="reveal">
<span>02</span>
<div>
<h4>Understand</h4>
<p>Assess architecture, teams, process maturity, and delivery bottlenecks.</p>
</div>
</li>
<li class="reveal">
<span>03</span>
<div>
<h4>Challenge</h4>
<p>Test assumptions and de-risk roadmap choices before execution begins.</p>
</div>
</li>
<li class="reveal">
<span>04</span>
<div>
<h4>Propose</h4>
<p>Deliver an actionable transformation blueprint with measurable KPIs.</p>
</div>
</li>
</ol>
</section>
<section class="cases" id="cases">
<div class="section-head reveal">
<p class="eyebrow">Success Story</p>
<h3>Stabilized enterprise delivery and cut time-to-decision by 35%.</h3>
</div>
<div class="case-grid">
<div class="case-visual reveal">
<div class="chart-box" aria-hidden="true">
<span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<article class="case-copy reveal">
<p>
A regional enterprise faced fragmented reporting and delayed investment decisions.
IQON redesigned governance, aligned architecture to business streams, and introduced
a portfolio-level decision framework.
</p>
<ul>
<li>35% faster strategic decision cycle</li>
<li>22% reduction in duplicated platform spend</li>
<li>Cross-team execution model adopted in 90 days</li>
</ul>
</article>
</div>
</section>
<section class="cta-band">
<h3>Need clarity on your next IT move?</h3>
<p>We can turn ambiguity into a practical roadmap in a two-week advisory sprint.</p>
<a class="btn btn-dark" href="#contacts">Talk to IQON</a>
</section>
</main>
<footer id="contacts">
<div class="footer-grid">
<section>
<h4>Latest Case Studies</h4>
<ul>
<li>Operating model redesign for a financial group</li>
<li>Infrastructure modernization for retail network</li>
<li>Advisory program for digital public services</li>
</ul>
</section>
<section>
<h4>Our Services</h4>
<ul>
<li>Mobility Consulting Services</li>
<li>IT Infrastructure Services</li>
<li>IS Advisory Services</li>
<li>Industry Specific Services</li>
</ul>
</section>
<section>
<h4>Contact</h4>
<p>10th Montreal Sq. 3rd Floor 3.01 bis Office, 011469 Bucharest, Romania</p>
<p>T +4 037 261 2600</p>
<p>F +4 037 261 2608</p>
<p>office@iqon.com</p>
</section>
</div>
<div class="footer-bottom">
<p>Home | Services & Solutions | Case Studies | Contacts</p>
<p>2011-2026 Copyright IQON. All Rights Reserved.</p>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>