Search Results

Your name Hanna Wäger | www.hannawaeger.com Your creative role Web-designer & Developer Website Link  https://www.almost-pearfect.com/homeen/ Tell us a bit about yourself, your role, and how you found your way to a creative career I am Hanna Wäger, an Austrian multidisciplinary designer working at the intersection of graphic design, photography, and film. I seek to create images that combine the explicit with the implicit, while aiming for a vivid and clear visual language After graduating from Willem de Kooning Academy (Rotterdam, Netherlands), I started my own practice. Although I sort of stumbled into building my own company, I quickly came to realise how underrepresented women are in this industry. I want to see a change in leadership in creative studios and I want to be part of this change. I want to show the women around me that they can lead too. Growing up in a family of artists, architects and designers, I have been fascinated by culture and imagery from early on. To be honest, I have never really considered another path than a creative career. I know I want to tell stories in one form or another for the rest of my life. There is no Plan B. How did this project come about, how did you start working with this brand, was it just the website you created for them, how long did it take I was approached by the amazing Zunder Studio in Linz (Austria) to develop the website for Almost Pearfect. They had already created a strong visual language for the brand and were looking to extend it into a digital format. Through a great collaboration and a lot of creative freedom, the whole process only took a couple of months. What was the main inspiration - visual or thematic - that guided you in the process of this website? The branding and website is everything you don’t expect from a small, family owned natural cider company. Paired with the Photography from Kurt Bauer, it plays with the idea of being “almost pearfect“. I wanted to give this imagery a stage and include lots of motion on the website. Branding and web: Were you the one who created the brand design as well, or were there already branding assets to work with? What were the leading principles in implementing the brand experience within the digital design and web experience?  In this project, the branding wasn’t my task. Zunder Studio had already created a vibrant visual world for Almost Pearfect. Which has also been recently nominated for the ADC*E Awards. My job was to bring that world online and turn it into a seamless, functional web experience. As a brand designer myself, I understand how important it is to translate the essence of a brand across every medium. With that in mind, my focus was to make the website interactive, bold, and fun. Meanwhile, keeping a close collaboration with the designers at Zunder. Share any tech details, special tools or web-design features you included, or any behind-the-scenes information For this website, I used Readymag as the web-building tool. Given the budget and time restrictions, it was an easy and natural choice. It’s a platform that allows for fast, flexible development and also gives the client the ability to update content easily. Walk us through the design process of the product page It was important to showcase the story behind the drinks and the people behind the company on the landing page, before guiding customers to the shop. This was also a good opportunity to establish a look and feel for the brand. What are the main challenges specific to designing an E-comm website? The goal was to translate the playful brand into an interface that still felt intuitive. That meant keeping the navigation, product presentation, and overall flow simple, fast, and frictionless. Although we didn’t include a fully functioning shop within the website itself, we linked the site to a third-party shop system, which worked perfectly for the needs of this project. Thank you Hanna !

