<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mobilix Software — iOS & Android App Studio</title>
<meta name="description" content="Mobilix Software is an independent mobile software studio building iOS and Android apps. Product design, development, and App Store launch." />
<meta property="og:title" content="Mobilix Software — iOS & Android App Studio" />
<meta property="og:description" content="Independent mobile software studio building iOS and Android apps." />
<meta property="og:type" content="website" />
<meta name="theme-color" content="#0b0f17" />
<style>
:root{
--bg:#070a11;
--card:#0c1220;
--text:#e8eefc;
--muted:#a9b4cf;
--line:rgba(255,255,255,.10);
--accent:#7c5cff;
--accent2:#22c55e;
--shadow: 0 12px 40px rgba(0,0,0,.45);
--radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
color:var(--text);
background:
radial-gradient(1100px 700px at 20% 0%, rgba(124,92,255,.25), transparent 55%),
radial-gradient(900px 600px at 90% 10%, rgba(34,197,94,.18), transparent 55%),
radial-gradient(1000px 700px at 50% 100%, rgba(59,130,246,.12), transparent 60%),
var(--bg);
line-height:1.5;
}
a{color:inherit; text-decoration:none}
.container{max-width:1120px; margin:0 auto; padding:22px}
.nav{
position:sticky; top:0; z-index:50;
backdrop-filter: blur(14px);
background: rgba(7,10,17,.55);
border-bottom:1px solid var(--line);
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:18px}
.brand{display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:.2px}
.logo{
width:34px; height:34px; border-radius:12px;
background: linear-gradient(135deg, rgba(124,92,255,.95), rgba(34,197,94,.75));
box-shadow: 0 10px 30px rgba(124,92,255,.20);
}
.nav-links{display:flex; gap:14px; flex-wrap:wrap; justify-content:flex-end}
.nav-links a{
padding:9px 10px; border-radius:12px; color:var(--muted);
border:1px solid transparent;
}
.nav-links a:hover{color:var(--text); border-color:var(--line); background: rgba(255,255,255,.04)}
.btn{
display:inline-flex; align-items:center; justify-content:center;
gap:10px; padding:11px 14px; border-radius:14px;
border:1px solid var(--line); background: rgba(255,255,255,.04);
color:var(--text); font-weight:600;
cursor:pointer;
}
.btn:hover{background: rgba(255,255,255,.06)}
.btn.primary{
border-color: rgba(124,92,255,.55);
background: linear-gradient(135deg, rgba(124,92,255,.95), rgba(124,92,255,.55));
box-shadow: 0 14px 40px rgba(124,92,255,.22);
}
.btn.primary:hover{filter:brightness(1.05)}
.hero{padding:64px 0 34px}
.pill{
display:inline-flex; gap:10px; align-items:center;
padding:8px 12px; border-radius:999px;
background: rgba(255,255,255,.04);
border:1px solid var(--line);
color:var(--muted); font-size:13px;
}
h1{margin:16px 0 10px; font-size:44px; line-height:1.08; letter-spacing:-.7px}
.lead{max-width:760px; color:var(--muted); font-size:18px}
.hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px}
.grid{display:grid; gap:14px}
.grid.cols3{grid-template-columns: repeat(3, minmax(0, 1fr))}
.grid.cols2{grid-template-columns: repeat(2, minmax(0, 1fr))}
@media (max-width: 920px){
h1{font-size:36px}
.grid.cols3{grid-template-columns:1fr}
.grid.cols2{grid-template-columns:1fr}
.nav-links{display:none}
}
.card{
background: rgba(12,18,32,.72);
border: 1px solid var(--line);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding:16px;
}
.section{padding:34px 0}
.section h2{margin:0 0 6px; font-size:26px; letter-spacing:-.2px}
.section p{margin:0; color:var(--muted)}
.kpi{display:flex; gap:10px; align-items:flex-start}
.dot{width:10px; height:10px; border-radius:99px; background: var(--accent); margin-top:7px}
.dot.g{background: var(--accent2)}
.muted{color:var(--muted)}
.tag{
display:inline-flex; padding:6px 10px; border-radius:999px;
border:1px solid var(--line);
background: rgba(255,255,255,.03);
color:var(--muted); font-size:12px;
margin-right:8px; margin-top:10px;
}
.proj-title{display:flex; align-items:center; justify-content:space-between; gap:10px}
.proj-title strong{font-size:16px}
.proj-title span{font-size:12px; color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:6px 10px}
.footer{
padding:26px 0 42px;
border-top:1px solid var(--line);
color:var(--muted);
margin-top:28px;
}
input, textarea{
width:100%;
background: rgba(255,255,255,.03);
border:1px solid var(--line);
border-radius:14px;
padding:12px 12px;
color:var(--text);
outline:none;
font-size:14px;
}
textarea{min-height:120px; resize:vertical}
label{display:block; font-size:12px; color:var(--muted); margin:10px 0 6px}
.row{display:grid; gap:12px; grid-template-columns:1fr 1fr}
@media (max-width: 920px){ .row{grid-template-columns:1fr} }
.small{font-size:12px}
</style>
</head>
<body>
<header class="nav">
<div class="container nav-inner">
<a class="brand" href="#top" aria-label="Mobilix Software">
<div class="logo"></div>
<div>MOBILIX<span class="muted">.software</span></div>
</a>
<nav class="nav-links" aria-label="Main navigation">
<a href="#services">Services</a>
<a href="#work">Portfolio</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<a class="btn primary" href="#contact">Request a call</a>
</div>
</header>
<main id="top">
<section class="hero">
<div class="container">
<div class="pill">Independent mobile software studio • iOS • Android • AI</div>
<h1>We design and build apps people love.</h1>
<p class="lead">
Mobilix Software builds high-quality iOS and Android applications — from discovery and UI/UX to development and App Store launch.
If you need a reliable team for your product, we can help.
</p>
<div class="hero-cta">
<a class="btn primary" href="#contact">Get a free consultation</a>
<a class="btn" href="#work">View our work</a>
<a class="btn" href="mailto:info@mobilixsoftware.com">Email: info@mobilixsoftware.com</a>
</div>
<div style="margin-top:18px" class="grid cols3">
<div class="card kpi">
<div class="dot"></div>
<div>
<strong>End-to-end delivery</strong>
<div class="muted small">Discovery, design, development, and publishing.</div>
</div>
</div>
<div class="card kpi">
<div class="dot g"></div>
<div>
<strong>Modern stack</strong>
<div class="muted small">Swift, Kotlin, Firebase, APIs, subscriptions.</div>
</div>
</div>
<div class="card kpi">
<div class="dot"></div>
<div>
<strong>Clear communication</strong>
<div class="muted small">Structured milestones and transparent progress.</div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="section">
<div class="container">
<h2>Services</h2>
<p>Everything you need to go from idea to a shipped, scalable product.</p>
<div style="margin-top:14px" class="grid cols2">
<div class="card">
<strong>Mobile App Development</strong>
<div class="muted small" style="margin-top:6px">
Native iOS (Swift) and Android (Kotlin). Cross-platform upon request.
</div>
<div>
<span class="tag">iOS</span><span class="tag">Android</span><span class="tag">Performance</span><span class="tag">App Store</span>
</div>
</div>
<div class="card">
<strong>Product Design (UI/UX)</strong>
<div class="muted small" style="margin-top:6px">
Wireframes, prototypes, design systems, and pixel-perfect UI implementation.
</div>
<div>
<span class="tag">Figma</span><span class="tag">Design System</span><span class="tag">Prototyping</span>
</div>
</div>
<div class="card">
<strong>Backend & Integrations</strong>
<div class="muted small" style="margin-top:6px">
Auth, databases, push notifications, analytics, payments, and third-party APIs.
</div>
<div>
<span class="tag">Firebase</span><span class="tag">APIs</span><span class="tag">Payments</span><span class="tag">Analytics</span>
</div>
</div>
<div class="card">
<strong>Launch & Support</strong>
<div class="muted small" style="margin-top:6px">
App Store / Google Play release, ASO basics, crash monitoring and maintenance.
</div>
<div>
<span class="tag">Release</span><span class="tag">ASO</span><span class="tag">Monitoring</span>
</div>
</div>
</div>
</div>
</section>
<section id="work" class="section">
<div class="container">
<h2>Portfolio</h2>
<p>Selected products and app projects. (We can replace these with your real items.)</p>
<div style="margin-top:14px" class="grid cols2">
<div class="card">
<div class="proj-title">
<strong>Project One</strong>
<span>In-house</span>
</div>
<p class="muted small" style="margin-top:8px">
Short description: what it does, who it is for, and the key value.
</p>
</div>
<div class="card">
<div class="proj-title">
<strong>Project Two</strong>
<span>In-house</span>
</div>
<p class="muted small" style="margin-top:8px">
Short description: core feature set, tech highlights, and outcome.
</p>
</div>
<div class="card">
<div class="proj-title">
<strong>Project Three</strong>
<span>Client / Private</span>
</div>
<p class="muted small" style="margin-top:8px">
If confidential, keep it generic: industry + solution + result.
</p>
</div>
<div class="card">
<div class="proj-title">
<strong>Project Four</strong>
<span>Client / Private</span>
</div>
<p class="muted small" style="margin-top:8px">
Another short case: problem → solution → impact.
</p>
</div>
</div>
<div class="muted small" style="margin-top:10px">
Tip: Apple/D-U-N-S için en iyisi “fake müşteri listesi” yerine “in-house products” anlatımıdır.
</div>
</div>
</section>
<section id="about" class="section">
<div class="container">
<h2>About Mobilix</h2>
<p>We are a mobile software studio focused on building and launching reliable products.</p>
<div style="margin-top:14px" class="grid cols2">
<div class="card">
<strong>What we do</strong>
<p class="muted small" style="margin-top:8px">
We partner with founders and businesses to ship iOS & Android apps — with a focus on performance, clean UX, and maintainable code.
</p>
</div>
<div class="card">
<strong>How we work</strong>
<p class="muted small" style="margin-top:8px">
Milestones, weekly updates, and clear deliverables. We prefer simple, scalable solutions and fast iteration.
</p>
</div>
</div>
<div class="card" style="margin-top:14px">
<strong>Registered address</strong>
<div class="muted small" style="margin-top:8px">
71-75 Shelton Street, Covent Garden, London, WC2H 9JQ, UNITED KINGDOM
</div>
</div>
</div>
</section>
<section id="contact" class="section">
<div class="container">
<h2>Contact</h2>
<p>Tell us what you’re building. We reply within 1 business day.</p>
<div style="margin-top:14px" class="grid cols2">
<div class="card">
<strong>Email</strong>
<div class="muted" style="margin-top:8px">
<a href="mailto:info@mobilixsoftware.com">info@mobilixsoftware.com</a>
</div>
<div class="muted small" style="margin-top:10px">
Address: 71-75 Shelton Street, Covent Garden, London, WC2H 9JQ, UK
</div>
</div>
<div class="card">
<form action="mailto:info@mobilixsoftware.com" method="post" enctype="text/plain">
<div class="row">
<div>
<label for="name">Name</label>
<input id="name" name="name" placeholder="Your name" required />
</div>
<div>
<label for="email">Email</label>
<input id="email" name="email" type="email" placeholder="you@company.com" required />
</div>
</div>
<label for="message">Message</label>
<textarea id="message" name="message" placeholder="Briefly describe your project…" required></textarea>
<div style="display:flex; gap:10px; align-items:center; margin-top:12px; flex-wrap:wrap">
<button class="btn primary" type="submit">Send message</button>
<span class="muted small">Or email us directly.</span>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container small">
© <span id="y"></span> Mobilix Software. All rights reserved.
</div>
</footer>
</main>
<script>
document.getElementById("y").textContent = new Date().getFullYear();
</script>
</body>
</html>