Inside the Digital Lens: How Obys Agency Crafted a Slide-Driven Web Architecture for Presentation Powerhouse Ochi

Date: October 13, 2026
Author: Alex
Subject: Web Design, UI/UX Architecture, Brand Identity Systems

Main Facts

In the competitive landscape of digital branding, standing out requires a synthesis of conceptual clarity and flawless technical execution. Obys Agency, a globally recognized design studio, has delivered a masterclass in digital storytelling through its creation of a slide-driven web design system for Ochi, a strategic presentation agency operating out of Lviv, Ukraine, and Vancouver, Canada.

The core of the project relies on a deeply thematic concept rooted in linguistics: the Ukrainian word ochi translates directly to "eyes." This linguistic foundation informs Ochi’s entire business philosophy—that complex corporate ideas, investor narratives, and strategic goals are vastly superior when shown visually rather than explained through walls of dense, unengaging text.

To bring this philosophy to life online, Obys Agency’s art director Viacheslav Olianishyn and UI/UX designer Roman Salo abandoned conventional scrolling web paradigms. Instead, they built an entire web architecture around overlapping slide mechanics. The digital platform spans five primary templates—Main, Services, About Us, Portfolio, and Contacts—each engineered to unfold seamlessly as a numbered presentation deck.

The visual identity is anchored by a striking, high-contrast chromatic matrix consisting of crisp off-white (#F1F1F1), obsidian charcoal (#212121), deep forest green (#004D43), and an electric, neon-infused chartreuse (#CDEA68). Paired with monumental, tightly tracked uppercase condensed grotesque display headlines and interactive, cursor-tracking optical eye spheres, the Ochi platform redefines how B2B service agencies present themselves in a digital-first world.

Chronology

The genesis and realization of the Ochi digital platform reflect a meticulous, step-by-step approach to modern web design and digital branding:

• Conceptualization and Linguistic Mapping: Early in the project lifecycle, Obys Agency and Ochi explored the symbolic weight of the agency’s name. By establishing "eyes" as the central motif, the design team decided that the website should physically mimic the act of looking at and navigating through a professional presentation deck.
• Architectural Wireframing and Slide Mechanics: Art director Viacheslav Olianishyn and UI/UX designer Roman Salo mapped out the user journey. They determined that standard long-form scrolling felt disconnected from Ochi’s core offering. Consequently, they engineered custom slide transitions, interactive pre-loaders starting from an opening percentage, and page-to-page transitions that emulate a fluid slide deck.
• Typographic and Chromatic System Integration: The studio locked down its typographic hierarchy—pairing oversized, condensed grotesque display headings (such as WE CREATE EYE-OPENING PRESENTATIONS) with clean neo-grotesque body copy, underlined inline text links, and pill-shaped capability tags (BRANDED TEMPLATE, INVESTOR DECK, SALES DECK, STARTUP PITCH). The four-tone color matrix was applied to establish hierarchy and visual rhythm across all viewports.
• Interactive Feature Development: Designers integrated responsive, cursor-tracking optical eye spheres within the WORK header and chartreuse call-to-action banners. They also built structured twelve-column grids for expandable client review accordions, a horizontal partnership carousel guided by a custom DRAG cursor badge, and credential cards showcasing Ochi’s 5.0 Clutch rating and alumni status with The Futur Business Bootcamp.
• Editorial Form Redesign: On the Contacts template, traditional stacked form boxes were discarded in favor of a natural-language, conversational fill-in-the-blank paragraph. Prospective clients were given the ability to type directly into inline blanks for their name, company, goal, completion date, and budget range.
• Public Launch and Critical Reception: The project debuted to widespread acclaim within the international design community, earning featured placement on major design showcases like Behance and Abduzeedo, and cementing Obys Agency’s reputation for pushing the boundaries of web motion and interaction design.

Supporting Data

A closer examination of the Ochi digital platform reveals a wealth of precise technical and structural choices engineered by Obys Agency:

• Geographic Footprint: Ochi operates bi-continentally with hubs in Lviv, Ukraine, and Vancouver, Canada, servicing an international clientele with strategic presentation design.
• Template Architecture: The website is divided into five core structural templates:
  1. Main (Homepage)
  2. Services
  3. About Us
  4. Portfolio
  5. Contacts
• Chromatic Matrix: The UI palette is strictly regulated by four hexadecimal color codes:
  • Off-White: #F1F1F1 (providing a clean, neutral canvas)
  • Obsidian Charcoal: #212121 (delivering high-contrast, bold typography and structure)
  • Deep Forest Green: #004D43 (adding sophistication and grounding brand elements)
  • Electric Chartreuse: #CDEA68 (serving as the high-energy accent and action tone)
• Typography System: Features monumental, tightly tracked uppercase condensed grotesque display headings contrasted against clean neo-grotesque body copy, complemented by rounded pill tags for specific service offerings.
• Interactive Components:
  • Cursor-tracking black-and-white optical eye spheres responding in real-time to viewport movements.
  • Horizontal partnership carousel controlled via an electric chartreuse DRAG cursor badge.
  • Expandable client review accordions organizing feedback from notable enterprise partners including Planetly, Workiz Easy, Officevibe, Orderlion, and Black Book.
  • Credential cards highlighting a verified 5.0 Clutch rating alongside The Futur Business Bootcamp Alumni emblem.
• Conversion Optimization: The conversational inline-fill contact form streamlines user input across desktop and tablet interfaces, reducing friction in client acquisition.

Official Responses and Creative Insights

While traditional agency launches often rely on generic marketing copy, the collaboration between Obys Agency and Ochi stands out due to its deeply integrated philosophy. Industry observers and design critics have highlighted how the execution directly mirrors the brand’s core promises.

Design leads Viacheslav Olianishyn and Roman Salo approached the project with a singular objective: to dissolve the boundary between what Ochi does (build presentations) and what Ochi is (a digital destination). By framing every interaction through the lens of a presentation slide, the agency eliminated cognitive dissonance for prospective clients. When a user lands on the site, they are immediately immersed in the rhythm of a pitch deck—experiencing pre-loaders, numbered transitions, and bold typography that commands attention.

Furthermore, the integration of literal and metaphorical elements—such as the optical eye spheres tracking cursor movements—reinforces the Ukrainian meaning of ochi. Rather than treating branding as a static logo placed in the top-left corner of a webpage, Obys Agency treated the entire viewport as a living, breathing eye that interacts with the user’s presence.

Implications

The successful deployment of the Ochi web design system carries significant implications for the future of B2B digital platforms, UI/UX trends, and agency branding:

1. The Death of Monotonous Scrolling: As web technologies like WebGL, advanced CSS grid, and high-performance JavaScript frameworks evolve, standard long-scroll landing pages are increasingly seen as uninspired. Obys Agency demonstrates that contextualizing a website around a brand’s literal product format—in this case, presentation slides—creates a far more memorable, immersive brand experience.
2. Contextual Branding and Spatial Design: The project highlights the power of merging linguistic meaning with spatial web design. By leaning into the translation of ochi (eyes), the design team created intuitive interactive touchpoints that feel organic rather than gimmicky. Cursor-tracking elements and dynamic drag indicators serve functional purposes while reinforcing brand identity.
3. Frictionless Conversion Models: The conversational, natural-language contact form pioneered on the Ochi platform signals a broader shift away from sterile, corporate input boxes. By allowing users to fill out project parameters directly within an editorial sentence structure, brands can humanize the onboarding process and improve lead quality.
4. Elevating Niche Service Providers: For specialized agencies like Ochi, standard templates fail to communicate high-end strategic value. By investing in a bespoke, highly stylized digital platform, Ochi successfully positions itself as a premium, design-forward partner capable of commanding higher project rates and attracting enterprise-level clients globally.

Ultimately, the partnership between Obys Agency and Ochi serves as a benchmark for modern digital craftsmanship—proving that when concept, typography, color theory, and interaction design align perfectly, a website ceases to be a mere digital brochure and becomes a powerful extension of the brand itself.