PixelPerfect is a series dedicated to creatives who thrive on the intersection of design and technology. Hosting individuals from across different disciplines, we will get to know their process, tools, and inspiration.  Our guest today is designer and illustrator Yarin Ben-Hamo .  How would you describe your role? In a nutshell, a website designer. It’s a very fluid role because you need to wear so many different hats as you navigate different clients, trying to nail your response to match their taste without compromising your design. I’m also an illustrator and I manage to combine it in my work, especially in branding.   What are your favourite tools, apps or software you use on a daily basis? Obviously I spend most of my working time on Figma, but I’m still heavily reliant on Photoshop and Illustrator, as they are my main tools for illustration and image-making.  I also try to incorporate code and mainly use P5JS.   ChatGPT is a very good friend, helping with everything around written content. I’ll sometimes use it as an image-generator, whenever I just need a reference point.  Which interest or passion came first - design or the technology behind it? I believe design is the most important thing. At the end of the day, tools were created to serve design - in order to make the final product better, visually more appealing, and having better user experience.  As the years go by, the gap between designers and the tools they use is closing, and we can use basic human abilities, such as conversational prompts, in order to get to our desired outcome.   When you start working on a new project or brief, what guides you first - technical scope or visual inspiration? The first thing that happens when you start working with a new client is that a whole new industry opens up. Whether it’s architecture or hospitality, you discover so much just from research and scrolling through websites of that specific business.  I then immerse myself in the visual universe of the brief and try to study it as best as I can. The size of the project doesn’t really make a difference.  What’s your advice for a designer who wants to dip their toes in the coding world? Code is another tool, and for me that’s the best way to approach it. The world around us keeps moving forward, offering more tools that have the potential to assist and help with our learning process. Using ChatGPT can generate a whole code for you or help you with fixing an existing one.  Of course having some baseline of knowledge in code will dramatically impact the level of your work, because you’ll have a deeper understanding of the structure and mechanism of what’s possible and a better way of realizing why things don’t work for example.  What is the single most important benefit of being a designer who also understands code? Very similar to design, code is also a set of rules and guidelines. Understanding code can help you build better design systems - smart and efficient ones with its own parameters and values.   Do you still use a sketch book or digital only tools? No code will ever replace the feeling of pen touching paper. I fill my sketchbooks religiously and buy them on a weekly basis, and I see the number of visitors in the arts and craft store, and so I don’t see this as something that’s under a threat of going anywhere.  Of course I also use Photoshop in my illustrations. While it offers an enormous spectrum of possibilities, physical sketches will almost always be better, as they provide a free environment for exploration and less attachment to the results.  How do you stay inspired and up to date with design tools and developments? I follow a lot of design influencers. I basically only use social media for following professional and inspirational content in the design industry. When I see something I like I try to explore how it was created.  Sometimes I think this massive exposure to online content can make designers, especially those starting out, feel insecure and out of the loop. I’d say the best you can do is find your own voice and personal style. At the end of the day that will be the thing that distinguishes you from the rest.  Share a link to a website/ online project you admire and explain why, on both visual and technological terms.  I have no idea how this restaurant  ended up with such a magical website, but I like to imagine that if my father had a dining business this is exactly how I would approach it.  A spectacular browsing experience: from the colors and sound to the imagemaking and illustrations, this brilliant design is an inspiration to any project.  Thank you Yarin!

