[ DOSYA · ARTIFEX / 2026·04 ]§ zanaat · web · marka · görselNİLÜFER · BURSA · 40.2297°N 29.0133°EREV IV · M.A.
§ 02 · Redline — Zanaat

Çizim masasından
ekrana & eskizden
pikselekararlı bir el.

ETİMON · artifex, -icisLat. "zanaatkâr, sanatkâr, usta yapıcı." Romalılar mimara, heykeltıraşa, saat ustasına aynı kelimeyi kullanırdı: bir şeyi hem tasarlayıp hem yapan kişi. Biz de öyle.
φ · 1.618A4 · 210×2971:1fig.1
REDLINE · MADE · 2026AFARTIFEX
↓ ilk çizgi burada
~ ölçü korunur ~

ARTIFEX — Redline'ın yaratıcı kolu. Web siteleri, marka kimlikleri, ürün arayüzleri ve motion tasarımı. Zanaatkâr kelimesinin altını dolduran bir takım: önce düşünür, sonra çizer, sonunda yayına çıkarır. On yıl sonra da utanmayacağımız işler.

Yayında proje
42
web · marka · ürün · 2020 →
Ödül / yayın
9
Awwwards · Dribbble · Webby
Ortalama teslim
6 hf
Kapsama göre · 2 — 14 hf aralığı
Geri dönüş
24s
Brief sonrası · ilk ön-değerlendirme
§ 01 — NE YAPARIZ

Kalemin altından
geçen her şey.

Marka kimliğinden web sitesine, ürün arayüzünden motion'a — tek ekip, tek estetik, tek sorumlu. Dış tedarikçi yok: zanaatkâr odur zaten.

01 / 06◉ flagship
WIREFRAME v2.1R · RELEASE

Web tasarım & geliştirme

Strateji, bilgi mimarisi, wireframe, görsel tasarım, geliştirme ve yayın. Next.js / React / TypeScript — fast, erişilebilir, SEO-hazır. Sıfırdan kurumsal siteye, e-ticarete, saas'a.

next.jstailwindframerwebflowseoa11y
02 / 06◉ core
LOGO · TİP · RENK

Marka kimliği

Logo, tipografi sistemi, renk paleti, imza şekilleri, voice & tone. Baskıya, ekrana, motion'a uyum sağlayan bir sistem.

logosistemvoiceguideline
03 / 06◉ core

Ürün arayüzü

Karmaşık SaaS panellerinden mobil uygulamaya — kullanıcının bir sonraki hamleyi düşünmediği arayüzler. Figma → koda.

ui/uxsaasmobiledashboard
04 / 06◉ motion
0s3.2sease · cubic

Motion & interaction

Scroll-driven hikayeler, micro-interaction, SVG path animasyonları, 3D sahneler. Her hareket bir amaca hizmet eder — süs değil, cümle.

framer motiongsapthree.jslottie
05 / 06◉ editorial
Essay

Editorial & yayın

Yıllık rapor, kitap, dergi, basılı materyal. Grid, tipografi, rit­mik iki sayfa. Baskı standartlarına uygun finale.

indesignprintbookannual report
06 / 06◉ art direction
MOOD · KAMPANYA

Sanat yönetmenliği

Fotoğraf çekimi, kampanya görselleri, mood board, renk/ışık yönetimi. Markanın kimliğini kadraja taşıyan süreç.

photocampaignmood
§ 02 — VİTRİN

Seçilmiş işler
son altısı.

Kapsam, sektör, ölçek farklı; ama her birinin arkasında aynı süreç var. ilkini görmek için kaydır

§ 03 — SÜREÇ

Altı aşama,
bir ritm.

Her projenin sırasını biliriz — atlanamaz, hızlandırılabilir. dinlemeyen ekip çizemez.

01

Dinleriz.

Brief değil sohbet. Kısıt, bütçe, rüya — hepsi masaya. İlk görüşme her zaman ücretsiz.

1–2 toplantı
02

Keşif.

Pazar taraması, rakip analizi, teknoloji seçimi. Kastor sahne alır.

