framer UI/UX Design

Mert Şafak — Thu, 18 Jun 2026 12:14:20 +0000

I Design AND Code — Here's What I've Built (Available for Freelance)

Most clients face the same problem: they hire a designer who can't code, or a developer who can't design. I do both.

I'm a frontend developer and UI designer. I design in Figma and build in React / Next.js — delivering pixel-perfect results without the back-and-forth between two different people.

What I've Built

Zenn — Mobile fintech app UI. Wallet dashboard, peer-to-peer transfers, transaction history. Dark theme with purple accents.
🔗 Live preview

Pulse — Fitness tracking app UI. Workout summaries, exercise logs, progress charts. Built for serious athletes.
🔗 Live preview

Arcé — Premium e-commerce product page. Editorial layout, 3D viewer, size selector, add-to-cart flow.
🔗 Live preview

Nexus — SaaS analytics landing page. Animated particle background, live dashboard mockup, pricing, FAQ.
🔗 Live preview

APEX Admin — E-commerce admin dashboard. Metrics, order table, charts, activity feed. Dark/neon aesthetic.
🔗 Live preview

Kumo — Premium Japanese restaurant landing page. Animated hero, reservation system, gold accents.
🔗 Live preview

What I Offer on Fiverr

🎨 UI/UX Design in Figma
High-fidelity screens, components, prototypes — designed to hand off to developers.
👉 View gig

💻 Landing Page Design & Development
Figma design + React/Next.js or HTML/CSS code. One person, fast delivery, starting at $49.
👉 View gig

Why Work With Me

Design + development by one person — no miscommunication
Every project designed in Figma first, then built with clean handwritten code
Fast delivery, responsive design, modern stack
Open to freelance projects, overflow work, and white-label collaboration

Full portfolio: mertlucid12.github.io/portfolio
Hire me: fiverr.com/mertintech

I built 3 web templates from scratch here's what i made

Mert Şafak — Mon, 15 Jun 2026 15:17:50 +0000

I ' ve been building portfolio projcets this month , and I decided to turn three of them into templates anyone can use.
No frameworks no page builders just clean HTML , CSS , JavaScript. Here's what i build and what i learned from each one

Kumo — Premium Restaurant Website

The idea: Most restaurant websites look generic. I wanted to build something that actually felt premium — the kind of site a high-end Tokyo restaurant would have.

What's in it:

Animated hero section with parallax scrolling
Reservation and menu showcase sections
Gallery with hover effects
Dark theme with gold accents
Fully responsive

What I learned: Typography makes or breaks a luxury design. I spent more time on font pairing and letter-spacing than on any other element. Serif + minimal sans-serif with a lot of whitespace = instant premium feel.

Live preview: mertlucid12.github.io/portfolio/kumo-restaurant.html

Nexus — SaaS Analytics Landing Page

The idea: SaaS landing pages all look the same. I wanted to build one that felt alive — animated background, real dashboard mockup, the works.

What's in it:

Animated particle network background (canvas API)
Live dashboard mockup with data cards and bar charts
Feature grid, 3-tier pricing table
Testimonials, FAQ with accordion
Parallax scroll effects
Fully responsive

What I learned: Canvas animations are expensive on performance if you're not careful. I had to limit particle count and optimize the render loop to keep it smooth. Also — a hero section with a real product mockup converts way better than abstract illustrations.

Live preview: mertlucid12.github.io/portfolio/nexus-saas.html

APEX Admin — E-commerce Dashboard

The idea: Admin dashboards are usually ugly and functional. I wanted to prove they can be both beautiful and functional.

What's in it:

Sidebar navigation with active states
4 metric cards with sparkline charts
Orders table with status pills (Delivered, Processing, Pending, Cancelled)
Revenue bar chart + Top Products list
Activity feed + Donut chart for category breakdown
Dark/neon aesthetic (cyan + green accents)

What I learned: Data visualization is its own design discipline. The hardest part wasn't the layout — it was making numbers feel meaningful at a glance. Color coding, micro-typography, and spacing do most of the heavy lifting.

Live preview: mertlucid12.github.io/portfolio/apex-admin.html

What's Next

I'm continuing to build — currently exploring a project management dashboard and a mobile app UI kit.

If any of these are useful to you, I've listed them as templates on Gumroad. And if you need something custom built, I'm available for freelance work.

Get the templates: mertsy71.gumroad.com
Hire me for custom work: fiverr.com/mertintech
Full portfolio: mertlucid12.github.io/portfolio

Thanks for reading. If you have feedback on any of these projects, drop it in the comments — always looking to improve.

DEV Community: Mert Şafak

framer UI/UX Design

I built 3 web templates from scratch here's what i made