From scratch
Custom Website
Websites and web apps written from scratch, built exclusively for your business.
- Web apps
- Bespoke design
- Motion & 3D
Available for new projects
The website your business actually needs.
We design and develop websites, e-shops and custom applications. SEO is installed from the start, so you appear first in the searches that matter to your business.
A free first conversation by phone · Reply within 24 hours, no obligation
- A cost estimate from the first contact
- Domain and hosting in your name
- One month of support and training
Services
We create your digital identity.
WordPress websites, e-shops and fully custom platforms, with the SEO that brings the right customers. Not sure which of these you need? We work it out on the first call.
Try a B2B shop in action.
Choose products as a liquor store or as a hospitality business, add cases to your cart and complete a demo order.
(Opens in a new tab)odysseusweb.com/b2b-demoOpen the B2B demo (Opens in a new tab)
(Opens in a new tab)odysseusweb.com/b2b-demoOpen the B2B demo (Opens in a new tab)
import { MongoClient } from "mongodb"; const globalMongo = globalThis as typeof globalThis & { mongoConnection?: Promise<MongoClient>;}; export async function getDatabase() { const uri = process.env.MONGODB_URI; if (!uri) throw new Error("MONGODB_URI is not configured."); if (!globalMongo.mongoConnection) { const client = new MongoClient(uri, { serverSelectionTimeoutMS: 5000, maxPoolSize: 10, maxIdleTimeMS: 60000, }); globalMongo.mongoConnection = client.connect().catch((error: unknown) => { globalMongo.mongoConnection = undefined; throw error; }); } const client = await globalMongo.mongoConnection; return client.db(process.env.MONGODB_DB || "odysseus_wholesale_demo");}src/lib/mongodb.tsodysseus-b2b-demo · L1–25
let initialization: Promise<void> | undefined;export async function getDemoDatabase() { const db = await getDatabase(); initialization ??= (async () => { await Promise.all([ db.collection("products").createIndex({ id: 1 }, { unique: true }), db .collection("orders") .createIndex({ session: 1, idempotencyKey: 1 }, { unique: true }), db .collection("orders") .createIndex({ session: 1, role: 1, createdAt: -1 }), db .collection("orders") .createIndex({ expiresAt: 1 }, { expireAfterSeconds: 0 }), db .collection("request_limits") .createIndex({ expiresAt: 1 }, { expireAfterSeconds: 0 }), ]);src/lib/demo-database.tsodysseus-b2b-demo · L5–23
const fingerprint = createHash("sha256") .update( JSON.stringify({ role: input.role, delivery: input.delivery, lines: input.lines, ...details, }), ) .digest("hex");const key = { session, idempotencyKey: input.idempotencyKey };const existing = await collection.findOne(key);if (existing) { if (existing.fingerprint && existing.fingerprint !== fingerprint) return failure( "Η προηγούμενη δοκιμή έχει διαφορετικά στοιχεία. Επιστρέψτε στον κατάλογο και ελέγξτε το καλάθι.", 409, ); return Response.json( { order: await collection.findOne(key, { projection }) }, { headers }, );}src/app/api/orders/route.tsodysseus-b2b-demo · L106–128
function quantityControl(product: Product) { const count = cart.find((l) => l.productId === product.id)?.cases ?? 0; return ( <div className={`quantity ${count ? "has-value" : ""}`}> <button aria-label={`Μείωση κιβωτίων ${product.name}`} disabled={!count || submitting} onClick={() => setQuantity(product, count - 1)} > <Minus size={14} /> </button> <input aria-label={`Κιβώτια ${product.name}`} type="number" min="0" max={product.stockCases} inputMode="numeric" value={count} disabled={!product.stockCases || submitting} onChange={(e) => setQuantity(product, Number(e.target.value))} /> <button aria-label={`Προσθήκη κιβωτίου ${product.name}`} disabled={count >= product.stockCases || submitting} onClick={() => setQuantity(product, count + 1)} > <Plus size={14} /> </button> </div> );}src/components/wholesale-app.tsxodysseus-b2b-demo · L417–447
const subtotalCents = priced.reduce( (sum, line) => sum + line.lineTotalCents, 0,);const totalCases = priced.reduce((sum, line) => sum + line.cases, 0);const discountCents = totalCases >= 10 ? Math.round(subtotalCents * 0.05) : 0;return { lines: priced, subtotalCents, discountCents, totalCents: subtotalCents - discountCents, totalCases, totalUnits: priced.reduce( (sum, line) => sum + line.cases * line.unitsPerCase, 0, ),};src/lib/pricing.tsodysseus-b2b-demo · L42–58
An interactive ordering app for liquor stores and hospitality.
Portfolio
Samples of work that bring in customers
Every project you see here has been designed and developed by our team. A collection of client work and projects to show you how we can give your website the right direction and look.
VIOKAM (Opens in a new tab)
Company site · 2026
A plastics workshop in Peristeri: a clean, fast company site that explains what the plant actually makes and makes asking for a quote easy.
- HTML
- CSS
- JavaScript
Nefeli Kanellopoulou
Dietitian's website · 2026
A clinical dietitian–nutritionist working online: a site that presents her services, offers two interactive tools and guides the visitor to a booking.
- HTML
- CSS
- JavaScript
DOMA Studio
Concept · 2026
Our projectOur own piece, not a client commission: a site for an invented architecture studio, built to find out how far WebGL goes before speed starts paying for it.
- Next.js
- WebGL
- TypeScript
Meridian Studio
Concept · 2025
Our projectOur own piece: a flagship site for an invented design studio, where we tried scroll-driven storytelling on a headless CMS.
- Next.js
- Headless CMS
- GSAP
Thalassa Goods
Concept · 2025
Our projectOur own piece: a store for an invented brand, built to work through checkout, filtering and Greek payment flows without a client deadline.
- WooCommerce
- WordPress
- Skroutz
Tools
Take the tools in your hands.
Pick one and see what it does for your project.
Figma
The digital drawing board where we design your website screen by screen, before a single line of code is written
Photoshop
The tool for preparing images
HTML
The skeleton of every website on the internet
CSS
What gives a website its appearance
JavaScript
The programming language of the browser
TypeScript
A stricter version of JavaScript that catches errors as the code is written, before you or your customers ever see them
React
The technology behind interfaces that feel like apps
Next.js
The framework that turns React into complete, production-grade websites
Tailwind CSS
A styling system that keeps the design consistent across the whole site
GSAP
The professional animation library
WordPress
The world's most popular website platform, with roughly 4 in 10 sites running on it
WooCommerce
The plugin that turns WordPress into a complete online store
Shopify
A hosted store platform
Headless CMS
A modern way to manage content
Git & GitHub
The safety net of professional development
Vercel Hosting
Modern hosting built for speed
Databases
Where the data that keeps changing is stored
SEO
Search Engine Optimization
Google Analytics
Shows what actually happens on your site
Speed & Security
The invisible work that keeps a site in good shape
Process
From our very first call, through to the completed website and beyond delivery.
Five stages. At each one, you know exactly what to expect, what will be delivered, and what the next step is.
First contact
A first conversation to understand your vision. You receive a free cost estimate.
Structure & design
We agree on the structure and the design/aesthetic direction. You see real mockups of your page before even a single line of code is written. At this stage, an assessment of the actual cost and an estimate of the timeline take place.
Build
Your website takes shape: WordPress builds, eCommerce solutions, or fully custom websites built with Next.js/React. SEO is built in from the start—not added as an afterthought.
Launch
Final review together, last revisions, hosting and domain set up in your name. Your website is published and goes live.
Support
One month of support and training, completely free of charge. After that, we’re here for any updates, changes, or questions. We also offer support packages with 24/7 service.
FAQ
The questions we hear on every first call
The answers we give most often, without the jargon. Yours missing? Send us a message.
How much does a website cost?
The cost depends on the scope of the project, since a five-page website and a full e-shop are two different builds. You receive a first estimate from our very first contact. When we present the plan, the timeline and the mockups, you also receive the final cost.
Are there any hidden costs?
No, there are no hidden costs. The quote you receive is itemised and covers everything we have agreed. The domain, the hosting and any annual licences are listed separately with their cost. That way you know from the start what you pay now and what renews each year.
Can I pay in instalments?
Yes, you can pay in instalments. The usual practice is two instalments: a deposit when the project starts and the balance on delivery. On larger projects we agree a different plan, always in writing before we begin.
How long until the website is ready?
A simple website is usually delivered in 2–4 weeks. An e-shop or a custom build takes approximately 4–8 weeks. You receive the timeline together with the plan and the mockups. If the plan changes, we tell you in advance.
Do I own the website and the code?
Yes, the website and the code belong entirely to you. The design, the domain, the hosting and every related account are registered in your name from day one. If at some point you choose to continue with another partner, you take all of it with you without needing our approval.
I'm not technical. Is that a problem?
No, you do not need to be technical or to know anything about code. We explain every decision, and we guide you through managing your page after launch (uploading photos or text). It is an easy process and you will be surprised by how simple it is.
What happens after launch?
After launch comes one month of support and training, included in every project. After that, you can choose a maintenance plan covering updates, backups and small changes. Alternatively, you come to us as and when you need to, with no subscription to commit to.
Can you redesign or take over my existing site?
Yes, we can take over or redesign your existing site. First we look at what you already have and we put both options in front of you, each one priced: a focused refresh of the current site, or a new build. The decision is yours, with the numbers in front of you.
Do you handle SEO?
Yes, of course we handle SEO, and in fact it is included in every project we deliver. Every site ships with a clean structure, fast loading, correct metadata and structured data. For the top positions on the searches that matter to you we recommend a monthly engagement, which is a separate service. Each month builds on the position the one before it established.
Do you only work with clients in Greece?
No, we work with clients both in Greece and abroad. We are based in Athens and we run everything online: calls, updates and delivery, in Greek or in English.
What technologies do you work with?
We use the modern toolkit: HTML, CSS, JavaScript and TypeScript. For custom websites and web applications we work with React and Next.js. When you want to manage the content yourself, we build WordPress and WooCommerce with a hand-written theme. Where the build calls for it, we also take on back-end work, databases and connections to bookings, payments or email. We pick the tool that fits your project, never the other way round.
Contact
Let’s build a website that delivers results, not just compliments.
Tell us about the project you have in mind, through the form or by phone. You’ll get a clear answer, and we’ll be happy to address any questions you may have—whether you choose to work with us or not.
Tell us about your project
Fill in the form and we'll reach out within 24 hours.
Talk to us
Ways to reach us
Choose whatever's easiest. We're available Monday to Friday, 9:00–18:00.