We craft custom
web platforms
for your brand.
Selected Works
From educational institutions and dental clinics to international fashion brands, construction firms, accounting, and occupational health & safety companies, we serve a wide range of industries. Regardless of your sector, we design custom, modern, and reliable digital platforms that add value to your brand.
Social Media Literacy Portal
When we set out to design smo.kirkyama.uk, our primary goal was to break away from the cold, sterile, and distraction-heavy interfaces typical of conventional education portals. We asked ourselves a simple question: Why shouldn't reading a digital curriculum feel as calm and tactile as holding a well-printed book or an archival journal?
Instead of blinding pure white screens, we built the visual identity on warm paper tones (#f6f3ec), deep carbon ink, and classical crimson accents. Rather than dumping static PDFs onto the screen, we broke down complex modules—spanning e-commerce, data visualization, and machine learning—into focused 15-to-20-minute reading sessions. Every typographic detail, from old-style numerals to generous line heights, was tuned to keep the student's mind at ease.
I. Print-Inspired Editorial Aesthetics
By pairing the literary grace of Newsreader with the structural precision of IBM Plex Sans & Mono, we brought classical book publishing discipline to the browser—complete with Roman numeral indexing and fine hairline borders.
II. Active & Experiential Learning
A textbook shouldn't just be read; it should be experienced. We embedded live Q-Learning and K-Means simulations, a 14-type interactive chart laboratory, an in-page podcast player, a highlighter that saves notes to a personal notebook, and instant glossary tooltips directly into the reading flow.
III. Radical Accessibility & Zero Bloat
Written in pure, zero-dependency Vanilla JavaScript for instantaneous load times. A built-in accessibility engine adapts the interface to every reader with color-blindness filters (Protanopia, Deuteranopia, Tritanopia), eye-rest modes, and dynamic typography scaling.
9th Grade History Portal
Ninth-grade history opens with the oldest civilizations, so we let the portal begin there too. Each unit carries its own visual world: the Ancient Egypt theme, for instance, comes with hieroglyph-flavoured ornament and a proverb to start the lesson. We wanted a student to feel they had stepped into a place, not into a folder of files.
Underneath, the portal follows the Turkish Century Education Model (TYMM). Every topic has a competency-based test, open-ended questions, slides, printable PDF notes, simulations, maps and videos, and the teacher can follow progress and leave notes for each student.
I. Every unit, its own world
Marcellus for titles, Josefin Sans for reading and Inter for the interface. The type stays constant while colour and ornament change with the era, so the portal feels like a series rather than a single page.
II. Everything a lesson needs, in one room
Tests, open-ended exams, slides, PDF notes, interactive maps, simulations and videos sit inside the same flow. Students open a built-in player instead of leaving for another site.
III. Built for classroom reality
Personal login, homework upload, an exam robot for quick practice, a historical-concepts glossary, bibliography and a data backup tool. It is meant to be used daily by a teacher and thirty students.
10th Grade History Portal
The tenth-grade programme moves through the Seljuks, the Ottomans and Byzantium, so the portal borrows its look from that world. Ottoman-style ornamental bands, period proverbs and era-specific colour themes give each unit a clear identity without turning the page into a costume.
It shares its engine with the 9th grade portal but is a separate site with its own content: TYMM-aligned tests, open-ended exams, slides, PDF notes, simulations, maps and videos for each topic, plus a material search so a student can find a resource in seconds.
I. A shared system, a different character
The same font pair as the 9th grade portal, with only the palette changing. Students who move up a year recognise how it works immediately and only meet new colours.
II. Context before memorisation
Notes, maps and video sit next to the exam questions they relate to, so the portal teaches the period first and tests it second.
III. Quiet performance
Plain HTML, CSS and JavaScript with no heavy framework, so it opens quickly even on school computers and older phones.
Cinema Platform
Instead of a plain list of film links, we built a platform that feels like a small streaming service, and we kept it modest on purpose. Students choose a film, pick the dubbed or subtitled version, watch the trailer first if they like, and the platform quietly remembers where they were.
A little playfulness keeps it alive. Viewers earn a rank from Rookie to Master as their watching time grows, and there is even a hidden terminal-style theme for the curious. The platform is still marked Beta, and a Report button sends problems straight to us.
I. Light, dark and one surprise
A clean light theme, a dark cinema theme with an amber accent and a green-on-black terminal mode. Roboto carries the interface, Playfair Display the film titles.
II. It remembers the viewer
Watched marks, bookmarks, total watching time and a progress bar per film, so a student can leave and pick up exactly where they stopped.
III. Honest about being Beta
Announcements, a how-to page, a site map and a one-click report button. We would rather say it is evolving than pretend it is finished.
History Games
Not every lesson has to be a test. The games section turns dates, people and events into short rounds a student actually wants to replay: Before or After, Tarihle, Who Am I with five clues, a historical word hunt and historical connections.
Alongside them sit classics such as 2048, Chess and Sudoku, and two original titles, HAGANE and Tekir. Playing is part of the portal, and a login keeps each student's progress.
I. Learning that hides inside play
Each historical game asks one small question at a time. The date or person a student gets wrong is the one they remember next time.
II. Editorial type, monospace detail
Inter for the interface, Playfair Display for game titles and IBM Plex Mono for scores and clues, which gives a screen full of games a calm, printed feel.
III. Familiar games, own games
Well-known games lower the barrier to start; our own titles show what the same technology can do beyond the classroom.
About Us
We don't just build education tech; we translate the elegance of a dental clinic, the solid foundation of a construction firm, and the reliability of an accounting company into the digital realm with equal precision. Regardless of your industry, we build secure, modern, and fast platforms that add value to your brand.
Our approach favors zero-dependency architecture, raw web technologies (Vanilla JS, Canvas API), and deeply considered typography.