11{"id":27952,"date":"2024-11-05T08:06:30","date_gmt":"2024-11-05T08:06:30","guid":{"rendered":"https:\/\/www.purrweb.com\/blog\/?p=27952"},"modified":"2024-11-05T08:06:30","modified_gmt":"2024-11-05T08:06:30","slug":"buy-my-brains-case","status":"publish","type":"post","link":"https:\/\/www.purrweb.com\/blog\/buy-my-brains-case\/","title":{"rendered":"Sell Your Brains: How We Developed a Marketplace for Creative People Who Want to Monetize Their Art. The Buy My Brains Case"},"content":{"rendered":"<h2><strong>Idea: a platform where creative people can sell the result of their intellectual work<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">In the spring of 2023, we were contacted by a client who organized events, hung out in creative circles, and knows first-hand the pains of photographers, artists, and other people from the creative industry.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One of these pains is that people have to promote their art themselves through social networks or look for platforms where they can post it, often with a large commission.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The client came up with an idea to solve this pain \u2014 create a marketplace where artists can post their works and directly sell them to everyone.<\/span><\/p>\n<h5 style=\"text-align: center;\"><b>The idea is that the platform sells only non-physical products. The concept is this: artists shouldn\u2019t starve, they should earn with their ideas and brains. Hence the project\u2019s name \u2014 buy my brains \ud83e\udde0<\/b><\/h5>\n<div id=\"attachment_27958\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/3.png\"><img aria-describedby=\"caption-attachment-27958\" decoding=\"async\" class=\"size-full wp-image-27958\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/3.png\" alt=\"This is what people can sell\/buy on Buy My Brains\" width=\"1584\" height=\"872\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/3.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/3-768x423.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/3-1536x846.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27958\" class=\"wp-caption-text\">On Buy My Brains, artists, photographers, designers, experts, bloggers, screenwriters, writers, and composers \u2014 in short, anyone who can create something non-material \u2014 can post their products.<\/p><\/div>\n<p><span style=\"font-weight: 400;\">In fact, it\u2019s a P2P platform with two roles: buyer and seller. And no intermediary would take a commission for transactions. On this platform, monetization works like this: the seller can post up to three ads for free. If they want to add more products, they must pay for additional posts. There\u2019s also a paid service for promoting products in the user feed. The service offers a free promotion service in the user feed.<\/span><\/p>\n<h5 style=\"text-align: center;\"><b>The client had a general idea of how the platform should look and work. She didn\u2019t know how to bring her ideas to life and find the right technical solution for them.<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">That\u2019s why she started looking for a development team to which she could entrust the project. She was searching for a long time and finally chose us, Purrweb. She liked our <\/span><a href=\"https:\/\/www.purrweb.com\/portfolio\/\" target=\"_blank\"><span style=\"font-weight: 400;\">cases from the portfolio<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 it was a total match.<\/span><\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/4-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-27959\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/4-1.png\" alt=\"How we worked on a Buy my brains case\" width=\"1584\" height=\"976\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/4-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/4-1-768x473.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/4-1-1536x946.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">By the way, if you\u2019ve got an idea for a mobile app but you don\u2019t know where to start,<\/span><a href=\"https:\/\/www.purrweb.com\/blog\/i-have-an-app-idea\/\" target=\"_blank\"><span style=\"font-weight: 400;\"> dive into our guide<\/span><\/a><span style=\"font-weight: 400;\"> \u2014 we compiled it for cases like this. It contains 9 clear steps from an idea to product release in stores.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The client had references and some groundwork for the visual part and aesthetics that she wanted to use in the design of the platform. She wanted bright colors, a bit of a hippie mood, and a dose of psychedelia from the 60s. And all we had to do was figure out how to make a finished product from the pictures and description.<\/span><\/p>\n<div id=\"attachment_27980\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/5-1.png\"><img aria-describedby=\"caption-attachment-27980\" decoding=\"async\" class=\"size-full wp-image-27980\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/5-1.png\" alt=\"The Buy My Brains aesthetics\" width=\"1584\" height=\"634\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/5-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/5-1-768x307.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/5-1-1536x615.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27980\" class=\"wp-caption-text\">These are the materials from our client \u2014 the logo, bright palette, and brand style that she wanted to represent in the design of the platform<\/p><\/div>\n<p><span style=\"font-weight: 400;\">We considered different product options: a website, a mobile app, or even a <\/span><a href=\"https:\/\/www.purrweb.com\/services\/progressive-web-app\/\" target=\"_blank\"><span style=\"font-weight: 400;\">PWA<\/span><\/a><span style=\"font-weight: 400;\">. Or should we make everything? We discussed the task and decided to design and develop a mobile app.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But then the client had doubts, which could cancel our cooperation \ud83d\ude3f<\/span><\/p>\n<h2><strong>Presentation for investors. How we helped to remove doubts<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">The client planned to introduce the idea of Buy My Brains to investors, but she understood that a presentation wouldn\u2019t impress them as much as the real product. That\u2019s why she needed, as she put it, a demo version \u2014 to look more convincing in the investors\u2019 eyes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">She came to us with the request to develop a full-fledged app. However, after the initial estimation, she started to doubt whether the budget would be sufficient.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And these are absolutely normal doubts. That\u2019s why we advocate a flexible approach \u2014 if we see that we can solve the task in a different way that will let us save the budget, we offer this option. This was exactly the case with Buy My Brains \u2014 we saw a more suitable choice that perfectly fit the client\u2019s budget. After all, if you just need to show your concept to the investors, why rush into developing a mobile app?<\/span><\/p>\n<h5 style=\"text-align: center;\"><b>Instead, we suggested making a website prototype. This would be enough for a presentation to investors. The prototype will show the key features and design and then be used to develop the full-fledged platform.<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">The website will look like the \u201creal\u201d product \u2014 with functioning navigation and links between screens. It will allow users to interact with the UI as if it were a finished product. However, it will not have fully functional logic or a fully developed database.<\/span><\/p>\n<div style=\"clear:both; margin-top:0em; margin-bottom:3em;\"><a href=\"https:\/\/www.purrweb.com\/blog\/mvp-vs-prototype-choosing-the-best-development-approach\/\" target=\"_blank\" rel=\"dofollow\" class=\"u438c1061dc2e5b8f4158e1909b8deb92\"><style> .u438c1061dc2e5b8f4158e1909b8deb92 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#FFFFFF; border:0!important; border-left:4px solid #34495E!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .u438c1061dc2e5b8f4158e1909b8deb92:active, .u438c1061dc2e5b8f4158e1909b8deb92:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u438c1061dc2e5b8f4158e1909b8deb92 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u438c1061dc2e5b8f4158e1909b8deb92 .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .u438c1061dc2e5b8f4158e1909b8deb92 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .u438c1061dc2e5b8f4158e1909b8deb92:hover .postTitle { text-decoration: underline!important; } <\/style><div style=\"padding-left:1em; padding-right:1em;\"><span class=\"ctaText\">\u0427\u0418\u0422\u0410\u0419\u0422\u0415 \u0422\u0410\u041a\u0416\u0415<\/span>&nbsp; <span class=\"postTitle\">MVP vs. prototype: choosing the best development approach<\/span><\/div><\/a><\/div>\n<p><span style=\"font-weight: 400;\">The client was delighted with this option. We agreed that our team would make a website with a fully developed design and user path demonstration, upload it to production, attach analytics to collect metrics, and provide this data to investors.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\n  <div class='universal__container'>\n\n  <picture class='universal__image-bg--mobile' >\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile.png'>\n<\/picture>\n    <div class='universal__title' style='font-size:px;'>We help startups create working products with beautiful designs<\/div>\n    <div class='universal__text' style='font-size: px;'>Our portfolio contains 300+ projects in different niches\u2014ffrom marketplaces to ecommerce. Contact us and get a free project estimation.<\/div>\n    <a  class='universal__btn' href='#footer' style='font-size: px;'>Estimate for free<\/a>\n\n\n    <picture class='universal__image-bg'>\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop.png'>\n<\/picture>\n\n\n    <svg class='universal__bg--mobile' width='479' height='284' viewBox='0 0 479 284' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='81.5' cy='202.5' r='81.5' fill='#D4FE7C'\/>\n      <circle cx='405.5' cy='73.5' r='73.5' fill='#D4FE7C'\/>\n      <circle cx='363.321' cy='195.321' r='5.00801' stroke='#3D3BFF' stroke-width='0.626002'\/>\n      <circle cx='166.13' cy='127.13' r='2.81701' stroke='#3D3BFF' stroke-width='0.626002'\/>\n    <\/svg>\n\n    <svg class='universal__bg' width='432' height='668' viewBox='0 0 432 668' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='207.5' cy='460.5' r='207.5' fill='#D4FE7C'\/>\n      <circle cx='322' cy='110' r='110' fill='#D4FE7C'\/>\n      <circle cx='143' cy='151' r='4' fill='#3D3BFF' stroke='#3D3BFF' stroke-width='2'\/>\n    <\/svg>\n\n  <\/div>\n<\/span><\/p>\n<h2><strong>Buy My Brains: how this works<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">To work out the user flows, we looked at different marketplaces and classifieds, searched for the best solutions, and invented a way to stand out. Pinterest was our main reference.<\/span><\/p>\n<div id=\"attachment_27960\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/6-1.png\"><img aria-describedby=\"caption-attachment-27960\" decoding=\"async\" class=\"size-full wp-image-27960\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/6-1.png\" alt=\"Pinterest as the main reference\" width=\"1584\" height=\"1036\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/6-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/6-1-768x502.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/6-1-1536x1005.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27960\" class=\"wp-caption-text\">The Pinterest platform was our main reference \u2014 the client liked how the feed and personal account were implemented there. She wanted to make something similar in Buy My Brains.<\/p><\/div>\n<p><span style=\"font-weight: 400;\">Buy My Brains has two interchangeable roles \u2014 a buyer can become a seller and vice versa. We implemented the main page, the feed, and a seller\u2019s showcase. At the prototype stage, you can\u2019t buy or sell anything on the website, but you can see how everything will work after the full-scale launch of the marketplace.<\/span><\/p>\n<div class=\"screenSliderWrapper disable_shadow\">\n  \n\n  <div class=\"screenSliderInnerWrapper\" style=\"max-width: 600px;\">\n        \n        <div class=\"our-blog__navigation\">\n        <div class=\"our-blog__navigation-prev arrow-69deab7146aa5-prev\"><svg class=\"pagination__arrow pagination__arrow--left\"  width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.367.278L.28 6.328a.946.946 0 000 1.344l6.087 6.05a.96.96 0 001.353 0 .946.946 0 000-1.345L2.31 7l5.41-5.378a.946.946 0 000-1.344.96.96 0 00-1.353 0z\" fill=\"#5C3BFE\"\/>\n  <\/svg><\/div>\n\n        <div class=\"our-blog__pagination swiper-pagination-69deab7146aa5\"><\/div>\n\n        <div class=\"our-blog__navigation-next  arrow-69deab7146aa5-next\"><svg class=\"pagination__arrow pagination__arrow--right\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.633 13.722l6.087-6.05a.946.946 0 000-1.344L1.633.278a.96.96 0 00-1.353 0 .946.946 0 000 1.345L5.69 7 .28 12.377a.946.946 0 000 1.345.96.96 0 001.353 0z\" fill=\"#5C3BFE\"\/>\n  <\/svg><\/div>\n\n        <div class=\"autoplay-progress autoplay-progress_69deab7146aa5\">\n        <svg viewBox=\"0 0 48 48\">\n          <circle cx=\"24\" cy=\"24\" r=\"15\"><\/circle>\n        <\/svg>\n        <span><\/span>\n      <\/div>\n\n\n    <\/div>\n\n              <div id=\"swiper_69deab7146aa5\" class=\"swiper screenSlider\">\n      \n        <div class=\"swiper-wrapper\" style=\" margin: 0 auto;\">\n           <div class='swiper-slide' style='border-radius: 10px;'><img src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/7-1.png'><\/div> <div class='swiper-slide' style='border-radius: 10px;'><img src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/8-1.png'><\/div> <div class='swiper-slide' style='border-radius: 10px;'><img src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/9-1.png'><\/div> <div class='swiper-slide' style='border-radius: 10px;'><img src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/10-1.png'><\/div> <div class='swiper-slide' style='border-radius: 10px;'><img src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/11-1.png'><\/div>\n\n        \n        <\/div>\n\n\n      <\/div>\n        \n        <\/div>\n\n\n            <\/div>\n\n    \n<h5 style=\"text-align: center;\"><b>We helped decide on the flows that would be sufficient for the prototype. We chose the least complex ones to save money.<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">For example, the client wanted the site to contain a personal account where a seller would upload documents and certificates. However, this would take more time and was not essential for the client\u2019s goals. That\u2019s why we suggested leaving out the account and making the document feature in the seller\u2019s showcase.<\/span><\/p>\n<div id=\"attachment_27966\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/12-1.png\"><img aria-describedby=\"caption-attachment-27966\" decoding=\"async\" class=\"size-full wp-image-27966\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/12-1.png\" alt=\"A seller can upload certificates via their showcase\" width=\"1584\" height=\"968\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/12-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/12-1-768x469.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/12-1-1536x939.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27966\" class=\"wp-caption-text\">A seller can upload certificates via their showcase<\/p><\/div>\n<p><span style=\"font-weight: 400;\">Inside the platform, we made a clean and neat design to help users focus on the feed and purchases. But the landing page was a completely different story.<\/span><\/p>\n<div style=\"clear:both; margin-top:0em; margin-bottom:3em;\"><a href=\"https:\/\/www.purrweb.com\/blog\/how-to-develop-nft-art-marketplace\/\" target=\"_blank\" rel=\"dofollow\" class=\"u704947e1afb278c9f741de9a4cfc0a61\"><style> .u704947e1afb278c9f741de9a4cfc0a61 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#FFFFFF; border:0!important; border-left:4px solid #34495E!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .u704947e1afb278c9f741de9a4cfc0a61:active, .u704947e1afb278c9f741de9a4cfc0a61:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .u704947e1afb278c9f741de9a4cfc0a61 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .u704947e1afb278c9f741de9a4cfc0a61 .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .u704947e1afb278c9f741de9a4cfc0a61 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .u704947e1afb278c9f741de9a4cfc0a61:hover .postTitle { text-decoration: underline!important; } <\/style><div style=\"padding-left:1em; padding-right:1em;\"><span class=\"ctaText\">\u0427\u0418\u0422\u0410\u0419\u0422\u0415 \u0422\u0410\u041a\u0416\u0415<\/span>&nbsp; <span class=\"postTitle\">How to Develop the NFT Art Marketplace<\/span><\/div><\/a><\/div>\n<h2><strong>When a little psychedelia won\u2019t hurt: in search of style<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Creating a bright visual identity for the landing page proved to be the main challenge in this project. It had to be the identity to remember.<\/span><\/p>\n<h5 style=\"text-align: center;\"><b>The client wanted us to create a unique and fresh design with psychedelia touches \u2014 a design that would appeal to the creative people who were the main target audience of the project. But it was important not to overdo it: the ideas represented in the visuals had to be clear and readable.<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">We had to find a balance between the vivid and dull UI. We could experiment and play with different typefaces and colors. The main thing was not to lose \ud83d\ude05<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our designers studied references and the client\u2019s wishes, viewed competitors\u2019 products, and collected mood boards for the design concept.<\/span><\/p>\n<div id=\"attachment_27974\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/13_11zon.png\"><img aria-describedby=\"caption-attachment-27974\" decoding=\"async\" class=\"size-full wp-image-27974\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/13_11zon.png\" alt=\"Our mood boards: we chose bold and bright combinations\" width=\"1584\" height=\"830\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/13_11zon.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/13_11zon-768x402.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/13_11zon-1536x805.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27974\" class=\"wp-caption-text\">Our mood boards: we chose bold and bright combinations<\/p><\/div>\n<p><span style=\"font-weight: 400;\">The client was open to our suggestions, but she had her own creative ideas. For example, she wanted us to use a mind-blowing combination of orange and purple, like in the references she had. Or rather \u2014 like in this picture, which \u2014 spoiler alert! \u2014 would become the basis for the entire style of the platform.<\/span><\/p>\n<div id=\"attachment_27975\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/14_11zon.png\"><img aria-describedby=\"caption-attachment-27975\" decoding=\"async\" class=\"size-full wp-image-27975\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/14_11zon.png\" alt=\"The key reference from the client\" width=\"1584\" height=\"1736\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/14_11zon.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/14_11zon-768x842.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/14_11zon-1402x1536.png 1402w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27975\" class=\"wp-caption-text\">Based on this sketch provided by the client, we invented graphic elements for the platform\u2019s UI<\/p><\/div>\n<p><span style=\"font-weight: 400;\">To be honest, our designers were a bit confused by how expressive the combination of purple and orange \u2014 nearly red \u2014 would be. So, our guys decided to search for other options \ud83d\ude42<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Initially, we suggested these colors \u2014 based on the fact that the competitors didn\u2019t use such combinations, which would help create a unique style.<\/span><\/p>\n<div id=\"attachment_27967\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/15-1.png\"><img aria-describedby=\"caption-attachment-27967\" decoding=\"async\" class=\"size-full wp-image-27967\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/15-1.png\" alt=\"Options for color palettes\" width=\"1584\" height=\"710\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/15-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/15-1-768x344.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/15-1-1536x688.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27967\" class=\"wp-caption-text\">You can see the client\u2019s favorite colors here too, but we decided to distribute them between different palettes<\/p><\/div>\n<p><span style=\"font-weight: 400;\">And\u2026 our options didn\u2019t meet the client\u2019s expectations. She wanted us to use something brighter. More precisely, she needed one specific combination \u2014 orange and purple \ud83d\udfe0\ud83d\udfe3 The client explained that, in her mind, she saw the platform in exactly these colors.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We agreed to use them and see what would happen in the end. We revised the colors for the design concept and suggested this palette:<\/span><\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/16-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-27968\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/16-1.png\" alt=\"The new color palette\" width=\"1584\" height=\"512\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/16-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/16-1-768x248.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/16-1-1536x496.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">In the design of the main screen, we used the reference \u2014 that very eye with a brain instead of a pupil \ud83d\udc41\ufe0f<\/span><\/p>\n<div id=\"attachment_27957\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/17_11zon.png\"><img aria-describedby=\"caption-attachment-27957\" decoding=\"async\" class=\"size-full wp-image-27957\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/17_11zon.png\" alt=\"We figure out what the screen will look like\" width=\"1584\" height=\"702\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/17_11zon.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/17_11zon-768x340.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/17_11zon-1536x681.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27957\" class=\"wp-caption-text\">We offered two options \u2014 psychedelic and psychedelic \ud83d\ude42 Guess which one the client liked the most?<\/p><\/div>\n<p><span style=\"font-weight: 400;\">The client chose the first variant \u2014 it was exactly what she needed! Such a bright and catchy design can attract the platform&#8217;s audience, which is not that easy to surprise with designer creatives. Also, the client suggested adding a little animation so that the drawn eyes would open and close\u2026 Then, we realized that it was time to give complete freedom to our imagination.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\n  <div class='universal__container'>\n\n  <picture class='universal__image-bg--mobile' >\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile.png'>\n<\/picture>\n    <div class='universal__title' style='font-size:px;'><b>Do you have a startup idea but no team to bring it to life?<\/b><\/div>\n    <div class='universal__text' style='font-size: px;'>We\u2019ll develop the first version of the product and help you launch it. Over 300 clients from different niches \u2014 from fintech to social networks \u2014 trusted us. Contact us and get a free project estimation<\/div>\n    <a  class='universal__btn' href='#footer' style='font-size: px;'><b>Get estimation<\/b><\/a>\n\n\n    <picture class='universal__image-bg'>\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop.png'>\n<\/picture>\n\n\n    <svg class='universal__bg--mobile' width='479' height='284' viewBox='0 0 479 284' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='81.5' cy='202.5' r='81.5' fill='#D4FE7C'\/>\n      <circle cx='405.5' cy='73.5' r='73.5' fill='#D4FE7C'\/>\n      <circle cx='363.321' cy='195.321' r='5.00801' stroke='#3D3BFF' stroke-width='0.626002'\/>\n      <circle cx='166.13' cy='127.13' r='2.81701' stroke='#3D3BFF' stroke-width='0.626002'\/>\n    <\/svg>\n\n    <svg class='universal__bg' width='432' height='668' viewBox='0 0 432 668' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='207.5' cy='460.5' r='207.5' fill='#D4FE7C'\/>\n      <circle cx='322' cy='110' r='110' fill='#D4FE7C'\/>\n      <circle cx='143' cy='151' r='4' fill='#3D3BFF' stroke='#3D3BFF' stroke-width='2'\/>\n    <\/svg>\n\n  <\/div>\n<\/span><\/p>\n<h2><strong>An insanely beautiful landing page &amp; a video with an all-seeing eye and a goose-man<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">This is the main screen design we made:<\/span><\/p>\n\n  <div class='wpv'>\n    <video autoplay='autoplay' loop='loop' muted='' width='640' height='480'>\n    <source src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/10\/Page.mp4' \/>\n    <\/video>\n  <\/div>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400; font-size: 14pt;\">Yes, they are alive and moving! We implemented the client\u2019s idea with animation: it turned out unusual and crazy \u2014 in a good way<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The visuals represent the key idea of the platform: all the achievements and progress are based on human intelligence and thought. The metaphor behind the project is intelligence that opens our eyes to new opportunities.<\/span><\/p>\n\n  <div class='wpv'>\n    <video autoplay='autoplay' loop='loop' muted='' width='640' height='480'>\n    <source src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/10\/buy-my-brains-case.mp4' \/>\n    <\/video>\n  <\/div>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400; font-size: 14pt;\">We used the same style for the \u201cAbout\u201d section \u2014 there, we explained the project\u2019s philosophy and values and introduced users to the platform\u2019s rules<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Apart from the text and bright visuals, the client wanted the \u201cAbout\u201d page to contain a short video that would explain the idea behind Buy My Brains and attract attention. The style had to match the landing page.<\/span><\/p>\n<h5 style=\"text-align: center;\"><b>She gave us two directions: it had to be either surreal trash, but without going over the top, or something about the universal mind and cosmic scale. Mix, but don\u2019t shake: all the metaphors must be clear to the uninitiated.<\/b><\/h5>\n<p><span style=\"font-weight: 400;\">We dove into creation, generating ideas of different degrees of weirdness. We wrote a few scenarios before we found our story \u2014 the story that revealed the platform\u2019s concept better than the others. The universal mind is closer to us than the trash, so the all-seeing eye is at the center of the story. Of course, it has the brain instead of the pupil \ud83d\ude42<\/span><\/p>\n<div id=\"attachment_27977\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/19_11zon.png\"><img aria-describedby=\"caption-attachment-27977\" decoding=\"async\" class=\"size-full wp-image-27977\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/19_11zon.png\" alt=\"The references for the video\" width=\"1584\" height=\"1514\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/19_11zon.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/19_11zon-768x734.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/19_11zon-1536x1468.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27977\" class=\"wp-caption-text\">These are the references that inspired our designers when they were working on the video<\/p><\/div>\n<div id=\"attachment_27978\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/20-1.png\"><img aria-describedby=\"caption-attachment-27978\" decoding=\"async\" class=\"size-full wp-image-27978\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/20-1.png\" alt=\"B&amp;W sketches of frames for the future video\" width=\"1584\" height=\"990\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/20-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/20-1-768x480.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/20-1-1536x960.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27978\" class=\"wp-caption-text\">B&amp;W sketches of frames for the future video<\/p><\/div>\n<p><span style=\"font-weight: 400;\">The static frames came to life when we made an animatic: a storyboard for the video without detailed visualization. It\u2019s a bit like a B&amp;W wireframe, where we determine the element layout for the UI.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The next step was to draw the frames in color. Here, we didn\u2019t skimp on the bright colors.<\/span><\/p>\n<div id=\"attachment_27976\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/21_11zon.png\"><img aria-describedby=\"caption-attachment-27976\" decoding=\"async\" class=\"size-full wp-image-27976\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/21_11zon.png\" alt=\"We draw the frames in color\" width=\"1584\" height=\"1370\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/21_11zon.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/21_11zon-768x664.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/21_11zon-1536x1328.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27976\" class=\"wp-caption-text\">We draw the frames in color<\/p><\/div>\n<p><span style=\"font-weight: 400;\">Check out what we did:<\/span><\/p>\n\n  <div class='wpv'>\n    <video autoplay='autoplay' loop='loop' muted='' width='640' height='480'>\n    <source src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/10\/buy-my-brains-case-1.mp4' \/>\n    <\/video>\n  <\/div>\n<p><span style=\"font-weight: 400;\">We wanted to represent the metaphor of transferring knowledge and experience from one person to another. The mascot literally absorbs the art of those around him, filling himself with new energy and inspiration.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Speaking of the mascot <\/span><b>\u2014 <\/b><span style=\"font-weight: 400;\">what do you think of this goose-man? He was invented by our designer, and the client loved him \u2014 he fit in the Buy My Brains aesthetics just perfectly. We also used it to design the \u201cAbout\u201d page.<\/span><\/p>\n<div id=\"attachment_27969\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/22-1.png\"><img aria-describedby=\"caption-attachment-27969\" decoding=\"async\" class=\"size-full wp-image-27969\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/22-1.png\" alt=\"The mascot of the platform\" width=\"1584\" height=\"794\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/22-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/22-1-768x385.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/11\/22-1-1536x770.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-27969\" class=\"wp-caption-text\">Tell the goose man what interests you<\/p><\/div>\n<p><span style=\"font-weight: 400;\">In the video, we played with the idea of the all-seeing eye and made a visual reference to the main page. The video itself can be used as an independent promo material.<\/span><\/p>\n<h5 style=\"text-align: center;\"><b>We found the balance between artistic freedom and the client\u2019s wishes, and together, we worked on the unusual aesthetics of the platform. And when it came to UI\/UX solutions, the client fully trusted our expertise.<\/b><\/h5>\n<h2><strong>Result: the client is searching for investors for the project<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">As a result, we got a bright and catchy project that totally met the client\u2019s expectations in terms of style and aesthetics. She wanted to see how her ideas and hypotheses could turn into a real, market-ready product \u2014 and we successfully fulfilled this task \u2728<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, let\u2019s discuss the down-to-earth aspects: we met the budget and deadline, as well as found a suitable variant for solving the client\u2019s business task. We submitted the finished website, and the client collected analytics on users and saw interest in the project. Now, she\u2019s looking for investors to launch a full-fledged platform.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Do you dream about launching your own digital product, but you don\u2019t know exactly how to do it and what is needed? We, Purrweb, are ready to help you. We will listen to you, study your request, and offer you a solution that will fit your budget and deadlines.<a href=\"#footer\"> Fill out the form<\/a> to contact us.<\/span><\/p>\n[wpim]","protected":false},"excerpt":{"rendered":"<p>Idea: a platform where creative people can sell the result of their intellectual work In the spring of 2023, we were contacted by a client who organized events, hung out in creative circles, and knows first-hand the pains of photographers, artists, and other people from the creative industry. One of these pains is that people [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":27956,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"yes","_lmt_disable":""},"categories":[153],"tags":[],"acf":[],"modified_by":"arina.sycheva","_links":{"self":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts\/27952"}],"collection":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/comments?post=27952"}],"version-history":[{"count":5,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts\/27952\/revisions"}],"predecessor-version":[{"id":27984,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts\/27952\/revisions\/27984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/media\/27956"}],"wp:attachment":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/media?parent=27952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/categories?post=27952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/tags?post=27952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}