TOPRAK
00.00m
BERA TOPRAKWEB DESIGN
DEVELOPMENT
TR Let's talk about your project
00.00 mSURFACE

From design to architecture, with a single brushstroke.

I design and build websites and digital products.

Explore the work ↗Let's talk about your project
Scroll to explore
DESIGN & DEVELOPMENT · 2026
01.00 mTOPSOIL

The right solution starts with the right questions.

Explore the work
01.45 mCLAY

One vision, from first sketch to working system.

I plan the interface alongside the data, workflows and tools behind it, so the experience makes sense for customers and the people running it.

01Design
A distinctive interface shaped by your brand and the people who use it.
02Development
Reliable functionality built around the work your business needs to do.
03Control
Straightforward tools to keep content, products and everyday information in your hands.

Preparing the experience…

01.90 mSANDSTONE
01.90 mSANDSTONE

What could we build together?

From a brand website to commerce or an internal tool, the scope follows the problem worth solving.

01 — Websites

Brand websites & portfolios

Websites that give your work a clear point of view, load quickly and stay easy to update.

Next.jsMotionHeadless CMS
02 — Commerce

Commerce & product catalogues

An easier path from finding the right product to completing an order, designed as one coherent journey.

ReactHeadless CommerceCheckout flow
03 — Integrations

Orders, payments & connected systems

Connect payments, inventory and shipping so order information moves where it needs to go.

PaymentsShipping APIsInventory sync
04 — Business software

ERP & warehouse tools

Bring accounts, invoices and stock into a system your team can manage, including multiple warehouses where needed.

Accounts & invoicingMulti-warehouseB2B/B2C API
03.30 mBELOW GROUND

Selected work

Five different briefs. A closer look at the problems, the decisions and the systems behind the finished work.

  1. PROJECT 05B2B COMMERCE PLATFORM

    Wholesale commerce, built around the way you sell.

    A B2B commerce platform that brings account approval, tailored pricing, orders and fulfilment into one connected workflow.

    B2B commerceBackend developmentSales operations
    Explore the project
  2. PROJECT 02JEWELLERY BRAND WEBSITE

    A jewellery brand with a story worth exploring.

    An eleven-page brand experience connecting collections, heritage and store appointments.

    Brand experienceMulti-page websiteMotion
    Explore the project
  3. PROJECTS 04 + 06FIELD SALES CATALOGUE

    A sales catalogue that works offline.

    Category view of the field sales catalogue
    Review build · Sample data

    A central product system and tablet app that give sales teams access to the catalogue and customer notes, even away from a reliable connection.

    Admin dashboardTablet appOffline access
    Explore the project
  4. PROJECT 01FASHION COLLECTION WEBSITE

    A digital stage for a fashion collection.

    An editorial fashion experience that lets the collection, product details and the brand's point of view lead the story.

    Visual designMotionFrontend development
    Explore the project
  5. PROJECT 03BESPOKE ATELIER WEBSITE

    From first impression to atelier appointment.

    A single-page atelier experience that introduces the collections and craft before inviting an appointment.

    Interface designEditorial layoutAppointment journey
    Explore the project
03.95 mBELOW GROUND

See the direction before the build begins.

Every project begins with your brand, your audience and the job the experience needs to do. I develop a visual direction and choose interactions that serve that purpose.

We review the palette, type, layout and motion together before development starts.

  1. 01

    Discover

    We unpack your business, your audience and the friction you want to remove. Then we define a clear brief.

  2. 02

    Shape the direction

    I share a design direction for your feedback, so you can see where the project is headed before code is written.

  3. 03

    Build

    Once the direction is agreed, I build the interface and the systems it needs.

  4. 04

    Refine

    I test the experience and its functionality, then resolve issues before launch.

04.25 mSCHIST

Tools chosen for the job.

  • Figma

    I work through the interface and layout here before development begins.

  • Next.js

    A foundation for fast, capable web applications.

  • React

    Reusable components keep the experience consistent across screens.

  • TypeScript

    Catch data and interface mistakes earlier in development.

  • Node.js

    Powers server-side work such as forms, payments and integrations.

  • PostgreSQL

    A structured home for product, customer and order data.

  • ERP modules

    Custom modules bring accounts, stock, invoices and warehouse work together.

  • API integrations

    Move information between systems without repeated manual entry.

  • GSAP

    Motion brings rhythm and clarity to content and transitions.

Let's talk about your project
04.45 mSCHIST

What guides the build?

Fast to load
Easy to manage
Systems that connect
Ready to evolve
DESIGN & DEVELOPMENT, TOGETHER
04.60 mSCHIST
Control

Stay in control after launch.

Where the project calls for it, I build management tools so your team can update products, content and changing information directly.

Everyday edits should be yours to make.
After launch

The work continues through launch.

I support the transition to the live site and handle the technical details and necessary refinements during that period.

I take responsibility for issues caused by my work.
04.80 mBEDROCK

Let's make your next idea real.

A new brand site, a better way to sell, or a workflow that needs untangling? Tell me what you're working on. A short first message is enough.

Emailbera@beratoprak.com
FiverrLet's talk on Fiverr ↗
Based inKonya, Turkey
DESIGN & SOFTWARE, MADE TO FIT.© 2026