Portfolio 2026

BİRCAN
BURAK
USLU

HYBRID DESIGNER

CRAFTING INTERFACES

<FullStackDeveloper/>

BUILDING SYSTEMS

Driven by a lifelong passion for technology, I have dedicated my education and career to software development and digital design systems. As a highly adaptable Full Stack Developer, Hybrid Designer and Team Leader, I thrive in collaborative environments that value open communication and constructive feedback. I excel at breaking down complex tasks into actionable steps, utilizing analytical thinking and solution-oriented crisis management. With a strong foundation in both design and development, I have successfully delivered dozens of projects, always remaining eager to learn and implement new technologies.

Backend

Laravel, PHP,
MySQL, Git
RESTful API, JWT, Inertia,
Digital Ocean, Scrum/Agile

Frontend

Vue/Nuxt, Tailwind,
HTML5, CSS3,
JavaScript, Jquery, Bootstrap,
Wordpress, Scrum/Agile

AI & Tools

Claude Code, Gemini,
Codex, Jira, Notion,
Git, Antigravity,
Nano Banana, Midjourney,
Freepik

UI / UX Design

Figma, Framer,
Design Systems, Prototyping,
Typography, Color Palettes,
User Flow, Wireframes

Principles

WCAG, Atomic Design,
Heuristic Evaluation,
AI UI/UX Consistency,
Handling AI Uncertainy

Visuals

Photoshop, Illustrator,
Canva, After Effects,
Adobe Premiere, Brand Identity,
Digital Designs, Printing Materials

Burak
burakuslu.com
Site preview
index.html - Visual Studio Code
Explorer
PORTFOLIO
<> index.html
JS main.ts
# style.css
1<!DOCTYPEhtml>
2<htmllang="en">
3<body>
4  <div id="app">
5    <!-- Design System -->
6    <HeroSection />
7    <Works />
8  </div>
9</body>
10</html>
Schema Design

Structuring scalable and efficient data models to form the robust foundation of the application.

API Architecture

Building secure, high-performance endpoints that seamlessly connect the interface to the backend logic.

Security Layers

Implementing modern authentication and data encryption protocols to ensure system integrity.

Testing & QA

Applying rigorous quality assurance to guarantee flawless execution across all possible scenarios.

FFFFrrrroooommmm ZZZZeeeerrrroooo ttttoooo OOOOnnnneeee....

Visualizing the Idea.

Designing the System.

Bridging the Gap.

Engineering the Core.

To Executable Reality.

