Από το μηδέν
Custom Ιστοσελίδα
Ιστοσελίδες και web apps γραμμένες από την αρχή, αποκλειστικά για τη δική σας επιχείρηση.
- Web apps
- Custom design
- Κίνηση & 3D
Διαθέσιμοι για νέα έργα
Το site που χρειάζεται η επιχείρησή σας.
Σχεδιάζουμε και αναπτύσσουμε ιστοσελίδες, e-shop και custom εφαρμογές. Όσον αφορά το SEO, εγκαθίσταται από την αρχή, ώστε να εμφανίζεστε πρώτοι στις αναζητήσεις που σας αφορούν.
Δωρεάν πρώτη κουβέντα στο τηλέφωνο · Απάντηση εντός 24 ωρών, χωρίς δέσμευση
- Εκτίμηση κόστους από την πρώτη επικοινωνία
- Domain και hosting στο όνομά σας
- Ένας μήνας υποστήριξης και εκπαίδευσης
Υπηρεσίες
Δημιουργούμε την ψηφιακή σας ταυτότητα.
Ιστοσελίδες WordPress, e-shop και πλήρως custom πλατφόρμες, μαζί με το SEO που φέρνει τους σωστούς πελάτες. Αν δεν είστε βέβαιοι τι από αυτά χρειάζεστε, συμβουλευτείτε μας.
Δεν είστε βέβαιοι τι χρειάζεστε; Ρωτήστε μας. Απαντάμε εντός 24 ωρών.
Δοκιμάστε ένα B2B e-shop στην πράξη.
Επιλέξτε προϊόντα ως κάβα ή ως επιχείρηση εστίασης, προσθέστε κιβώτια στο καλάθι και ολοκληρώστε μια δοκιμαστική παραγγελία.
(Ανοίγει σε νέα καρτέλα)odysseusweb.com/b2b-demoΑνοίξτε το B2B demo (Ανοίγει σε νέα καρτέλα)
(Ανοίγει σε νέα καρτέλα)odysseusweb.com/b2b-demoΑνοίξτε το B2B demo (Ανοίγει σε νέα καρτέλα)
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
Διαδραστική εφαρμογή παραγγελιών για κάβες και εστίαση.
Portfolio
Δείγματα έργων που φέρνουν πελάτες
Κάθε project που βλέπετε εδώ έχει σχεδιαστεί και υλοποιηθεί από την ομάδα μας. Συλλογή από έργα πελατών και projects για να δείτε πώς μπορούμε να δώσουμε τη σωστή κατεύθυνση και εικόνα στο δικό σας website.
VIOKAM (Ανοίγει σε νέα καρτέλα)
Εταιρικό site · 2026
Βιοτεχνία πλαστικών στο Περιστέρι: ένα καθαρό, γρήγορο εταιρικό site που εξηγεί τι παράγει η μονάδα και κάνει εύκολο το να ζητήσει κάποιος προσφορά.
- HTML
- CSS
- JavaScript
Nefeli Kanellopoulou
Ιστοσελίδα διαιτολόγου · 2026
Κλινική διαιτολόγος–διατροφολόγος με online συνεδρίες: ένα site που παρουσιάζει τις υπηρεσίες της, προσφέρει δύο διαδραστικά εργαλεία και οδηγεί τον επισκέπτη στο ραντεβού.
- HTML
- CSS
- JavaScript
DOMA Studio
Concept · 2026
Δικό μας projectΔικό μας έργο, όχι ανάθεση πελάτη: ένα site για φανταστικό αρχιτεκτονικό γραφείο, φτιαγμένο για να δούμε πόσο μακριά φτάνει το WebGL πριν αρχίσει να το πληρώνει η ταχύτητα.
- Next.js
- WebGL
- TypeScript
Meridian Studio
Concept · 2025
Δικό μας projectΔικό μας έργο: ένα site για φανταστικό στούντιο σχεδιασμού, όπου δοκιμάσαμε αφήγηση με το scroll πάνω σε headless CMS.
- Next.js
- Headless CMS
- GSAP
Thalassa Goods
Concept · 2025
Δικό μας projectΔικό μας έργο: ένα e-shop για φανταστική μάρκα, όπου επεξεργαστήκαμε ταμείο, φίλτρα και ελληνικές πληρωμές χωρίς την πίεση προθεσμίας πελάτη.
- WooCommerce
- WordPress
- Skroutz
Εργαλεία
Πάρτε τα εργαλεία στα χέρια σας.
Διαλέξτε ένα εργαλείο και θα δείτε τι προσφέρει στο έργο σας.
Figma
Ο ψηφιακός καμβάς όπου σχεδιάζουμε την ιστοσελίδα σας οθόνη προς οθόνη, πριν γραφτεί μία γραμμή κώδικα
Photoshop
Το εργαλείο για την επεξεργασία εικόνας
HTML
Ο σκελετός κάθε ιστοσελίδας στο internet
CSS
Αυτό που δίνει σε μια ιστοσελίδα την εμφάνισή της
JavaScript
Η γλώσσα προγραμματισμού του browser
TypeScript
Μια αυστηρότερη εκδοχή της JavaScript που εντοπίζει σφάλματα κατά τη συγγραφή του κώδικα, πριν τα δείτε εσείς ή οι πελάτες σας
React
Η τεχνολογία πίσω από interfaces που μοιάζουν με εφαρμογή
Next.js
Το framework που μετατρέπει τη React σε ολοκληρωμένες, επαγγελματικές ιστοσελίδες
Tailwind CSS
Ένα σύστημα στυλ που διατηρεί το design συνεπές σε όλο το site
GSAP
Η επαγγελματική βιβλιοθήκη animation
WordPress
Η δημοφιλέστερη πλατφόρμα ιστοσελίδων στον κόσμο, με περίπου 4 στα 10 sites να τρέχουν σε αυτήν
WooCommerce
Το plugin που μετατρέπει το WordPress σε πλήρες ηλεκτρονικό κατάστημα
Shopify
Φιλοξενούμενη πλατφόρμα καταστήματος
Headless CMS
Ένας σύγχρονος τρόπος διαχείρισης περιεχομένου
Git & GitHub
Το δίχτυ ασφαλείας της επαγγελματικής ανάπτυξης
Vercel Hosting
Σύγχρονη φιλοξενία σχεδιασμένη για ταχύτητα
Βάσεις δεδομένων
Εδώ αποθηκεύονται τα δεδομένα που αλλάζουν συνεχώς
SEO
Search Engine Optimization
Google Analytics
Δείχνει τι πραγματικά συμβαίνει στο site σας
Ταχύτητα & Ασφάλεια
Η αφανής εργασία που κρατά ένα site σε καλή κατάσταση
Πως Δουλεύουμε
Από την πρώτη μας κλήση, στο έτοιμο site αλλά και μετά την παράδοση.
Πέντε στάδια. Σε κάθε ένα ξέρετε τι περιμένετε παραδοτέο και ποiο είναι το επόμενο βήμα.
Πρώτη επαφή
Πρώτη κουβέντα για το τι έχετε στο μυαλό σας. Λαμβάνετε δωρεάν εκτίμηση κόστους.
Δομή & σχεδιασμός
Συμφωνούμε δομή και σχεδιαστική/αισθητική κατεύθυνση. Βλέπετε πραγματικά mockups της σελίδας σας πριν γραφτεί έστω και μια γραμμή κώδικα. Σε αυτό το στάδιο γίνεται αποτίμηση πραγματικού κόστους και εκτίμηση χρονοδιαγράμματος.
Κατασκευή
Το site παίρνει μορφή: WordPress build, eShop ή και πλήρως custom κατασκευές σε Next.js/React. Το SEO γίνεται τώρα όχι εκ των υστέρων.
Παράδοση
Τελικός έλεγχος μαζί σας, οι τελευταίες διορθώσεις, hosting και domain στο όνομά σας. Το site δημοσιεύεται και είναι live.
Υποστήριξη
Ένας μήνας υποστήριξης και εκπαίδευσης χωρίς χρέωση. Μετά είμαστε εδώ για αλλαγές και νέες ανάγκες που μπορεί να προκύψουν. Προσφέρουμε πακέτα υποστήριξης για 24/7 service.
Συχνές ερωτήσεις
Οι ερωτήσεις που ακούμε σε κάθε πρώτη κλήση
Οι απαντήσεις που δίνουμε συχνότερα, χωρίς τεχνική ορολογία. Λείπει η δική σας; Στείλτε μας ένα μήνυμα.
Πόσο κοστίζει μια ιστοσελίδα;
Το κόστος εξαρτάται από το εύρος του έργου, καθώς μια ιστοσελίδα πέντε σελίδων και ένα πλήρες e-shop αποτελούν δύο διαφορετικές κατασκευές. Λαμβάνετε μια πρώτη εκτίμηση ήδη από την αρχική μας επικοινωνία. Όταν σας παρουσιάσουμε πλάνο, χρονοδιάγραμμα και mockups λαμβάνετε και το τελικό κόστος.
Υπάρχουν κρυφά κόστη;
Όχι, δεν υπάρχουν κρυφά κόστη. Η προσφορά που λαμβάνετε είναι αναλυτική και καλύπτει όλα όσα έχουμε συμφωνήσει. Το domain, το hosting και τυχόν ετήσιες άδειες αναγράφονται ξεχωριστά με το κόστος τους. Με αυτόν τον τρόπο γνωρίζετε εξ αρχής τι καταβάλλετε τώρα και τι ανανεώνεται κάθε χρόνο.
Μπορώ να πληρώσω σε δόσεις;
Ναι, μπορείτε να πληρώσετε σε δόσεις. Η συνήθης πρακτική είναι δύο δόσεις: προκαταβολή με την έναρξη του έργου και το υπόλοιπο με την παράδοση. Σε μεγαλύτερα έργα συμφωνούμε διαφορετικό πλάνο, πάντα γραπτώς πριν ξεκινήσουμε.
Σε πόσο χρόνο θα είναι έτοιμη η ιστοσελίδα;
Μια απλή ιστοσελίδα παραδίδεται συνήθως σε 2–4 εβδομάδες. Ένα e-shop ή μια custom κατασκευή απαιτεί προσεγγιστικά 4–8 εβδομάδες. Το χρονοδιάγραμμα το λαμβάνετε μαζί με το πλάνο και τα mockups. Αν υπάρξουν αλλαγές στο πλάνο, σας ενημερώνουμε εκ των προτέρων.
Μου ανήκει η ιστοσελίδα και ο κώδικας;
Ναι, η ιστοσελίδα και ο κώδικας ανήκουν εξ ολοκλήρου σε εσάς. Ο σχεδιασμός, το domain, το hosting και κάθε σχετικός λογαριασμός δηλώνονται στο όνομά σας από την πρώτη μέρα. Αν κάποια στιγμή επιλέξετε να συνεχίσετε με άλλον συνεργάτη, τα παραλαμβάνετε όλα χωρίς να χρειαστεί η δική μας έγκριση.
Δεν είμαι τεχνικός. Είναι πρόβλημα;
Όχι, δεν χρειάζεται να είστε τεχνικός ούτε να γνωρίζετε από κώδικα. Εξηγούμε κάθε απόφαση και αναλαμβάνουμε να σας καθοδηγήσουμε στο πώς να διαχειρίζεστε την σελίδα σας μετά την παράδοση (ανέβασμα φωτογραφιών ή κειμένων). Είναι μια εύκολη διαδικασία και θα εκπλαγείτε με την απλότητά της.
Τι γίνεται μετά την παράδοση;
Μετά την παράδοση ακολουθεί ένας μήνας υποστήριξης και εκπαίδευσης, ο οποίος περιλαμβάνεται σε κάθε έργο. Στη συνέχεια, μπορείτε να επιλέξετε πλάνο συντήρησης για ενημερώσεις, αντίγραφα ασφαλείας και μικρές αλλαγές. Εναλλακτικά, απευθύνεστε σε εμάς κατά περίπτωση, χωρίς δέσμευση σε συνδρομές.
Μπορείτε να ανασχεδιάσετε ή να αναλάβετε το υπάρχον site μου;
Ναι, μπορούμε να αναλάβουμε ή να ανασχεδιάσουμε το υπάρχον site σας. Πρώτα εξετάζουμε τι ήδη διαθέτετε και σας παρουσιάζουμε κοστολογημένες και τις δύο επιλογές: στοχευμένη ανανέωση της υπάρχουσας σελίδας ή νέα κατασκευή. Την απόφαση τη λαμβάνετε εσείς, με τα νούμερα μπροστά σας.
Αναλαμβάνετε SEO;
Ναι, εννοείται πως αναλαμβάνουμε SEO, και μάλιστα συμπεριλαμβάνεται σε όλα τα έργα μας. Κάθε site παραδίδεται με καθαρή δομή, γρήγορη φόρτωση, σωστά metadata και structured data. Για τις πρώτες θέσεις στις αναζητήσεις που σας αφορούν προτείνουμε μηνιαία συνεργασία, η οποία αποτελεί ξεχωριστή υπηρεσία. Κάθε μήνας προσθέτει στη θέση που έχτισε ο προηγούμενος.
Συνεργάζεστε μόνο με πελάτες στην Ελλάδα;
Όχι, συνεργαζόμαστε με πελάτες τόσο στην Ελλάδα όσο και στο εξωτερικό. Έδρα μας είναι η Αθήνα και όλη την επικοινωνία τη διεξάγουμε online: κλήσεις, ενημερώσεις και παράδοση, στα ελληνικά ή στα αγγλικά.
Με ποιες τεχνολογίες εργάζεστε;
Χρησιμοποιούμε τη σύγχρονη εργαλειοθήκη: HTML, CSS, JavaScript και TypeScript. Για custom ιστοσελίδες και web εφαρμογές εργαζόμαστε με React και Next.js. Όταν θέλετε να διαχειρίζεστε μόνοι σας το περιεχόμενο, αναπτύσσουμε WordPress και WooCommerce με χειροποίητο theme. Όπου το απαιτεί η κατασκευή, αναλαμβάνουμε και back-end, βάσεις δεδομένων και συνδέσεις με κρατήσεις, πληρωμές ή email. Διαλέγουμε το εργαλείο που ταιριάζει στο έργο σας, ποτέ το αντίστροφο.
Επικοινωνία
Ας δημιουργήσουμε ένα site που φέρνει αποτελέσματα, όχι μονάχα εντυπώσεις.
Πείτε μας για το project που έχετε στο μυαλό σας, στη φόρμα ή στο τηλέφωνο. Θα λάβετε μια ξεκάθαρη απάντηση και θα σας λύσουμε τυχόν απορίες είτε συνεργαστείτε με μας είτε όχι.
Πείτε μας για το project σας
Συμπληρώστε όσα γνωρίζετε. Δεν χρειάζεται να τα έχετε όλα· τα υπόλοιπα τα συζητάμε μαζί.
Μιλήστε μαζί μας
Τρόποι να μας βρείτε
Επιλέξτε όποιον τρόπο σας εξυπηρετεί. Είμαστε διαθέσιμοι Δευτέρα με Παρασκευή, 9:00–18:00.