Website Link  https://joiedooi.com/ Tell us a bit about yourself, your role, and how you found your way to a creative career I’m Joie Minsoo Kim, a storytelling graphic designer based in London. I started with Visual Communication, which gave me a lot of freedom to experiment with various media. My interest has never been limited to a specific aspect in the realms of visual design, but rather a blend of multiple things like film, typography, web, print, and so much more. These interests shifted with time, but the core of it was always storytelling. The intriguing visuals meant nothing to me unless they had a story to tell. This interest, rooted in storytelling, grew into the study of fictional aspects of our lives. How we as humans consume stories sprinkled with fiction to make sense of the world we live in. So, as a graphic designer, I create visuals to suggest a narrative of the world I see. When did you work on your online portfolio, how long did it take My portfolio website has existed since 2019, but this particular design was built roughly around two years ago. I usually take time to design the final outcome with other projects, but with this design, I just started with only the personal branding elements. I have been tweaking the website from time to time, but I think it took me about two to three weeks to finally publish it. Was there a main inspiration - visual or thematic - that guided you in the process of your portfolio design? Please elaborate As you can see on my website, most of the projects there are my personal projects. As funny as it sounds, I  considered my website a tiny universe I shoved into a drawer. I wanted it to feel intimate and delicate, like aged pages of a novel. It has celestial animations and masked video working as a window to peek inside. The website as a whole works as the viewer rummaging through a file cabinet. It has various tags to navigate between projects and little footnotes to explain each visual element within. There are bits and pieces that explain about me, and it is more personal than professional. The ironic mix of practicality and amusement on my website is telling of who I am. I’ve mentioned how I had no concrete visuals for the final outcome before I started. This website is built on HTML, CSS, and JavaScript code. So most of the time when I was building this website, I was staring at the black screen filled with code. The process of building this website was far from graphic design. However, I do think that this specific process allowed me to fully understand what goes on in my head. Share a few words about how you approached the idea of personal branding when creating your portfolio  There’s this old Korean folktale about a young brother and sister who were being chased by a tiger. The sky let down a rope to save the children, and they became the sun and the moon. The younger sister feared the dark, so the brother turned into the moon so the sister could be the sun. I grew up with these stories that explain how the world works. These stories exist in all cultures, sometimes in the name of myth and religion. I incorporated this specific story into my logo design. The motif of the sun and the moon is the representation of the storytelling I pursue through design. The familiarity and the security of a bedtime story were what I wanted people to see in my personal brand. Share any tech details, special tools or web-design features you included, or any behind-the-scenes information The original website was fully coded, but I changed it at the last minute to a WordPress website for convenience. However, many CSS and JavaScript codes make this website what it is. Personally, I love the planetary animations on the landing page. Little animation that isn’t so distracting, but still maintains a movement to make the website feel alive. The outline animation of the project category also adds to that sense of motion. Walk us through the design process of the project page For the project pages, I made the decision to split the screen into two sections. Each section for texts and images. The description text has a footnote that connects to the corresponding images and short captions. This layout allows people to choose what to see and read at their own time. The website gives the information, but how to digest that information is different for each person. Some can start by viewing all the images first, or with text. Or some can jump between text and images. It is a digital platform, but the layout itself has that sense of choice you get from an analogue experience. This layout does make the overall images on my website smaller. I don’t think of this as a downside. Instead of filling the screen with gigantic images, bite-sized images are less intimidating. I like the friendliness that small images offer in my project pages. How did you curate the chosen projects for your portfolio This website is mostly curated with my personal projects. The ones that don’t have a big platform to share with the public. The projects with the quiet voices. These projects were mostly worked on between client works and had no proper audience. Despite that, these are the projects that I use to push the boundaries of my work. Some are not the most exciting projects to look at, but they are the ones that shape how I think and make. What web-design project are you working on currently? I am currently working on creating a modern version of a cabinet of curiosities in the digital realm. There’s a long way to go, but it’s part of the ongoing research of fictional tactile experience. What I’m pushing in my current projects is finding the balance between the digital and analogue. I cannot share much at this stage, but it will be an exciting challenge for me to tackle. Thank you Joie !

Your name Thomas Hervé Link to concept website https://waterworksproject.nl/en Your creative role and link to your own portfolio website Art Director & Designer — https://www.hervethomas.com Instagram: @thomasherve_studio 1 / Tell us a bit about yourself, your role, and how you found your way to a creative career My name is Thomas Hervé, I’m a Parisian Art director and Designer. After a BA in visual communication a while ago at ECAL(CH) I established myself back in Paris to run my art direction and graphic design studio where I also co-founded HTTB.EU  together with Tristan Bagot. Through these two structures and the support of various collaborators, I solve problems within the field of visual communication.

 Over the past few years, websites have become a major focus in my work. Designing, consulting and collaborating with an international clientele across a wide range of sectors, predominantly within image, fashion, and art-related industries. Occasionally, I’m lucky to take part in teaching during workshops, jury sessions and talks for fashion and design schools such as ECAL (CH), Penninghen (FR), and IFM FR).
 2 / Please explain the concept of the site in a few words Waterworks blends ambient soundtracks along with presenting from over 50 Dutch waterworks developed across Japan during the Meiji era when the Japanese government invited Dutch hydraulic engineers “watermannen“ to help improve Japan’s water infrastructure.  The Waterworks site acts as both an interactive archive and catalog base that showcases geographically these engineers structures in geographical contexts. A digital exhibition space where visitors can explore fluidly between soundtracks and spots.  3 / What led you to create this website — was it a personal project, collaboration, or commission? This commissioned project is the initiative of dutch music label Field Records run by Arjan Rietveld & Sebastien Robert, with the first goal of being presented under the dutch pavillon at EXPO 2025 Osaka, Kansai, Japan.  4 / What was the main inspiration — visual or thematic — that guided you in the process of this website? Thematically, the inspiration is obvioulsy water itself: fluidity, interconnectedness, and movement.  Visually, it is a tangible sense of place. The goal was to create an experience that feels immersive, both intuitive and engaging to explore with the help of a floating transparent UI to maximise the map’s visibility and discovering content in a non-linear way.

 5 / Share any tech details, special tools or web-design features you included, or any behind-the-scenes information The website was developed in collaboration with Arvin Leeuwis, who handled the technical development. It was built with custom code and tailored CMS. The interactive map was build with fully customised theme.  Thomas kindly shared with us a screenshot of his Figma board 6 / Walk us through the design process of the map
 The site is primarily driven by the map as main layer. Its design evolved through constant dialogue with the team. The biggest challenge was determining how far we could reduce textual and topographic informations, to explore how abstract the map could become without losing meaning while pushing it toward something more abstract.
  Map design iterations 7 / What role does music play in the website? How did you approach the decision-making around this feature?
 Sound was an essential part of the brief from the start, from the label’s initial concept. Websites that use sound can be challenging both due to browser restrictions and because users generally don’t like unexpected audio. In this case, though, the ambient tracks feel completely natural, enhancing the experience and inviting you to keep listening. It shapes the atmosphere of the site and connects the different locations. The records themselves, through their ambient quality, define the overall rhythm and tone of the experience. 8 / What web-design project are you working on currently? Currently working on few exiting E-commerces of various scale, for both existing and emerging brands. Along with some showcases sites for talents and production agencies, a big museum website and an artist, a photographer and a director portfolios.  Thank you Thomas !