UI/UX Portfolio — 2026
Layers
Assets
Pages
UI/UX Flows
Components
Layers
Flow 1
Wannart
Ev-bee
Oluru Nedir?
Sundu Bisiklet
Wimbledon Academy
Espardile
SWIPE TO EXPLORE
WannartFlow 1
Wannart UI preview
Prototype
500 × 360
On tap
Ev-bee
Ev-bee UI preview
Prototype
500 × 360
On tap
Oluru Nedir?
Oluru Nedir? UI preview
Prototype
500 × 360
On tap
Sundu Bisiklet
Sundu Bisiklet UI preview
Prototype
500 × 360
On tap
Wimbledon Academy
Wimbledon Academy UI preview
Prototype
500 × 360
On tap
Espardile
Espardile UI preview
Prototype
500 × 360
Design
Prototype
Inspect
Flow starting point
Flow 1
Wannart
Interactions
On tap→ Ev-bee
On tap→ Oluru Nedir?
On tap→ Sundu Bisiklet
On tap→ Wimbledon Academy
Scroll behavior
OverflowNo scrolling
DirectionHorizontal
Show prototype settings
Device
Custom
Background
#1E1E1E
Full Stack Developer Portfolio-2026
Swipe to explore code
wannart.js
export const wannart = {
  category: 'Full Stack',
  stack: ['Laravel', 'Vue', 'Nuxt', 'REST API'],
  description: 'Turkey's independent culture and art digital content platform with millions of followers.',
  preview: async () => {
    // Click preview to launch
    openProject('https://wannart.com');
  }
};
// Project Preview (Compiled)
Wannart↗ view
wimbledonacademy.js
export const wimbledonacademy = {
  category: 'Full Stack',
  stack: ['Laravel', 'PHP', 'MySQL', 'Vue', 'Nuxt'],
  description: 'Language academy offering English courses and exam preparation programs in Turkey.',
  preview: async () => {
    // Click preview to launch
    openProject('https://wimbledonacademy.com.tr');
  }
};
// Project Preview (Compiled)
Wimbledon Academy↗ view
evbee.js
export const evbee = {
  category: 'Front-end',
  stack: ['Vue', 'Nuxt', 'HTML/CSS', 'JS'],
  description: 'Mobile and fast EV charging station company based in Turkey.',
  preview: async () => {
    // Click preview to launch
    openProject('https://ev-bee.com');
  }
};
// Project Preview (Compiled)
Ev-bee↗ view
sundubisiklet.js
export const sundubisiklet = {
  category: 'Full Stack',
  stack: ['Laravel', 'PHP', 'MySQL', 'Vue', 'Nuxt', 'REST API'],
  description: 'Bicycle retailer and service provider based in Izmir since 1969, with online shop and mobile app.',
  preview: async () => {
    // Click preview to launch
    openProject('https://sundubisiklet.com');
  }
};
// Project Preview (Compiled)
Sundu Bisiklet↗ view
faceassistance.js
export const faceassistance = {
  category: 'Full Stack',
  stack: ['Laravel', 'PHP', 'MySQL', 'Vue', 'Nuxt', 'REST API'],
  description: 'Professional face recognition and identity assistance platform with mobile integration.',
  preview: async () => {
    // Click preview to launch
    openProject('https://faceassistance.com');
  }
};
// Project Preview (Compiled)
Face Assistance↗ view
cdpcadem.js
export const cdpcadem = {
  category: 'Full Stack',
  stack: ['Laravel', 'PHP', 'MySQL', 'Vue', 'Nuxt', 'REST API'],
  description: 'Psychology and counseling center providing digital therapy and mental wellness resources.',
  preview: async () => {
    // Click preview to launch
    openProject('https://cdp.cadempsikoloji.com');
  }
};
// Project Preview (Compiled)
ÇDP: ÇADEM↗ view
bltholding.js
export const bltholding = {
  category: 'Full Stack',
  stack: ['WordPress', 'PHP', 'HTML/CSS', 'JS'],
  description: 'Holding company operating across logistics, energy, and manufacturing sectors.',
  preview: async () => {
    // Click preview to launch
    openProject('https://bltholding.de');
  }
};
// Project Preview (Compiled)
BLT Holding↗ view
afirmturkiye.js
export const afirmturkiye = {
  category: 'Full Stack',
  stack: ['Laravel', 'PHP', 'MySQL', 'Vue', 'Nuxt', 'REST API'],
  description: 'Free online autism intervention modules for educators and families, localized for Turkey.',
  preview: async () => {
    // Click preview to launch
    openProject('https://afirmturkiye.com');
  }
};
// Project Preview (Compiled)
Afirm Türkiye↗ view
olurunedir.js
export const olurunedir = {
  category: 'Mobile App',
  stack: ['Laravel', 'PHP', 'MySQL', 'REST API', 'Figma'],
  description: 'Mobile decision-making app with gamified card mechanics and community voting features.',
  preview: async () => {
    // Click preview to launch
    openProject('https://apps.apple.com/tr/app/oluru-nedir/id6472718547');
  }
};
// Project Preview (Compiled)
Oluru Nedir?↗ view
main* 13
Ln 19, Col 89Laravel/Vue

Creative / Visuals

UI/UX

UI/UX Design
(Figma)

Components, Variants, Typography, Color Palettes, Design Systems, User Flow, Journey Map, Prototypes, High Fidelity/Low Fidelity Wireframes, WCAG Accessibility Standards, Apple Human Interface Guidelines, Material Design Principles, User Research, A/B Testing, User-Centered Design

Graphic Design
(Photoshop, Illustrator, Canva)

Corporate Identity Projects, Logo Design, Social Media Content Creation/Design, Branding, Printed Materials.

Terminal / Execute

~composer create-project laravel/laravel bircanburakuslu-portfolio-2026
[OK] success...LARAVELv12.x
~npx create-vue@latest bircanburakuslu-portfolio-2026
[OK] success...VUEv3.5
~npx create-nuxt@latest bircanburakuslu-portfolio-2026
[OK] success...NUXTv4.3
~php artisan serve
[OK] success...PHPv8.3
~mysql -u root -p
[OK] success...MYSQLv8.0
~curl -X GET api/v1/endpoint
[OK] success...RESTFUL APIv1.0
~git commit -m "initial commit"
[OK] success...GITv2.47
~npm install jsonwebtoken
[OK] success...JWTv9.0
~node index.js
[OK] success...JAVASCRIPTES2024
~npm install [email protected]
[OK] success...BOOTSTRAPv5.3
~npm i -D tailwindcss postcss autoprefixer
[OK] success...TAILWINDv4.0
~
Let's Work Together

CONTACT WITH ME

<0+/>
Projects
<0+/>
UI/UX Design
<0+/>
Years Exp.

Availability

Open for remote opportunities
and global collaborations.
Based in Earth / Internet.