Your friendly neighborhood UI/UX Designer and Front-End Developer
Adnan Brkić
UI/UX Design
I don’t just make interfaces look good, I make them feel right. My goal is always to solve real user problems with intuitive, beautiful design.
Design That Works
I focus on solving real problems, creating interfaces that are both functional and visually appealing.
Pixel-Perfect Eye
Clean layouts, sharp details, and modern aesthetics make every product feel premium.
Developer-Friendly
I hand over designs that are realistic, responsive, and ready for smooth development.
Empathy-Driven Approach
I put myself in the user’s shoes to craft experiences that feel natural and intuitive.
Real-World Ready
I consider edge cases, dynamic content, and different screen sizes from day one to avoid broken layouts.
Adnan Brkić
<div className="flex flex-col w-[320px] gap-4 px-2 pt-2 pb-5 bg-white dark:bg-carbone-core-950 border border-solid border-cloud-mist-200/75 dark:border-carbone-core-800/60 rounded-[2rem] relative z-[9] mr-16">
<div className="flex flex-col gap-3">
<div className="pb-8 relative">
<Image className='rounded-[1.5rem] aspect-[400/200]' src='/services/gradient-background.png' width={400} height={400} alt='Gradient Background' />
<Image className="w-20 h-20 rounded-full absolute left-3 bottom-0 outline-[4px] outline outline-white dark:outline-carbone-core-950" src="/adohere-image.png" width="400" height="400" alt='adohere-image' />
</div>
<div className="flex flex-col gap-1 px-3">
<div className="flex items-center gap-2">
<h5 className='text-carbone-core dark:text-cloud-mist text-2xl font-semibold leading-[110%]'>Adnan Brkić</h5>
<Image className='h-5' src='/assets/verification-svg' width={20} height={20} alt='Verification Badge' />
</div>
<span className='text-sm text-carbone-core-500 dark:text-carbone-core-400 font-medium leading-[0.938rem]'>UI/UX Designer & Front-End Developer</span>
</div>
</div>
<div className="px-3">
<div className="flex justify-between px-6 py-4 bg-carbone-core-50/50 dark:bg-carbone-core rounded-2xl">
<div className="flex flex-col items-center gap-1">
<span className='text-lg text-carbone-core dark:text-cloud-mist font-bold leading-[1.25rem]'>50+</span>
<span className='text-xs text-carbone-core-400 dark:text-carbone-core-300 leading-[0.813rem]'>Clients</span>
</div>
<div className="w-[1px] h-auto bg-carbone-core-50 dark:bg-carbone-core-800"></div>
<div className="flex flex-col items-center gap-1">
<span className='text-lg text-carbone-core dark:text-cloud-mist font-bold leading-[1.25rem]'>10+</span>
<span className='text-xs text-carbone-core-400 dark:text-carbone-core-300 leading-[0.813rem]'>Years</span>
</div>
<div className="w-[1px] h-auto bg-carbone-core-50 dark:bg-carbone-core-800"></div>
<div className="flex flex-col items-center gap-1">
<span className='text-lg text-carbone-core dark:text-cloud-mist font-bold leading-[1.25rem]'>1m+</span>
<span className='text-xs text-carbone-core-400 dark:text-carbone-core-300 leading-[0.813rem]'>Pixels</span>
</div>
</div>
</div>
<div className="px-3">
<a className='text-carbone-core font-bold text-center py-4 rounded-xl flex justify-center w-full bg-citrus-glow hover:bg-citrus-glow-400 leading-[1.188rem]' href="#">It's not an image</a>
</div>
</div>Front-End Development
I don’t just write code - I bring designs to life. My focus is on building fast, responsive, and pixel-perfect interfaces that look and feel exactly as intended.
1:1 Design to Code
I ensure every detail from the design is perfectly replicated in the final product.
Modern, Fast Tech
React, Next.js, TypeScript, Tailwind - I use the fastest, most reliable tech stack.
SEO & Accessibility
Clean, semantic code that is search-engine friendly and accessible to everyone.
Backend-Aware
I understand data flow and backend logic, preventing integration headaches.
Performance Obsessed
Fast-loading websites with optimized assets and smooth user interactions.
Pixels, Code, and a Little Bit of Magic
Fa.Issas
Agape
Sunset
Brightmeds - Home
Revealing My Powers
Soft Skills
Familiar with backend technologies for effective collaboration:
Hall of Fame
Working with Adnan on multiple projects was an absolute pleasure. His willingness to adapt and be a team player, combined with his technical knowledge is something that’s really rare to find these days. Definitely someone with whom I enjoyed working and hoping that we get more opportunities to collaborate in the future.
Honestly I don't know where to start. I've worked with Adnan on many projects and every time he finds another way to surprise me. Be it by his attention to details or his overwhelming commitment to do the best that he can, I can honestly say that Adnan is the best colleague that anyone can ask for. His creativity and passion can be seen through every project he works on, and because of this I always feel comfortable leaving the front-end development in his capable hands. And as a final message to those who are reading this, I strongly recommend to take Adnan into consideration because you will not regret it.
Thank you for your professional and expert relationship. I am very pleased with your work.
You’re officially in my inbox! I’ll get back to you soon!
Looks like the message didn’t go through. Try again!
Just a sec, your email’s making its way into my inbox—almost there!