Your name Dominic Jacob Your creative role Founder / Creative Director Website Link  https://www.sneakinpeace.com/ Tell us a bit about yourself, your role, and how you found your way to a creative career I began my career in luxury e-commerce, initially on product photography, which gave me a strong eye for detail and aesthetics. Over time, my passion for visual storytelling naturally led me to web design, where I could combine creativity with technical skills to craft engaging online experiences. I also freelanced during this journey, gaining diverse projects that honed my design abilities and client collaboration. More recently, I co-founded a design agency, Not Studio ( www.not.studio ), blending my experience in luxury branding with cutting-edge web design. How did this project come about, how did you start working with this brand, was it just the website you created for them, how long did it take This project started as a side initiative during the Covid period when I was looking for a creative outlet. I launched Sneak in Peace because, while there were many sneaker affiliate sites, none really focused on the niche of luxury sneakers. My goal was to create a platform that prioritized design and user experience over immediate revenue. Although the project is always evolving, especially with additions like Sneak TV streaming, the initial website took about three months to build. Since then, we’ve been fortunate to work directly with some of the biggest luxury brands, including Gucci, McQueen, and Loewe, as well as renowned stores like Mr Porter, Net-a-Porter, and Ssense. What was the main inspiration - visual or thematic - that guided you in the process of this website? The inspiration behind the website evolved gradually through small, thoughtful iterations. Initially, the core idea was to create a dynamic, constantly updated “wall of sneakers” that sneaker enthusiasts could explore effortlessly. Over time, we integrated Sneak TV, our white-label live streaming technology, to highlight exceptional fashion films that often get lost online. This addition was driven by our desire to combat short attention spans typical of platforms like TikTok by offering engaging live video entertainment. Ultimately, the site became a unique fusion of video editorial content and shopping, providing a richer, more immersive experience for users. Branding and web: Were you the one who created the brand design as well, or were there already branding assets to work with? What were the leading principles in implementing the brand experience within the digital design and web experience?  I was primarily responsible for the site and overall design, bringing the brand vision to life with a focus on simplicity and elegance. For some of the more complex technical features, I collaborated with friends—most notably, the Sneak TV live streaming was developed alongside a former BBC iPlayer andMixcloud engineer, who brought invaluable expertise in streaming technology. In terms of branding, we intentionally keep the design minimalistic to let the luxury sneaker brands themselves take center stage. Our goal was to create a subtle yet sophisticated digital experience that supports and enhances the product storytelling without overwhelming it. Share any tech details, special tools or web-design features you included, or any behind-the-scenes information Technically, every page on the site is almost entirely custom-built, initially using the Shopify Debut theme as a foundation. We employed various “smoke and mirrors” techniques behind the scenes to ensure the site feels much snappier and more responsive than typical Shopify builds. The homepage features our bespoke Sneak TV video streaming, which is built completely in-house. This live streaming component is a work in progress, with ongoing development focused on expanding video shopping features to create a seamless blend of entertainment and e-commerce. Walk us through the design process of the product page Since new visitors often land directly on product pages, our priority was to make these pages as clean, fast, and easy to navigate as possible. SEO played a significant role in shaping the design to ensure strong search visibility. Multi-currency support was essential for our international audience, so we invested considerable thought into presenting currency options clearly and intuitively. Additionally, product images are maintained at pristine quality to ensure a consistent and polished look across the entire site, reinforcing the luxury feel. What are the main challenges specific to designing an E-comm website? One of the main challenges in designing an e-commerce website is resisting the temptation to overload it with too many features. We focused on stripping the design back to its essentials to create a fast, enjoyable experience that users want to visit every day. Balancing functionality with simplicity is key to keeping the site both engaging and user-friendly. Thank you Dominic !

