Obys Agency crafts a slide-driven web design system for presentation agency Ochi, pairing condensed grotesque type with chartreuse #CDEA68.

Obys Agency developed the digital platform and web design for Ochi, a strategic presentation agency operating out of Lviv, Ukraine, and Vancouver, Canada. In Ukrainian, the word ochi translates to eyes, reflecting the agency's core philosophy that complex ideas are better shown visually than explained through dense text. Because the immediate mental model of a presentation is a sequence of slides, art director Viacheslav Olianishyn and UI/UX designer Roman Salo built the entire web design architecture around overlapping slide mechanics. From the opening percentage preloader to page-to-page transitions, all five primary templates—Main, Services, About Us, Portfolio, and Contacts—unfold as numbered presentation decks.

Slide Architecture and Web Design Systems

The typographic hierarchy anchors the web design through monumental, tightly tracked uppercase condensed grotesque display headlines—such as WE CREATE EYE-OPENING PRESENTATIONS and READY TO START THE PROJECT?—contrasted against clean neo-grotesque body copy, underlined inline text links, and rounded pill tags for capabilities like BRANDED TEMPLATE, INVESTOR DECK, SALES DECK, and STARTUP PITCH. Obys Agency organizes this hierarchy across a four-tone chromatic matrix of crisp off-white #F1F1F1, obsidian charcoal #212121, deep forest green #004D43, and electric chartreuse #CDEA68. Oversized black-and-white optical eye spheres sit inside the WORK header and chartreuse call-to-action banners, tracking cursor movement across the viewport to reinforce the literal meaning of Ochi.

Across the lower sections of the web design, structured twelve-column grids regulate expandable client review accordions for partners including Planetly, Workiz Easy, Officevibe, Orderlion, and Black Book, alongside a horizontal partnership carousel guided by an electric chartreuse DRAG cursor badge. Three rounded credential cards pair the forest green Ochi wordmark with a 5.0 Clutch rating and The Futur Business Bootcamp Alumni emblem. On the Contacts template, Obys Agency replaces stacked form boxes with a conversational fill-in-the-blank paragraph where prospective clients type directly into inline blanks for their name, company, goal, completion date, and budget range, preserving editorial clarity across desktop and tablet screens.

See more from Obys Agency on Behance.