About
I am a Creative Frontend Developer with a deep passion for crafting interactive and immersive web experiences. After earning my Master’s degree in Computer Science, I embarked on a self-taught journey into web development, driven by my dual passions for design and coding. I Worked with global clients from diverse fields: Health, Gaming, Web3, AR/VR and e-commerce.
Drawing from a robust foundation in HTML, CSS, and JavaScript, I bring expertise in modern web development. Proficient in ReactJS, Typescript and Next.js, I craft scalable and dynamic applications. Delving into the realm of design, I employ SASS for sleek styling and leverage WebGL libraries like Three.js and React Three Fiber to integrate captivating 3D elements seamlessly bring websites to life.
Proficient in animating interfaces using various libraries including Framer Motion and GSAP. Additionally, I have experience with Sanity CMS, having deployed it across multiple projects. Furthermore, I possess expertise in managing databases for data-driven solutions (Supabase), alongside setting up sites analytics for more insights.
Projects
Axolot Games is a Stockholm based agency to develop and publish finely-crafted, innovative interactive entertainment. And allowing the player to make the game experience fully their own.
Technologies: WebGL, Threejs, React Three Fiber, React Three Rapier (Physics), React JS, Nextjs, Sass, Framer Motion.
Responsibilities: In this project, my focus centered on crafting the company and careers pages. Particularly exciting was the development of the company page, featuring an immersive 3D physics scene. This dynamic environment showcased various models interacting with mouse movements and scroll events, complemented by a header logo that responds to user interaction.
Client: AxolotGames
Agency: 14islands
Krepling is a high-growth eCommerce company shaping the future of online stores, complete with integrations tailored for merchant's workflows.
Technologies: Sanity, React JS, Nextjs, Sass, Framer Motion.
Responsibilities: This site was constructed with components adaptable to Sanity CMS. Within our development team, I took part in crafting certain components, designing their fundamental appearance , integrating them with Sanity, and adding animations using SASS and Framer Motion.
While you're adept at crafting impressive projects for others, why not channel that same creativity into your own endeavors. I was honored to collaborate on building the 14islands studio new website (version 4 - 2023). The site contains many WebGL wizardry here and there despite the minimalist style of the design.
Technologies: WebGL, Threejs, React Three Fiber, React JS, Nextjs, Sass, Sanity, Framer Motion.
Responsibilities: In this project, my primary responsibilities included implementing the ripples effect using WebGL, as well as developing frontend components and integrating them with Sanity CMS on the backend. Additionally, I designed and built the generic pages template, and I configured the site analytics to provide valuable insights.
Agency: 14islands
GOALS is a fast-paced, competitive, and cooperative football game for players of all abilities and backgrounds. In this project we had two output sites from one input monorepo. The first site is the game site, and the second is the studio site. Both sites won multiple awards and received significant recognitions.
Technologies: WebGL, Threejs, React Three Fiber, React JS, Nextjs, Sass, Sanity, Framer Motion.
Responsibilities: In this project, I developed components featuring immersive 3D scenes with floating models that respond to scroll events. Additionally, I crafted frontend components and facilitated their integration with Sanity CMS on the backend. Furthermore, I established site analytics to monitor performance and user engagement.
Engaged in an in-house initiative at 14islands. Cool and creative landing page for a fake hardware product to keep your crypto safe. Started with a realistic vibe at the top, then got progressively more ridiculous as you scrolled down.
Technologies: WebGL, Threejs, React Three Fiber, React JS, Sass, Framer Motion.
Responsibilities: This project was incredibly exciting as it delved deeply into WebGL. I gained valuable insights, from refining models in Blender to optimizing and polishing 3D scenes in the browser. Throughout the project, I collaborated on the journey of 3D models across various states of the site, integrating them seamlessly with HTML components to enhance the overall experience. And to crown it all I crafted the crystal explosion featured at the end of the site.
Agency: 14islands
Creating a developer portal for the XR developer community, that's viewable on desktop, mobile and VR/AR devices.
Technologies: WebGL, Threejs, React Three Fiber, WebXR, React JS, GLSL shaders, Tailwind CSS.
Responsibilities: My role in this project focused on the creation of a section featuring flat 2D models initially resembling images. Upon hovering over these areas, I implemented an engaging transformation, adding a captivating third dimension with smooth rotational motion. Furthermore, I contributed to the project by building frontend components, utilizing Tailwind CSS to enhance design flexibility and efficiency.
Neko is a health tech startup on a mission to make proactive healthcare available for all. They offer full-body scans and human-friendly diagnoses at their health clinics.
Technologies: WebGL, Threejs, React Three Fiber, React JS, Nextjs, Sass, Sanity, Framer Motion.
Responsibilities: For this project, I was tasked with developing WebGL scenes showcasing dynamic particles and intricate 3D model shapes. Alongside this, I took part in the implementation of frontend components, seamlessly connecting them with Sanity CMS on the backend. Furthermore, I was responsible for setting up site analytics to monitor performance and user engagement.
Client: Neko Health AB
Agency: 14islands
Blobmixer is a toy for creating 3D art. It allows users to generate WebGL-based blobs based on multiple parameters that impact shape, material, and lighting.
Technologies: WebGL, Threejs, React JS, Nextjs, Framer Motion, Vercel.
Responsibilities: In this project I worked on the user flow to customise a blob , then mint it to own it as an NFT. Using usual tech stack (ReactJS, Sass, Framer Motion). It was interesting to get more into the Web3 world as it was very trendy by then.
Agency: 14islands
Side Projects
I spent a couple of weeks building my personal portfolio site that I designed myself by gathering ideas and inspirations from here and there. I tried to make it simple but also spiced it a bit with some WebGL.
I have created a website where I showcase some of my most innovative experiments/hacks I'm proud of!
Helped an e-commerce site owner take their website's user experience to the next level with a captivating 3D car show scene. Here's my contribution to the project!
Writing
A WebGL experiment that explores two visual effects: a texture transition on a 3D can model and a procedural radial noise field.
Introducing how we used to set up website analytics at 14islands with the new powerful tools Google Analytics 4 and Google Tag Manager, which are the recommended ways to use by the Google Support team.
Awards
Rewarded to 14islands for multiple websites:
Rewarded to 14islands for multiple websites:
Rewarded to 14islands for multiple websites:
Work Experience
After my journey at 14islands studio came into an end, I decided to get into Freelancing world again but this time with more experience and soft & hard skills. It's also a great opportunity to gain more skills by getting in touch directly with clients and get more responsibilities.
Creative developer role at creative studio 14islands. Working together with talented developers and design masters to create visually stunning and user-friendly websites that enhance brand identity.
Throughout my period on freelancing platforms, I gained a lot of experience in problem solving and communicating, either by building web applications from scratch, or maintaining bugs on already existing projects.