PixelPerfect is a series dedicated to creatives who thrive on the intersection of design and technology. Hosting individuals from across different disciplines, we will get to know their process, tools, and inspiration.  Our first guest is designer, illustrator & video game designer Hassan Kittany  who also works at the Wix.com  Design Guild: How would you describe your role? I’m a designer on the WOW! team. My role ranges from doing research for new products we’re developing, to creating content for these products, to testing, helping design, defining, and tweaking them. What are your favourite tools, apps or software you use on a daily basis? Aside from the AI stuff that comes out every other day (which I try my best to keep up with): For brainstorming, I’ve been using FigJam a lot lately. It’s where I write all my notes, save references, and do most of my thinking for my Senior Thesis. But beyond that, it’s my favorite place to start a project from.For collecting and organizing INSPO, I've been using are.na  a lot, something about how it works feels nice, every new reference you find, feels like a gem you discovered.And for any thought that pops into my head, I use the good ol’ Notes app. It’s easy, straightforward, and it works seamlessly across both my phone and my laptop. Which interest or passion came first - design or the technology behind it? I’d say design, I started drawing before I was even two years old. But there was always a technological orientation to it. I have drawings (and full sketchbooks) from as early as 9 years old where I drew and “designed” imaginary smartphone lineups and invented fictional brands for them. I drew screens for made-up mobile games I imagined. I was obsessed with this stuff for a while (part of it was due to my dad owning an iphone 3G when it came out, it was the first smartphone we had, which blew me away). But all those tech "fascinations" ultimately stemmed from a desire to create and be creative. When you start working on a new project or brief, what guides you first - technical scope or visual inspiration? As a designer, I never start with the technical scope. I usually begin with an idea (even if it’s unrealistic) and then shrink it down to fit my technical limits (whether that’s time or knowledge). I try to figure out how to implement the “out of scope” parts through creative solutions. That’s not to say technical scope isn’t important, but if you start out with thinking about limitations, the idea probably won’t turn out so creative. That being said, sometimes I like to flip this idea on its head, and start from a technical feature. Sometimes I’ll code something without thinking too much about it, or I’ll see a video showing a cool thing you can do with code. I’ll play with that, and discover that I can iterate on this and create more with it, from there, a new project guideline starts to take shape. It's like doodling in my sketchbook and turning one of the sketches into a fleshed out drawing. What’s your advice for a designer who wants to dip their toes in the coding world? Start with very simple programs. It’s okay if they don’t look good or seem impressive at first. Allow yourself to learn and understand this whole new language. Start small, with very simple programs, then build on that, and over time, you’ll find yourself doing more complex things naturally. I highly recommend starting with p5.js  - it’s super popular for creative coding (a lot of the creative coding projects you see online use it). Pick up a tutorial on YouTube and follow along step by step till you get the feel of it. you can then tweak things and, with time, you’ll feel confident enough to start from scratch on your own. I recommend The Coding Train  - he has a wide range of tutorials, they are well explained and fun to watch.. I also recommend the channel Emergent Garden  - he doesn’t do tutorials, but he does really interesting creative projects through code, his videos are very inspiring and show you what’s possible with this medium. What is the single most important benefit of being a designer who also understands code? First off, in my eyes, code is a tool to create stuff with, and knowing more tools means you can create more things, which is good. But in real-world scenarios, understanding code (even slightly) goes a long way in working on collaborative projects that consist of both designers and programmers. It helps bridge the communication gap. When you understand how a programmer thinks or talks, you can better convey what you want. It also lets you prototype your ideas faster and better. That's why I love all the new tools like Lovable, Figma Make, etc, they're essentially prototyping tools, but now instead of saying "Hey look at this idea I have" and it's a static Figma design, where I have to explain how it would theoretically work, I can now say "Hey look at this idea I have, and it actually kinda works and is interactive, let's make a real project out of it!". Do you still use a sketch book or digital only tools? Every day. I’ll never give up sketchbooks. It’s like a force of habit or even a form of meditation for me. I need that physical feel even when I’m working on the most digital stuff. Even if I’m not working on anything , I try to draw something in my sketchbook at least once a day. (Which explains the many  sketchbooks over the years.) How do you stay inspired and up to date with design tools and developments? I watch a lot  of YouTube - interviews, AI updates, research breakdowns - you name it. I’m always checking Twitter too. I also keep up with keynotes from big tech and design companies, and I like to watch interviews with designers I love. The channel  AI Explained  - is great for AI updates. Theo T3  & ThePrimeTime  -  are great for programming news. Aside from that, I let the algorithm do its thing. If you like or save one programming post, the chances are you’ll get two more next time you scroll. Like those, and boom! Your feed is now filled with posts about programming. Share a link to a website/ online project you admire and explain why, on both visual and technological terms.  One project I really love is  Refreshed by OpenAI . It’s actually a video, not a website, but it’s one of the most beautifully executed design showcases I’ve seen in a while. Visually, it’s pretty minimal and clean, but there’s SO MUCH personality in it. The typography, the pacing, the little micro-movements and animations, the immaculate sound design. It’s one of those pieces where everything feels intentional, but not overdone, as if this is how these design elements exist in nature. On the tech side, even though it's just a video, it still communicates a lot about how the system would behave interactively (Especially those first 20 seconds). The transitions, the logic of the layouts, the modularity of the components, all of it hints at a very robust, well-thought-out design system that could easily translate into code. It’s a great example of how design and technology can align conceptually, even when you’re not seeing the code itself. Thank you Hassan!

