<!DOCTYPE html>
<html lang="en" class="index">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Dara Kilicoglu</title>
    <meta name="description" content="I'm a digital product designer and researcher based in Copenhagen, Denmark. I partner with ambitious early-stage teams to transform innovative ideas into market-ready digital products.">
    <meta name="author" content="Dara Kilicoglu">
    
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K2VK2M4QCN"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-K2VK2M4QCN');
    </script>
    
    <link rel="icon" type="image/png" href="./src/favicon.png">
    <link href="./src/styles.css?v=1752669655598" rel="stylesheet">
    <script src="./src/scripts.js?v=1752669655598" defer></script>
</head>

<body>
    <div id="preloader" class="preloader"></div>
    
    <div id="preloadable" class="preloadable">
        <header class="flex justify-between items-center p-6 md:p-20">
            <h1>Dara Kilicoglu</h1>
            <a href="./information.html">Information</a>
        </header>
        
        <main>
            <h2 class="text-4xl/[1.25] lg:text-5xl/[1.25] p-6 md:p-20 max-w-6xl">
                Product designer shaping strategy, design, and execution from zero to one.
            </h2>
            
            <ul class="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-x-20 gap-y-16 md:gap-y-32 p-6 md:p-20">
                <li>
                    <div class="text-secondary mb-6 md:mb-8">1.</div>
                    <a href="./work/donkey-republic.html">
                        <img src="src/images/donkey-republic/donkey-republic-0.webp" 
                             class="cover-image" 
                             alt="Donkey Republic">
                    </a>
                    <div class="mt-6 md:mt-8 md:max-w-xl">
                        <a href="./work/donkey-republic.html">
                            <p>Bike-sharing mobile app providing sustainable transportation options across different cities.</p>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="text-secondary mb-6 md:mb-8">2.</div>
                    <a href="./work/flavor-tree.html">
                        <img src="src/images/flavor-tree/flavor-tree-cover.png" 
                             class="cover-image" 
                             alt="Flavor Tree">
                    </a>
                    <div class="mt-6 md:mt-8 md:max-w-xl">
                        <a href="./work/flavor-tree.html">
                            <p>Transforming the coffee flavor lexicon into an application that maps flavor relationships.
                        </a>
                    </div>
                </li>

                <li>
                    <div class="text-secondary mb-6 md:mb-8">3.</div>
                    <a href="./work/neol.html">
                        <img src="src/images/neol-profiles/neol-0.webp" 
                             class="cover-image" 
                             alt="Neol">
                    </a>
                    <div class="mt-6 md:mt-8 md:max-w-xl">
                        <a href="./work/neol.html">
                            <p>Designing a creative hub platform focusing on member profiles that highlight the abilities of creative leaders.</p>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="text-secondary mb-6 md:mb-8">4.</div>
                    <a href="./work/easisure.html">
                        <img src="src/images/easisure/easisure-0.webp" 
                             class="cover-image w-full" 
                             alt="Easisure">
                    </a>
                    <div class="mt-6 md:mt-8 md:max-w-xl">
                        <a href="./work/easisure.html">
                            <p>Self-service insurance app making insurance more accessible and transparent.</p>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="text-secondary mb-6 md:mb-8">5.</div>
                    <a href="https://darita.gumroad.com/l/prelude">
                        <img src="src/images/prelude/prelude-0.webp" 
                             class="cover-image" 
                             alt="Prelude">
                    </a>
                    <div class="mt-6 md:mt-8 md:max-w-xl">
                        <a href="https://darita.gumroad.com/l/prelude">
                            <p>Framer template for creating portfolio websites, celebrating the timeless appeal of archival aesthetics.</p>
                        </a>
                    </div>
                </li>
            </ul>
        </main>
        
        <footer class="p-6 md:p-20">
            <p id="copenhagen-time" class="text-secondary"></p>
        </footer>
    </div>
</body>
</html>