~ 1 hafta
03

Çiz.

Wireframe, mood board, tipografi seçenekleri. Kağıt ucuz, değişiklik bu aşamada ücretsiz.

~ 2 hafta
04

Tasarla.

Piksel-mükemmel UI, bileşen kütüphanesi, hover / motion kararları. Manus'un sahnesi.

2–4 hafta
05

Geliştir.

Next.js, TypeScript, Tailwind. Haftalık build, açık kanal. Scriba + Oculus.

2–6 hafta
06

Yaşat.

Yayın, izleme, bakım. Performans ve a11y rapor her ay — bitmiş iş diye bir şey yok.

sürekli
§ 04 — TİPOGRAFİ

Dört ses,
bir oda.

Her projede tek font değil, sesler sistemi kullanırız. Başlık ciddi, gövde sakin, teknik bilgi net, insan notu sıcak. bu sayfanın kendisi örnek.

01 · DISPLAY
Fraunces
Çizim, yapının özüdür.
Serif · var · italic
h1 · h2 · manşet
02 · METİN
Inter
Her cümle bir karar.
Sans · 300-700
gövde · UI
03 · TEKNİK
JetBrains Mono
// doc · ref · kod · ölçü
Mono
etiket · kod · veri
04 · NOT
Caveat
insan eli dokundu.
Handwritten
marjinalya · vurgu
§ 05 — ATÖLYE

Kullandığımız aletler.

Trend kovalamayız — işe yarayanı kullanırız. Olgun, hızlı, sürdürülebilir. alet, ustanın gölgesidir.

Next.js
framework
React
ui library
TypeScript
language
Tailwind
styling
Framer Motion
animation
GSAP
animation
Three.js
3d
Figma
design
Sanity
cms
Supabase
backend
Vercel
deploy
Cloudflare
cdn · dns
§ 06 — PAKETLER

Üç kapsam,
açık fiyat.

Her proje özel ama yaklaşık fiyat aralıkları net. Gizli kalem yok. özel ihtiyaç varsa yaz.

◉ başlangıçVitrin

Vitrin

TANITIM SİTESİ · 3–5 SAYFA

İletişime geçin
  • Özel tasarım · mobil uyumlu
  • Next.js / Tailwind
  • SEO + temel analitik
  • Hosting + DNS kurulum
  • 1 ay garanti + eğitim
Teklif iste →
◉ popülerStüdyo

Stüdyo

KURUMSAL + BLOG + PANEL

İletişime geçin
  • Vitrin'deki her şey
  • CMS (Sanity / Payload)
  • Çok dilli altyapı
  • İleri düzey motion
  • İletişim formu + e-posta
  • A/B test altyapısı
  • 3 ay bakım
Teklif iste →
◉ özelAtölye

Atölye

SAAS · E-TİCARET · ÖZEL

Proje bazlı

~ ₺250k — ₺800k arası

  • Stüdyo'daki her şey
  • Ürün arayüzü / dashboard
  • Ödeme + abonelik entegrasyonu
  • Özel API / backend
  • Özel motion / 3D sahneler
  • Marka kimliği eklenebilir
  • 6+ ay destek
Teklif iste →
§ 07 — MANİFESTO

Neden artifex?

Tasarım, süs değildir. Yapının kendisidir — nasıl ki bir kubbe, aynı zamanda hem planı hem tavanıdır. bir kelime sistemden konuşur.

İyi tasarım fark ettirir
fark ettirmeden işini yapar.
Bir web sitesi de bir köprüdür; ne taşıdığını
ona bakarken değil, yürürken anlarsınız.

Bir çizgi
çekelim mi?

· stüdyo
Konak Mah. Lefkoşe Cad.
Barış Sok. Ofis+ Plaza
Nilüfer / Bursa
kahve makinesinin başında
· çalışma
Pzt — Cum · 09—18
· cevap
24 saat içinde. Her zaman.
web tasarımmarka kimlikürün arayüzümotioneditorialbilmiyorum
< ₺50k₺50–150k₺150–400k₺400k+henüz belli değil