Website Link  https://luoooif.com/   Tell us a bit about yourself, your role, and how you found your way to a creative career I’m Yifei Luo — or Libby, if that's easier. I’m a multidisciplinary graphic designer and independent creative based in Melbourne/Naarm, originally from Shenzhen, China.  I started with a background in Communication Design, but instead of continuing down the same path for another two years, I decided to try something new — and completed a postgraduate degree in Design and Innovative Technology. That shift opened up more ways for me to think, make, and play. I now work across branding, print, illustration, web, and interaction design — mostly in the in-between spaces where emotion, play, and visuals collide.  Honestly, I think I’ve always been designing without knowing it — making clunky collages, drawing small cute doodles, sketching random ideas in my mind when I was a kid... Then it took me a while to realise that design could be a space to bring all those instincts together. That it didn’t need to be polished — just honest, curious, and maybe a little weird. When did you work on your online portfolio, how long did it take My personal website came together gradually over a few months earlier this year. Most of it was built in between some freelance work and personal projects — late at night, or whenever I felt like tweaking something. I kept revisiting layouts, adjusting interactions, and trying things out — there wasn’t a fixed timeline. I just kept experimenting, breaking it, and putting it back together until it finally felt like “me.” Was there a main inspiration - visual or thematic - that guided you in the process of your portfolio design? Please elaborate As I mentioned previously, coming from a multidisciplinary background opened up more ways for me to design and create, and also made me reflect on what kind of designer I want to be. This website isn’t just a portfolio; it also became a journey of self-discovery as a designer. When I’m designing for clients, I know how to shift styles depending on the brief, and I enjoy that process, but my personal website isn’t about that. If even my own site had to conform to market or viewers' expectations, there’d be nowhere left to fully express myself and that would feel like such a missed opportunity. Therefore, I wanted a space that was just mine — where I could express my design personality freely, and create something a bit messier, weirder, more “me.” So I approached the website as a kind of personal playground — a soft, experimental space where people could wander, drag things around, and stumble upon little surprises. Visually, I didn’t want a clean grid or sleek minimalism as I’m simply not that kind of person. I was more drawn to layered compositions, drifting layouts, floating elements — something that felt more like a visual sketchbook or diary than a traditional portfolio. Maybe that goes all the way back to childhood — I used to make a mess just to have space to doodle. The pear 🍐 became a recurring symbol — partly because it sounds like my name in Chinese, and somehow turned into something that represents me. Over time, it also started to feel offbeat, a little odd, and unexpectedly fitting. Just like the site itself. Share a few words about how you approached the idea of personal branding when creating your portfolio  I didn’t approach personal branding as something that needed a logo, a colour system, or a rigid style guide. That felt too business-like as I didn’t want to sell myself like a product or like a “proper” brand. Instead, I focused on creating something that reflects my personality, my process, and how I want people to experience my work. For me, personal branding is less about being recognisable at a glance, and more about being memorable over time. That’s why I leaned into mood, interaction, visual rhythm, and small surprises. I wanted the site to feel like me — not just represent me. Ideally, I’d love for people to land on the site and immediately think, “this looks like Yifei/Libby.” Share any tech details, special tools or web-design features you included, or any behind-the-scenes information The site was built on Cargo, but I ended up writing a lot of custom code — mostly JavaScript and CSS — because I wanted it to feel more interactive and expressive, like an actual playground.  There are lots of little tricks scattered throughout the site for visitors to explore — like draggable notes, floating elements, layered z-index shifts, hover-triggered animations, and a zoomable resume feature that expands on click. Most of the interactions are light and a little playful — not to show off, but to make the experience feel like an open invitation to explore. I wanted everything to feel a bit alive, and slightly unpredictable.  Honestly, I didn’t follow a traditional website-building process or start with a structured plan. I just adjusted as I went, until the page started to feel right. Here’s a behind-the-scenes fact that the very first page I designed wasn’t the homepage or the project section — it was actually the info page, because I felt it was the most personally connected to who I am. There were countless iterations along the way, and no real wireframe to reference. Once that page felt right, I began building the rest based on its tone and rhythm. I was simply trying to create something that looked and felt like “me,” piece by piece, from the inside out. Walk us through the design process of the project page I mentioned that I started with the info page and built the rest of the site based on its tone and rhythm — soft, layered, a little fragmented but intentional. So even when it came to the project pages, I tried to stay within that emotional outline. I treated each project page as its own little space — I didn’t want to use a strict template across everything. Instead, I responded to the tone of each project and shaped the layout around how it felt. Some projects are more narrative, so I gave them more room to unfold; others are quieter, so I kept the rhythm slower and added more breathing space. I played around with spacing, layering, and image flow to create a certain mood, rather than just presenting information. My goal wasn’t to show the work as efficiently as possible — it was to let each project have its own atmosphere, and to invite people into it. How did you curate the chosen projects for your portfolio I didn’t choose projects based on scale or polish, I chose the ones that felt closest to how I like to think and make. Some are experimental, some are emotional, some are just quietly weird, but each one holds something I care about. I wasn’t trying to create a “complete” portfolio that looks 100% perfect, but rather a constellation of work that reflects different sides of me. Some of the projects might feel a little unfinished or rough around the edges, but they represent the parts of design I want to keep exploring. What web-design project are you working on currently? I’m currently working on a series of new sites for a client, and since it’s still in early development, I can’t share too much just yet — but it continues my exploration into emotional interaction, spatial storytelling, visual rhythm, and playful interface design. It’s an ongoing experiment with mood-driven interfaces, soft transitions, and alternative ways of navigating digital space. I’m excited about creating something that responds more to feeling than function. This has been a new kind of challenge that has pushed me to learn, question, and rethink how digital environments can feel. Even though it’s still in progress, the process itself has already opened up a lot for me. I’m excited to see where it leads next. Thank you Yifei!