<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by YKITSME — by Eda on Medium]]></title>
        <description><![CDATA[Stories by YKITSME — by Eda on Medium]]></description>
        <link>https://medium.com/@ykitsme?source=rss-2d81ca26b52f------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*hgKiZ25ulM03pCwVYaPwiA.png</url>
            <title>Stories by YKITSME — by Eda on Medium</title>
            <link>https://medium.com/@ykitsme?source=rss-2d81ca26b52f------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Fri, 05 Jun 2026 13:31:01 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@ykitsme/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[YKITSME by Eda: A Personal Branding Project (Kind of) Pt. 1 — The Design]]></title>
            <link>https://ykitsme.medium.com/ykitsme-by-eda-a-personal-branding-project-kind-of-pt-1-the-design-2ad8dfe500db?source=rss-2d81ca26b52f------2</link>
            <guid isPermaLink="false">https://medium.com/p/2ad8dfe500db</guid>
            <category><![CDATA[website-design]]></category>
            <category><![CDATA[brand-design]]></category>
            <category><![CDATA[ui-ux-design]]></category>
            <category><![CDATA[website-developement]]></category>
            <category><![CDATA[personal-branding]]></category>
            <dc:creator><![CDATA[YKITSME — by Eda]]></dc:creator>
            <pubDate>Tue, 01 Oct 2024 01:38:21 GMT</pubDate>
            <atom:updated>2024-10-01T01:38:21.495Z</atom:updated>
            <content:encoded><![CDATA[<h3>YKITSME by Eda: A Personal Branding Project (Kind of) Pt. 1 — The Design</h3><figure><img alt="YKITSME initiate design, cover for medium" src="https://cdn-images-1.medium.com/max/1024/1*HbbnJcCD6p0V4Br2lTl5CQ.png" /></figure><p><strong>Why I Created Ykitsme</strong></p><p>The reason I decided to create <a href="https://ykitsme.com/">Ykitsme.com</a> comes from a personal need to showcase my skills and knowledge in a way that stands out. After being ghosted, rejected, and overlooked by countless companies I applied to, I realized I needed a platform that truly represents who I am and what I can do. Ykitsme became my response to that frustration — a project where I could pour everything I’ve learned into one place, and let the work speak for itself. It’s not just a portfolio; it’s my way of taking control and presenting myself on my own terms.</p><p>One of my friends encouraged me to build the site after I lost out on a company opportunity to someone who had a website made in Framer. While Framer is great for certain projects and offers an easy way to build websites, I felt its design looked a bit unpolished and rough — especially if you’re not familiar with basic coding. In contrast, a more intentional, design-driven approach allows for a refined, custom experience. Transitioning from design mind to code is something that really speaks to me, combining all the techniques I’ve gathered along the way. I poured everything into this project — a few sleepless nights, my sweat and tears, my personality, and maybe even a gummy bear or two offered to the coding gods as a sacrifice to make this easy. By the way, Ykitsme stands for “You Know It’s Me,” just to make it clear.</p><p><strong>Designing the Scroll Experience</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*SfprRqXno6ut7qjCtdJSHw.gif" /><figcaption>YKITSME — Zigzag scroll.gif</figcaption></figure><p>When I first started looking for inspiration, I reflected on all the projects I had done before. I’ve designed websites with all sorts of scrolling behaviors. I started with vertical scrolling, which is what everyone does — classic, but predictable. Then, I experimented with horizontal scrolling to try something different, followed by a semi-vertical, semi-horizontal approach that added a bit more depth. However, none of these quite captured the dynamic flow I was aiming for. That’s when I finalized the zigzag scroll — a design that shifts between vertical and horizontal movements, creating an unexpected, engaging rhythm for visitors to navigate through. The purpose behind this was clear: to make Ykitsme a uniquely impactful showcase of everything I’ve learned along the way. It not only stands out but also mirrors my unique approach to experimental design like this — bold, unconventional, and always pushing boundaries.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ykSkyp-KHW-VUf-ykIigFA.png" /><figcaption>YKISTME — Complete length of the website</figcaption></figure><p><strong>The Icon, The Myth, The Legend</strong></p><p>One of the key inspirations behind Ykitsme’s main interaction came from my mentor. Back in his prime — though I might not have the screen record to show you, but let me help you visualize — he built a pixel-style, old Windows UI as the interface for the company portfolio. It was a playful homage to a bygone era, where dragging and dropping app windows was the main interaction. I decided to pay tribute to this iconic design by adapting the idea to my own portfolio.</p><p>Instead of app windows, I used stickers — it’s fun, quirky, and perfectly aligned with the aesthetic I was building. The stickers are draggable items, offering a tactile user experience that encourages exploration. In a way, it’s a nod to the past while pushing the possibilities of what I can create today.</p><p><strong>Making the Website Playable</strong></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Cv-CPBa6f36jwa50SitrBw.gif" /><figcaption>YKITSME — Draggabality.gif</figcaption></figure><p>Stickers aren’t the only draggable elements on the site. I wanted to go further and make Ykitsme an interactive playground where visitors can move around different items, including text and other elements. This interaction allows them to experiment, possibly creating their own layouts as they navigate through the site. The idea here is to break away from rigid design structures and give visitors more freedom to engage with the content in their own way. It’s a playful twist that brings a sense of ownership and personalization to the experience.</p><p>Beyond just dragging and dropping, I wanted to add another layer of interaction — hidden elements beneath the draggable items. This encourages visitors to dig deeper, quite literally, as they explore what’s underneath. It’s a subtle way of rewarding curiosity and adding a sense of discovery to the experience (and myself). By hiding some elements under the stickers, I’ve made Ykitsme a space where the more you interact, the more you uncover. It’s not just a website; it’s a playground.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NCxZyqeC8w5sBCzLABgacg.png" /><figcaption>YKITSME — Easter egg clue, incase you need it.</figcaption></figure><p><strong>Looking Ahead and Finalizing the Design</strong></p><p>As I look ahead, I think there’s potential for even more interactions and personal content to be added to the website. What I’ve built so far is just a representation of where my mind is today — a snapshot of my creative process. But I’m constantly evolving, and so too Ykitsme. There’s room for this digital space to grow, shift, and reflect new ideas as they come to me. For now, though, what you see is the best manifestation of what my mind could dream up at this moment.</p><p>Believe it or not, the entire design for Ykitsme took just one day to come together. Once I connected all the dots in my creative spider web, the design seemed to flow naturally. Every interaction, every detail, fell into place as if I had been sketching it in my head for months. After pulling everything into focus, I finalized the design and set out to build the website itself. Sometimes, that’s how the creative process works for me — it’s all about weaving the right threads together, and when they align, the end result is something that feels both natural and complete.</p><p>In the next article, I’ll dive deeper into the technical aspects of <a href="https://ykitsme.com/">Ykitsme.com</a>, where I’ll explore how the vision comes to life through development, coding challenges, and the tools that helped shape this creative playground. So stay tuned — there’s a lot more to come!</p><blockquote>P.S. If the tone of this writing or the website copy comes off as overly confident or assertive, trust me — that’s just some crafted persona. In person, Eda is actually quite shy.</blockquote><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=2ad8dfe500db" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Content Placeholder]]></title>
            <link>https://ykitsme.medium.com/content-placeholder-f6955eda2f7a?source=rss-2d81ca26b52f------2</link>
            <guid isPermaLink="false">https://medium.com/p/f6955eda2f7a</guid>
            <dc:creator><![CDATA[YKITSME — by Eda]]></dc:creator>
            <pubDate>Wed, 18 Sep 2024 12:11:15 GMT</pubDate>
            <atom:updated>2024-09-18T12:11:15.312Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*2v-0mEMF3NCdTkwZ-ZwPJw.png" /></figure><p>Just a placeholder for now — real content is coming soon. Stay tuned!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f6955eda2f7a" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>