01
The brief
A site that presents consulting and technical services to owners and IT managers and leads to a conversation.
Website · Corporate presence
A corporate website that earns trust before the first conversation
A bilingual corporate website that presents complex IT services clearly to a business audience. Its positioning, copy, visual system and technical foundation are built to earn trust before the first conversation.
Own project · meliora.technology
What we built
02
A clear offer
Each service is described through concrete offers and the situations in which it is needed. Visitors can quickly judge whether the company fits their needs.
03
Trust before the first call
Experience, approach and reviews answer the questions a buyer asks while comparing options.
04
Visibility and speed
A bilingual site with technical SEO that loads quickly on any device.
05
Infrastructure by total cost
The hosting was chosen with the total cost and maintenance in mind. The site can change provider without being rewritten, and full rights to the code and data stay with the owner.
Visual language
The identity is built around the diagram: lines, nodes and flows taken from the way systems actually connect. One graphic logic runs through every service, from integrations to infrastructure. Motion shows the direction of data and how the parts connect.
Design system
Colour
- Navy#283241
- Accent#0B7A62
- Glow#3DDBB0
- Mist#F5F7F9
- Ink#3B4657
Type
AaAa
IBM Plex Sans · IBM Plex Mono
Technology that helps your business work better.
Typography
- Page heading
- 58 px
- Section heading
- 42 px
- Subheading
- 27 px
- Body text
- 16–18 px
Contrast
- Main text
- 12.9 : 1
- Secondary text
- 5.8 : 1
- Accent colour
- 5.3 : 1
- Text on dark
- 11.8 : 1
Space
- Base unit
- 4 px
- Section padding
- 64–112 px
- Content width
- 1280 px
Motion
- Interaction
- 150 ms
- Content entrance
- 300 ms
- Diagrams
- 1.2 s
- Reduced motion
- no animation
Technical foundation
- 01Internationalisation (i18n)
- Bulgarian and English with separate URLs and hreflang annotations, so search engines show the right language version.
- 02Structured data
- Schema.org JSON-LD for the company, services and breadcrumbs, for richer search results.
- 03Indexing and sharing
- An XML sitemap with language alternates, robots.txt, a unique title and meta description for every page written to one strategy for the audience's searches, and a separate Open Graph image for each language.
- 04Accessibility
- Keyboard navigation, a visible focus state, WCAG contrast and support for prefers-reduced-motion.
- 05Content management
- Pages are assembled from ready-made sections in a bilingual admin panel, with drafts, live preview and version history.
Architecture and performance
- 01Technology choice
- Established open-source technologies with long-term support, chosen for the task, with no lock-in to a single vendor.
- 02Pre-generated pages
- Visitors receive a ready page immediately, and content changes go live the moment they are published.
- 03Caching
- Content is loaded once and refreshed only when it changes, so page views do not put load on the database.
- 04Optimised assets
- Images are served in the right format and size for each device, and fonts load without external services.
- 05Hosting
- Cloud infrastructure in the European Union, with the option to move the application to a dedicated server without changes.
Measured results
Desktop
- 100Performance
- 100Accessibility
- 100Best practices
- 100SEO
Mobile
- 98Performance
- 100Accessibility
- 100Best practices
- 100SEO
Measured on the Experience page with Lighthouse, Google's standard tool for evaluating websites, October 2026. Content does not shift while the page loads.
What it includes
- Clearly described services
- Structure for comparing and deciding
- Visual explanation of services
- Unified design system
- Freedom to choose the hosting
- Full rights to the code and data
- Content editable without a developer
Let's discuss your next step.
Tell us about the project, idea or system you would like us to work on. You will receive an honest initial assessment and a clear next step, at no cost.
Book a free consultation
or contact us at hello@meliora.technology