{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/83ybKfbFv4RXoFjvbElt/0TXd1UnoVmvgmqbAS8yj/t6qoYgj5k.js"],
  "sourcesContent": ["import { jsx as e, jsxs as t } from \"react/jsx-runtime\";\nimport { addPropertyControls as n, ControlType as r } from \"framer\";\nimport * as a from \"react\";\nlet s = \"I2vdOVzBb\",\n  i = \"cz1ryHsWv\",\n  o = \"ySlBcgCUX\",\n  l = \"WwlBQI0PU\",\n  h = \"qYGDB8kp8\",\n  c = \"NsmlZ4IWE\",\n  d = \"jSdjtIQeY\",\n  p = \"uoA10Vm72\",\n  m = (e, t) => {\n    if (e && \"object\" == typeof e) return {\n      ...e,\n      alt: t\n    };\n  },\n  g = [{\n    id: \"SWZ88UIxK\",\n    [s]: \"AnimeKingdom\",\n    [i]: /*#__PURE__*/e(a.Fragment, {\n      children: /*#__PURE__*/e(\"p\", {\n        children: \"From design to development: how created a competitive anime watching platform\"\n      })\n    }),\n    [o]: /*#__PURE__*/t(a.Fragment, {\n      children: [/*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"strong\", {\n          children: \"Research\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"Before we begin designing any project, we first try to understand what the client wants. With this design specifically, our client asked us to design and develop a platform to offer users to watch anime shows. \"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"Our client wanted us to specifically make a platform that will make users from other platforms such as Crunchyroll.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"We then go ahead and use that information to research what the user wants, what the user likes, and what they dislike.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"br\", {\n          className: \"trailing-break\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"br\", {\n          className: \"trailing-break\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"strong\", {\n          children: \"Result\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"A platform that allows the user to watch their favorite anime, with the ability to save exactly where the user stopped the show and a community under every anime episode so the user can share their experience.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"We also made sure that the UX along side the UI is easy to use, and not too overwhelming. Due to the nature of content, such as anime, listing a lot of shows can be quite overwhelming for the user. \"\n      }), /*#__PURE__*/t(\"p\", {\n        children: [\"We solved this issue by greeting the user with a hero section that involves only the most popular anime's right now, and if the user wants to see more, they can scroll down to view upcoming shows, episodes, and even the shows that they're watching right now.\", /*#__PURE__*/e(\"br\", {}), /*#__PURE__*/e(\"br\", {\n          className: \"trailing-break\"\n        })]\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"We then went ahead and developed both the frontend and backend of the platform. Using frontend technologies like NextJS for excellent performance, as well as best performing SEO possibilities. \"\n      }), /*#__PURE__*/e(\"p\", {\n        children: 'And lastly for the backend, we used Fastify. A mature backend framework that offers async functionality, which allows for excellent speed without any \"buffering\".'\n      })]\n    }),\n    [l]: m({\n      src: \"https://framerusercontent.com/images/Y4XiQCtIYeJ1DB06TI95ikO3u6M.png\",\n      srcSet: \"https://framerusercontent.com/images/Y4XiQCtIYeJ1DB06TI95ikO3u6M.png?scale-down-to=512 512w, https://framerusercontent.com/images/Y4XiQCtIYeJ1DB06TI95ikO3u6M.png?scale-down-to=1024 1024w, https://framerusercontent.com/images/Y4XiQCtIYeJ1DB06TI95ikO3u6M.png 1600w\"\n    }, \"AnimeKingdom mockups\"),\n    [h]: \"animekingdom\",\n    [d]: \"10 December 2022\",\n    [p]: {\n      pathVariables: {\n        qYGDB8kp8: \"animekingdom\"\n      },\n      webPageId: \"C7_tUS8ds\"\n    }\n  }, {\n    id: \"A3z0QrTWd\",\n    [s]: \"AneliMonsteR\",\n    [i]: /*#__PURE__*/e(a.Fragment, {\n      children: /*#__PURE__*/e(\"p\", {\n        children: \"Design to Framer: AneliMonsteR shined in the monster dolls community\"\n      })\n    }),\n    [o]: /*#__PURE__*/t(a.Fragment, {\n      children: [/*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"strong\", {\n          children: \"Research\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"Before we begin designing any project, we first try to understand what the client wants. With this design specifically, our client wanted a platform for their Monster doll fans. \"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"Despite Monster dolls being a totally new field for us, we were able to do thorough and enough research to understand what the client wants and what the users want.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"br\", {\n          className: \"trailing-break\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"br\", {\n          className: \"trailing-break\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"strong\", {\n          children: \"Result\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"A successful selling and introductory landing page to convert the fans from a curious fan, to a community member. \"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"We were able to combine the same fonts that are used in Monster dolls as well as easy on the eyes colors for the users to have a great user experience in navigating the website.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"After designing the pages on Figma, and getting approval from our client, we then started developing the pages in Framer (in progress). So far, the project has been quite successful and the client loves how the website is responsive on all devices.\"\n      })]\n    }),\n    [l]: m({\n      src: \"https://framerusercontent.com/images/zd2MNLpfqAyPQoqhQD0t0P6c.png\",\n      srcSet: \"https://framerusercontent.com/images/zd2MNLpfqAyPQoqhQD0t0P6c.png?scale-down-to=512 512w, https://framerusercontent.com/images/zd2MNLpfqAyPQoqhQD0t0P6c.png?scale-down-to=1024 1024w, https://framerusercontent.com/images/zd2MNLpfqAyPQoqhQD0t0P6c.png 1600w\"\n    }, \"AneliMonsteR mockups\"),\n    [h]: \"anelimonster\",\n    [c]: \"https://anelimonster.com/\",\n    [d]: \"5 September 2023\",\n    [p]: {\n      pathVariables: {\n        qYGDB8kp8: \"anelimonster\"\n      },\n      webPageId: \"C7_tUS8ds\"\n    }\n  }, {\n    id: \"mbQqtPi6m\",\n    [s]: \"Karoonschoon\",\n    [i]: /*#__PURE__*/e(a.Fragment, {\n      children: /*#__PURE__*/e(\"p\", {\n        children: \"How a new business was able to compete with enterprises with a new landing page\"\n      })\n    }),\n    [o]: /*#__PURE__*/t(a.Fragment, {\n      children: [/*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"strong\", {\n          children: \"Research\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"Before we begin designing any project, we first try to understand what the client wants. At first, the client did not know entirely what they wanted, or how the website should look like. They just told us their budget and that they wanted a website created for their cleaning business.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"After doing thorough research with competitors in this field, and in combination with their budget, we suggested the design and development of a landing page.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"br\", {\n          className: \"trailing-break\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"br\", {\n          className: \"trailing-break\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: /*#__PURE__*/e(\"strong\", {\n          children: \"Result\"\n        })\n      }), /*#__PURE__*/e(\"p\", {\n        children: 'A beautiful and well-selling landing page that catches the eye. With the colors of blue, we wanted to combine \"water\" as in clean, and trust in the user.'\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"We have also incorporated a contact us form, that uses our own hosting services to power the receive and sending part of the forms.\"\n      }), /*#__PURE__*/e(\"p\", {\n        children: \"HTML was used to develop the website, along side TailwindCSS.\"\n      })]\n    }),\n    [l]: m({\n      src: \"https://framerusercontent.com/images/rOlqQUaynfBBOjgxwN2CjLQg0.png\",\n      srcSet: \"https://framerusercontent.com/images/rOlqQUaynfBBOjgxwN2CjLQg0.png?scale-down-to=512 512w, https://framerusercontent.com/images/rOlqQUaynfBBOjgxwN2CjLQg0.png?scale-down-to=1024 1024w, https://framerusercontent.com/images/rOlqQUaynfBBOjgxwN2CjLQg0.png 1600w\"\n    }, \"Karoonschoon mockups\"),\n    [h]: \"karoonschoon\",\n    [c]: \"https://karoonschoon.nl/\",\n    [d]: \"25 May 2023\",\n    [p]: {\n      pathVariables: {\n        qYGDB8kp8: \"karoonschoon\"\n      },\n      webPageId: \"C7_tUS8ds\"\n    }\n  }];\nfor (let e of g) Object.freeze(e);\nn(g, {\n  I2vdOVzBb: {\n    defaultValue: \"\",\n    placeholder: \"\",\n    title: \"Title\",\n    type: r.String\n  },\n  cz1ryHsWv: {\n    defaultValue: \"\",\n    title: \"Short description\",\n    type: r.RichText\n  },\n  ySlBcgCUX: {\n    defaultValue: \"\",\n    title: \"Long description\",\n    type: r.RichText\n  },\n  WwlBQI0PU: {\n    __defaultAssetReference: \"data:framer/asset-reference,Vz6WZsnZDAwehPE7OfnNA3OPE.png?originalFilename=Frame+2.png&preferredSize=auto\",\n    title: \"Image\",\n    type: r.ResponsiveImage\n  },\n  qYGDB8kp8: {\n    title: \"Slug\",\n    type: r.String\n  },\n  NsmlZ4IWE: {\n    title: \"Link\",\n    type: r.Link\n  },\n  jSdjtIQeY: {\n    defaultValue: \"\",\n    placeholder: \"\",\n    title: \"Date\",\n    type: r.String\n  },\n  uoA10Vm72: {\n    title: \"Page link\",\n    type: r.Link\n  }\n}), g.displayName = \"projects\";\nexport default g;\nexport const enumToDisplayNameFunctions = {};\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"enumToDisplayNameFunctions\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"data\",\n      \"name\": \"data\",\n      \"annotations\": {\n        \"framerEnumToDisplayNameUtils\": \"2\",\n        \"framerRecordIdKey\": \"id\",\n        \"framerContractVersion\": \"1\",\n        \"framerSlug\": \"qYGDB8kp8\",\n        \"framerData\": \"\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};"],
  "mappings": "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",
  "names": ["s", "i", "o", "l", "h", "c", "e", "t", "g", "p", "x", "u", "addPropertyControls", "ControlType", "t6qoYgj5k_default", "enumToDisplayNameFunctions", "__FramerMetadata__"]
}