A design discovery universe
Username
blog.prototypr.io
Published on | Prototyping: From UX to Front End — Medium Eleftheria Batsou Eleftheria Batsou — Portfolio site<img class="rounded" src="https://cdn-images-1.medium.com/max/1200/0*ZKEP56Ve3mvwcprb."/></a><div class="py-6"><a class="underline text-gray-600 font-semibold" href="https://blog.prototypr.io/how-i-concluded-to-my-portfolio-website-1d32f1003c26?source=rss----eb297ea1161a---4" target="_blank">Read more</a></div></div></div></div><div class="col-span-full mb-6 lg:mb-0 lg:col-span-3 order-last lg:order-last lg:block"><div class="sm:hidden block lg:block"><div class="bg-white border-gray-300 p-5 rounded-lg flex flex-row sm:flex-col"><a href="https://open.prototypr.io"><div class="relative rounded mb-2 w-full" style="height:148px"><img data-gumlet="false" alt="https://prototypr-media.sfo2.digitaloceanspaces.com/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg" loading="lazy" decoding="async" data-nimg="fill" class="md:w-auto flex-shrink-0 sm:w-full rounded-lg mr-4 object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcSet="https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=640&q=75&format=avif&compress=true&dpr=1 640w, https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=750&q=75&format=avif&compress=true&dpr=1 750w, https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=828&q=75&format=avif&compress=true&dpr=1 828w, https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=1080&q=75&format=avif&compress=true&dpr=1 1080w, https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=1200&q=75&format=avif&compress=true&dpr=1 1200w, https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=1920&q=75&format=avif&compress=true&dpr=1 1920w, https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=2048&q=75&format=avif&compress=true&dpr=1 2048w, https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=3840&q=75&format=avif&compress=true&dpr=1 3840w" src="https://prototyprio.gumlet.io/wp-content/uploads/2022/03/d0aace79-b8e3-4ea1-bfc1-6c40a21990a7.jpeg?w=3840&q=75&format=avif&compress=true&dpr=1"/></div></a><div class="flex-col sm:px-0 px-4"><a href="https://open.prototypr.io" class="block sm:mt-1"><div class="text-sm cursor-pointer leading-5 font-medium text-gray-800"><p>We're an Open Source, Web Monetized project. Learn how to build your own Web Monetized website.</p> </div></a></div></div></div><div class="hidden md:block bg-white rounded-lg mt-6 p-6 lg:mb-16"><h1 class="text-sm font-semibold mb-3">Top Stories</h1></div></div></div></div></main></div><footer><div class="max-w-[1320px] z-30 relative mx-auto px-3 md:px-3"><div class="w-full max-w-screen-xl relative mx-auto py-16"><div class="flex flex-wrap"><div class="w-full md:w-6/12"><p class="text-xl tracking-tight font-semibold">Get Prototypr Weekly</p><input class="hidden" value="hello@prototypr.io"/><p class="text-base mt-0 text-gray-700">Top articles and tools every week <!-- --> 💌</p><div class="rounded-md lg:mb-0"><div><div class="flex flex-col"><form class="sm:flex w-11/12 mt-5 mb-6"><div class="sm:flex-1 sm:max-w-xs w-full"><label for="Email" class="sr-only ">Enter your email</label><input id="Email" style="font-size:.875rem" type="text" placeholder="Enter your email" name="emailRequired" class="border-transparent border-solid border-2 border-gradient-br-blue-darkblue-gray-50 hover:border-gradient-tl-blue-darkblue-gray-50 gradient-border-3 w-full h-full p-3 text-gray-800 bg-white rounded-full"/></div><div class="hidden email-octopus-form-row-hp" aria-hidden="true"><input type="text" name="hp1cc5fdf6-63b5-11ea-a3d0-06b4694bee2a" tabindex="-1" autoComplete="nope"/></div><div class="flex flex-col md:ml-2"><button aria-label="Sign up for newsletter" style="height:47px" class="c-gSzqAS c-gSzqAS-gZwbYS-variant-confirm px-5 md:ml-2 mt-3 md:mt-0 rounded-full" type="">Subscribe</button></div></form></div><div class="px-1 w-10/12 mx-auto"></div></div></div><p class="text-sm text-gray-700 font-semibold mt-2"> <!-- -->© 2024 Prototypr,<!-- --> <!-- -->All rights reserved.</p></div><div class="w-full md:w-6/12"><div class="flex flex-wrap items-top mb-6"><div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 md:px-4 ml-auto"><span class="block uppercase text-gray-900 text-sm font-semibold mb-2 tracking-wide">Good Stuff</span><ul class="list-unstyled"><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://help.prototypr.io" target="_blank">Help</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://github.com/Prototypr" target="_blank">Open Source</a></li><li><a href="https://open.prototypr.io" target="_blank" class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base">Prototypr Open</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://twitter.com/prototypr" target="_blank">Twitter</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://instagram.com/prototyprio" target="_blank">Instagram</a></li></ul></div><div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 ml-auto"><span class="block uppercase text-gray-900 text-sm font-semibold mb-2 tracking-wide">Other Resources</span><ul class="list-unstyled"><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://adobe.com/products/xd/adobe-fund.html" target="_blank">Adobe Fund for Design</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://grantfortheweb.org" target="_blank">Grant for the Web</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://interledger.org/" target="_blank">Web Monetization</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://letter.so" target="_blank">Mail by Letter</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://prototypr.io/privacy-policy/" target="_blank">Privacy Policy</a></li></ul></div></div></div></div></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"preview":null,"post":{"id":"5240","attributes":{"title":"How I concluded to my portfolio website","slug":"how-i-concluded-to-my-portfolio-website","content":"\u003cp\u003ePublished on \u003ca href=\"https://blog.prototypr.io/how-i-concluded-to-my-portfolio-website-1d32f1003c26?source=rss----eb297ea1161a---4\"\u003e| Prototyping: From UX to Front End \u0026mdash; Medium\u003c/a\u003e Eleftheria Batsou \u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/1024/0*ZKEP56Ve3mvwcprb.\"\u003e\u003ca href=\"http://eleftheriabatsou.com\"\u003eEleftheria Batsou — Portfolio site\u003c/a\u003e\u003ciframe src=\"https://cdn.embedly.com/widgets/media.html?url=https%3A%2F%2Fplay.ht%2Farticles%2F1d32f1003c26\u0026amp;src=https%3A%2F%2Fplay.ht%2Fembed%2F%3Farticle_url%3Dhttps%3A%2F%2Fmedium.com%2F_p%2Fhow-i-concluded-to-my-portfolio-website-1d32f1003c26\u0026amp;type=text%2Fhtml\u0026amp;key=a19fcc184b9711e1b4764040d3dc5c07\u0026amp;schema=play\" width=\"700\" height=\"185\" frameborder=\"0\"\u003e\u003ca href=\"https://medium.com/media/0af9f33131b016b895f6b706779ba890/href\"\u003ehttps://medium.com/media/0af9f33131b016b895f6b706779ba890/href\u003c/a\u003e\u003c/iframe\u003e\u003c/p\u003e\n\u003cblockquote\u003e\u003cp\u003e\u003cem\u003eIt was about time to start rebuilding my personal-portfolio-website. My previous one didn’t seem to comply with my aesthetics and needs.\u003c/em\u003e\u003c/p\u003e\u003c/blockquote\u003e\n\u003cp\u003eA few weeks ago I asked myself several questions.\u003c/p\u003e\n\u003ch3\u003e1.What is my goal?\u003c/h3\u003e\n\u003cp\u003eMy goal is to create an online presence that represents my personality, people can easily browse my previous works in detail, read articles or watch videos and contact me easily.\u003c/p\u003e\n\u003ch3\u003e2.What problems am I trying to solve?\u003c/h3\u003e\n\u003cp\u003eI can’t use my current website as a blog/portfolio as it’s not convenient to add details to my projects.I can only add some images and links to them. I have to rethink my needs, and the things I want to show. I want a better connection with people on the web.\u003c/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/998/0*URpry8IRZRPAvvDJ.\"\u003eScreenshot of my old website\u003c/p\u003e\n\u003ch3\u003e3. What about some inspiration?\u003c/h3\u003e\n\u003cp\u003eYes, inspiration is always great but I shouldn’t let other websites be all over my head.\u003c/p\u003e\n\u003cp\u003eI have to create my own ideas based on the things I like. In that way, I will present my own personality.\u003c/p\u003e\n\u003ch4\u003e\u003cstrong\u003eResearch: Personal sites with an aesthetically pleasing design (in no particular order)\u003c/strong\u003e\u003c/h4\u003e\n\u003cp\u003e\u003ca href=\"https://darianrosebrook.com/\"\u003e\u003cstrong\u003eDarian Rosebrook\u003c/strong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/1024/0*nP4LOAjyDdNvUuxB.\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"http://alanmshen.com/\"\u003e\u003cstrong\u003eAlan M Shen\u003c/strong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/1024/0*7Vb5PdWiWvwsySZx.\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"http://erikbue.com/\"\u003e\u003cstrong\u003eEric Bue\u003c/strong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/1024/0*Vq2y0lr2rlenH5er.\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"http://www.adhamdannaway.com/\"\u003e\u003cstrong\u003eAdham Dannaway\u003c/strong\u003e\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/1024/0*xN1TXRGJa50Ji4Hm.\"\u003e\u003c/p\u003e\n\u003ch4\u003eResearch: Things I must not miss to include in a personal portfolio site\u003c/h4\u003e\n\u003col\u003e\n\u003cli\u003eAt least some basic info about myself\u003c/li\u003e\n\u003cli\u003eLinks to my works\u003c/li\u003e\n\u003cli\u003eOne way (or more) for people to contact me\u003c/li\u003e\n\u003cli\u003eSocial platforms\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3\u003e4.What do I really want to show?\u003c/h3\u003e\n\u003cp\u003eAs I stated earlier, I want to showcase my personality, I want to give details about my works and the projects I ‘m proud of. I want to share my knowledge through articles and videos. I want to connect with people and make it easy for them to reach me.\u003c/p\u003e\n\u003ch3\u003e5.To whom am I referring to?\u003c/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/820/0*CLNlPadHJ4N2jy--.\"\u003ePersonas\u003c/p\u003e\n\u003cp\u003eTo answer that question I decided to think as UX designer building a new product. I had to make some personas.\u003c/p\u003e\n\u003cblockquote\u003e\u003cp\u003eUser Personas represent real, living and breathing people who will engage with your product. While individuals featured on a persona are technically hypothetical, the information on the document should not be hypothetical. — by Xtensio\u003c/p\u003e\u003c/blockquote\u003e\n\u003cp\u003eIn this part, I am not going to get into a lot of detail… I decided to have three types of personas based on who would browse my website.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eAn employer\u003c/strong\u003e (a developer manager, a hiring manager): This person wants to get some quick information. She is busy, has a lot of meetings, emails and calls. She certainly won’t have the time to view in detail all of my projects and posts. Probably a manager won’t spent more than a few minutes on my site.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSomeone searching for a specific project/post\u003c/strong\u003e (like an article, a tutorial, a video): This group of people is interesting for that project and that post, not for my bio or my most recent video tutorial. If they find me interesting they will read more, if not they will close the tab.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eSomeone who randomly found me\u003c/strong\u003e: (maybe she googled my name, found me on twitter/youtube and wanted to learn more). This person is going to search my bio, my projects and posts. She could spend seconds to minutes browsing the site.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3\u003eTime for decisions\u003c/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/760/0*6FAaHWouNlJCcjFf.\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cem\u003eCustom design VS using a template\u003c/em\u003e\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eThat was a tough one.\u003c/p\u003e\n\u003cp\u003eI would love to create and code my own design and have a unique portfolio but it’s not a current priority. A template/theme, using a CMS (WordPress, Joomla, Drupal), is a quicker and easier solution. Since I already have a drupal-website, installation and configuration should come pretty easy.\u003c/p\u003e\n\u003cp\u003eOn the other hand, I wasn’t going to let a template define my website. Based on what I was looking for, I designed a simple prototype.\u003c/p\u003e\n\u003cp\u003eMy theme should be a clean, modern, elegant design, with plenty of room to display the portfolio and the blog posts.\u003c/p\u003e\n\u003ch3\u003eChoosing a theme\u003c/h3\u003e\n\u003cp\u003eI don’t remember how many hours/days I spend searching for the “perfect”, free or paid theme. I opened a lot of tabs to compare them more easily. After a lot of browsing, I found the “one”, meeting my criteria and pleasing my aesthetics.\u003c/p\u003e\n\u003cp\u003eThe “one” is called “\u003ca href=\"https://themeforest.net/item/mdeal-responsive-business-drupal-theme-/11804569\"\u003emdeal responsive business\u003c/a\u003e” and is supported by Drupal 7.\u003c/p\u003e\n\u003ch3\u003eInstallation, configuration and filling the pages\u003c/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https://cdn-images-1.medium.com/max/847/0*vBF9kzj9P25Q44h2.\"\u003eMy current webiste\u003c/p\u003e\n\u003cp\u003eAfter installing the theme, I configured the blocks, the panels, the pages and the css classes. I must have spent 3–4 days to make the theme look like my prototype.\u003c/p\u003e\n\u003cp\u003eΙ spent almost a week to organize the menu, header, prefooter, footer and the main-part of home, about, portfolio, post and contact page.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"http://eleftheriabatsou.com/\"\u003e⇒ My site\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eYou can watch my short \u003ca href=\"https://www.youtube.com/watch?v=CtFDfoQPUb4\"\u003evideo\u003c/a\u003e about how I made my online portfolio website.\u003c/p\u003e\n\u003cp\u003e\u003ciframe src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FCtFDfoQPUb4%3Ffeature%3Doembed\u0026amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DCtFDfoQPUb4\u0026#038;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FCtFDfoQPUb4%2Fhqdefault.jpg\u0026amp;key=a19fcc184b9711e1b4764040d3dc5c07\u0026amp;type=text%2Fhtml\u0026amp;schema=youtube\" width=\"854\" height=\"480\" frameborder=\"0\"\u003e\u003ca href=\"https://medium.com/media/690f7569c95c019aefb3dcfedc5b4f24/href\"\u003ehttps://medium.com/media/690f7569c95c019aefb3dcfedc5b4f24/href\u003c/a\u003e\u003c/iframe\u003e\u003c/p\u003e\n\u003cp\u003eNotes:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003eI am still writing my projects hence I am aware that portfolio section looks kinda empty.\u003c/li\u003e\n\u003cli\u003eMy site is currently under version 1.1, if you have any recommendations, please do share.\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003e\u003cstrong\u003eBefore you go, please subscribe to my youtube \u003c/strong\u003e\u003ca href=\"https://www.youtube.com/c/EleftheriaBatsou\"\u003e\u003cstrong\u003echannel\u003c/strong\u003e\u003c/a\u003e\u003cstrong\u003e and if you liked that post follow my stories on \u003c/strong\u003e\u003ca href=\"https://twitter.com/BatsouElef\"\u003e\u003cstrong\u003eTwitter\u003c/strong\u003e\u003c/a\u003e\u003cstrong\u003e.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eThanks for reading, have an awesome day.\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003eOriginally published at \u003c/em\u003e\u003ca href=\"http://eleftheriabatsou.com/content/how-i-concluded-my-portfolio-website\"\u003e\u003cem\u003ehttp://eleftheriabatsou.com/content/how-i-concluded-my-portfolio-website\u003c/em\u003e\u003c/a\u003e\u003cem\u003e.\u003c/em\u003e\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"https://medium.com/_/stat?event=post.clientViewed\u0026amp;referrerSource=full_rss\u0026amp;postId=1d32f1003c26\" width=\"1\" height=\"1\" alt=\"stat?event=post.clientViewed\u0026amp;referrerSou\"\u003e\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003e\u003ca href=\"https://blog.prototypr.io/how-i-concluded-to-my-portfolio-website-1d32f1003c26\"\u003eHow I concluded to my portfolio website\u003c/a\u003e was originally published in \u003ca href=\"https://blog.prototypr.io\"\u003ePrototypr\u003c/a\u003e on Medium, where people are continuing the conversation by highlighting and responding to this story.\u003c/p\u003e\n","excerpt":"\u003cp\u003ePublished on | Prototyping: From UX to Front End \u0026mdash; Medium Eleftheria Batsou Eleftheria Batsou — Portfolio sitehttps://medium.com/media/0af9f33131b016b895f6b706779ba890/href It was about time to start rebuilding my personal-portfolio-website. My previous one didn’t seem to comply with my aesthetics and needs. A few weeks ago I asked myself several questions. 1.What is my goal? My goal is to create an online [\u0026hellip;]\u003c/p\u003e\n","likeCount":{"total":0,"like":0,"fire":0,"unicorn":0},"likes":{"data":[]},"seo":{"metaDesc":"","canonical":"https://prototypr.io/blog/how-i-concluded-to-my-portfolio-website/","opengraphModifiedTime":null,"opengraphPublishedTime":null,"opengraphTitle":"How I concluded to my portfolio website - Prototypr | Prototyping","opengraphDescription":"Published on | Prototyping: From UX to Front End \u0026mdash; Medium Eleftheria Batsou Eleftheria Batsou — Portfolio sitehttps://medium.com/media/0af9f33131b016b895f6b706779ba890/href It was about time to start rebuilding my personal-portfolio-website. My previous one didn’t seem to comply with my aesthetics and needs. A few weeks ago I asked myself several questions. 1.What is my goal? My goal is to create an online [\u0026hellip;]","opengraphImage":null},"outgoingLinks":[],"link":null,"date":"2017-12-12T09:46:22.000Z","legacyAttributes":{"link":"https://blog.prototypr.io/how-i-concluded-to-my-portfolio-website-1d32f1003c26?source=rss----eb297ea1161a---4","imgUrl":null,"ogImage":"https://cdn-images-1.medium.com/max/1200/0*ZKEP56Ve3mvwcprb."},"ogImage":{"opengraphImage":null},"tags":{"data":[]},"legacyFeaturedImage":{"id":"3822","mediaItemUrl":null,"thumb":null},"featuredImage":{"data":null},"relatedNews":[{"localizations":{"data":[]},"type":"article","title":"Adobe acquires Figma, cue the memes 🤪","date":"2022-09-15T13:27:00.000Z","slug":"adobe-figma-meme","legacyFeaturedImage":null,"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg"},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg","formats":{"small":{"ext":".jpeg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8c512393ccf3a7bc5985ec5167ddc442.jpeg","hash":"8c512393ccf3a7bc5985ec5167ddc442","mime":"image/jpeg","name":"small_Fcsqb5pWQAAzPIK.jpeg","path":null,"size":31.41,"width":500,"height":324},"thumbnail":{"ext":".jpeg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8f25f76de5b5ae31588ab001884b89f8.jpeg","hash":"8f25f76de5b5ae31588ab001884b89f8","mime":"image/jpeg","name":"thumbnail_Fcsqb5pWQAAzPIK.jpeg","path":null,"size":10.81,"width":241,"height":156}}}}}},{"localizations":{"data":[]},"type":"article","title":"From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill","date":"2022-06-06T15:00:00.000Z","slug":"from-photography-to-nft-twisted-landscapes-with-nate-hill","legacyFeaturedImage":null,"legacyAttributes":null,"seo":{"opengraphImage":null},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8d8070381d986c2f80b500cdb024f518.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/660d5848c774dd76de059e2754a7344f.png","hash":"660d5848c774dd76de059e2754a7344f","mime":"image/png","name":"large_Crossover Series NFTs.png","path":null,"size":453.71,"width":1000,"height":500},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c0b4b2eaabf40327313a30b374c2ac2a.png","hash":"c0b4b2eaabf40327313a30b374c2ac2a","mime":"image/png","name":"small_Crossover Series NFTs.png","path":null,"size":125.2,"width":500,"height":250},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/2346793057dd9a854f38fca4ef47a068.png","hash":"2346793057dd9a854f38fca4ef47a068","mime":"image/png","name":"medium_Crossover Series NFTs.png","path":null,"size":262.53,"width":750,"height":375},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/63771b3a5ed23d97c829bbb601cb13ef.png","hash":"63771b3a5ed23d97c829bbb601cb13ef","mime":"image/png","name":"thumbnail_Crossover Series NFTs.png","path":null,"size":35.4,"width":245,"height":123}}}}}},{"localizations":{"data":[]},"type":"article","title":"Still can’t get a UX job? Give up.","date":"2023-01-09T12:23:50.810Z","slug":"still-cant-get-a-ux-job-give-up","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg"},"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg"},"featuredImage":{"data":null}},{"localizations":{"data":[]},"type":"article","title":"Sticking to UI/UX trends is a losing strategy","date":"2022-12-29T11:26:02.485Z","slug":"sticking-to-uiux-trends-is-a-losing-strategy","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3335f7802dbd74db63d7af49c6a88662.webp"},"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3335f7802dbd74db63d7af49c6a88662.webp"},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1d87545fb25cc1fd4f863555b25a02d1.webp","formats":{"large":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/262e3e5a6313a73bb36e0f1b6b8fada3.webp","hash":"262e3e5a6313a73bb36e0f1b6b8fada3","mime":"image/webp","name":"large_featuredImage","path":null,"size":47.21,"width":1000,"height":631},"small":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/06c24c8a0b29e59cbd78dbbd9014ba5d.webp","hash":"06c24c8a0b29e59cbd78dbbd9014ba5d","mime":"image/webp","name":"small_featuredImage","path":null,"size":20.03,"width":500,"height":315},"medium":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/de99cd14c358326b74493e8354407d87.webp","hash":"de99cd14c358326b74493e8354407d87","mime":"image/webp","name":"medium_featuredImage","path":null,"size":32.87,"width":750,"height":473},"thumbnail":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1bd2e2b72dd3fa02686f1b12f5acdffb.webp","hash":"1bd2e2b72dd3fa02686f1b12f5acdffb","mime":"image/webp","name":"thumbnail_featuredImage","path":null,"size":8.66,"width":245,"height":155}}}}}}],"author":{"data":null}}},"domain":"blog.prototypr.io","link":"https://blog.prototypr.io/how-i-concluded-to-my-portfolio-website-1d32f1003c26?source=rss----eb297ea1161a---4","postDate":"\"2017-12-12T09:46:22.000Z\"","morePosts":[]},"__N_SSG":true},"page":"/blog/[slug]","query":{"slug":"how-i-concluded-to-my-portfolio-website"},"buildId":"D0Ej6YAwrP8jFlkAhHkNz","isFallback":false,"isExperimentalCompile":false,"dynamicIds":[64069,20595,30817,50242,8301],"gsp":true,"locale":"en-US","locales":["en-US","es-ES"],"defaultLocale":"en-US","scriptLoader":[]}</script></body></html>
