لرن سرا

برچسب: Designer

  • Designer Spotlight: Bimo Tri | Codrops

    Designer Spotlight: Bimo Tri | Codrops


    I’m Bimo Tri, a multidisciplinary designer and creative developer based in Indonesia. I run a small independent studio called Studio•Bämo.J®, working between Jakarta and Bali — or pretty much anywhere I can find a fast internet connection.

    My focus is on building expressive digital experiences, mostly portfolio sites and brand platforms for creatives, studios, and design-forward brands. With roots in both design and development, I enjoy blending visual precision with motion and interactivity to create work that feels both thoughtful and visceral. I care deeply about craft, story, and making things that resonate beyond just visuals.

    Showcase

    SAISEI

    Saisei is a visionary architecture firm based in Tokyo, Japan, focused on sustainability, culture, and timeless design. I designed and developed the site to reflect their philosophy merging traditional Japanese aesthetics with clean, contemporary digital design.

    Achievements

    This project was a major milestone in my career. It brought home my first Awwwards Site of the Day and earned recognition from several other platforms. The positive feedback from the design community affirmed my approach to cultural storytelling through digital mediums.

    Personal notes

    Saisei remains one of my favorite works. I’ve always been drawn to the tension between heritage and modernity, and this project gave me the space to explore that deeply. The recognition it received made the process even more meaningful.

    Live Site Link: https://saisei-sbj.webflow.io/

    NĀGARA

    Nagara is a concept project developed in collaboration with my buddy Felixander Yuan, created as part of the #DareToShare24 design challenge by @bentenwordring.

    It reimagines a luxury watch brand that fuses the precision of Swiss watchmaking with the cultural depth of the Majapahit Empire. Each timepiece acts as a tribute not just to technical craftsmanship, but to historical richness and aesthetic symbolism rooted in Indonesian heritage.

    Challenges

    One of the biggest hurdles was exploring AI-generated imagery and motion assets. Using tools like Midjourney and Kling, it took numerous iterations to dial in a visual direction that felt both on-brand and high-end. Getting the product visuals — especially the watches — to look authentic and aligned with the brand’s narrative was far more challenging than anticipated.

    Achievements

    The final result was a fully animated concept site that we were genuinely proud of. Yuan did an amazing job bringing the dev and motion to life. Beyond that, the project ended up winning the monthly challenge, earning recognition and some cool prizes — a nice bonus on top of the creative satisfaction.

    Personal notes

    This one felt personal. The month’s theme was “Luxury” — a space I naturally gravitate toward — and we were allowed to team up for the final challenge. I chose to work with Yuan, someone I’ve respected and known for a while. The entire process felt like a return to roots — storytelling, culture, and collaboration — wrapped inside a luxury narrative.

    Live Site Link: https://nagara-daretoshare.webflow.io/

    HorizonStudio

    Horizon Studio is a conceptual architecture firm based in Los Angeles, created to explore the intersection of art, design, and technology. Inspired by my love for architecture and interior design, the site showcases sleek, avant-garde visuals with a focus on sustainability. I used Midjourney for the visual assets and GPT to shape the narrative, crafting an experience that feels modern and immersive.

    Achievements

    The site received an Honorable Mention from Awwwards — a validating moment for me as it was one of my earliest forays into the architecture space. The feedback highlighted the strength of the design direction and the site’s overall atmosphere.

    Personal notes

    This was the first project where I went all in with generative AI — every asset was made using prompts, and honestly, it was pretty sloppy at first. But through experimentation, I managed to create a cohesive visual style that looked like it came from one photographer. It reminded me how fun it is to dive into the unknown and just explore.

    Live Site Link: https://horizonstudioarchitecture.webflow.io/

    REZN-8

    REZN-8 is a typographic and layout exploration rooted in Swiss design principles. It started as a poster experiment and evolved into a full website — my first time building a motion-heavy site entirely with code. It was all about translating static design into something dynamic, expressive, and functional in a digital format.

    Challenges

    Turning the poster into a functional site was already a challenge, but learning JavaScript on the fly to bring motion into the experience pushed me even further.

    The biggest challenge, though, was researching and presenting accurate information about the legendary designers featured. Some had very little online presence, so I had to dive deep into design history to get the details right.

    Personal notes

    REZN-8 holds a special place in my heart. It completely changed how I see layout, grids, and type — it was the project that shifted my design brain forever. Shoutout to Chris Do and TheFutur’s Typography 01 course, which sparked the whole thing.

    Live Site Link: https://rezn8.webflow.io/

    Notable Explorations & Projects

    Blacksmith Collective

    (Webflow Template) Shameless plug 🫠

    Live Site Link: https://blacksmith-sbj.webflow.io/

    Velthari

    Live Site Link: https://velthari.webflow.io/

    Velvet Blues

    Background

    I didn’t start out as a designer, at least not in the traditional sense. My early work was in a marketing agency where I handled everything from FB ad graphics to SEO landing pages and WordPress articles. It wasn’t glamorous, but it gave me a foundation in how digital systems work.

    Then I stumbled across Webflow — and everything changed. I got completely hooked on web design, especially sites with rich motion and interaction.

    That moment pushed me to quit the agency world and start my own studio. Since then, I’ve been building expressive, story-driven websites for creatives and design-forward brands, blending design, motion, and development into something that feels personal and intentional.

    Design Philosophy

    I’ve always leaned toward minimal design paired with bold, heavy type. To me, you don’t need a lot to make something striking, just the right balance of restraint and intention. If the typography is solid and the layout is thoughtful, even the simplest design can carry emotional weight. I focus on clarity, rhythm, and a strong visual pulse — letting motion, space, and type do the heavy lifting.

    Tools and Techniques

    • Figma for most of the design work
    • Webflow for front-end development and CMS integration
    • GSAP for all things motion and interaction
    • Cursor for dev support (because I wouldn’t call myself a “real dev,” but I make it work)

    Inspiration

    I pull inspiration from a lot of places — music, films, anime — especially the ones that are crafted with insane attention to detail. I’ve always admired how much intention goes into those worlds. There’s so much to steal from them — not just visually, but conceptually and emotionally. I’m also inspired by work that feels personal, raw, and beautifully uncompromising.

    Future Goals

    My main goal is to keep attracting work that aligns with the way I see and do things. I’m not chasing volume — I just want to keep collaborating with people who value design, story, and craft as much as I do. I’m also interested in exploring more personal projects, maybe even merging design with philosophy, fitness, or writing — things that feel more like extensions of who I am, not just what I do.

    Final Thoughts

    Learn from the past, embrace the present moment, and look into the future. You only live once, do what makes you happy and what feels right for you.

    Contact Info

    I’m mostly active on LinkedIn, X (Twitter), and occasionally Instagram.

    Instagram: @bamojk

    LinkedIn: https://www.linkedin.com/in/bamoj/

    X (Twitter): https://x.com/bamojk

    Website: bamoj.com





    Source link

  • Designer Spotlight: Ning Huang | Codrops

    Designer Spotlight: Ning Huang | Codrops


    Hi! I’m Ning, a Digital Designer based in Taipei, Taiwan. I’m currently working at Block Studio, where I focus on web and motion design. I’m no expert in code, but thanks to AI tools, I’ve been able to bring my interactive ideas to life—especially in personal projects, where I love stretching the limits of motion and visual storytelling on the web.

    AI has made it possible for m to build things I wouldn’t be able to code on my own—especially when it comes to motion-heavy, visually expressive sites. This approach lets me stay hands-on with both design and development, even as a solo creator.

    Feature Work

    Since my studio work is still under wraps, I’m sharing personal projects that have been key to my creative growth. These are where I get to play, test ideas, and keep the spark alive.

    Veggie Taipei

    A vibrant mini-guide to vegetarian spots in Taipei—my hometown and a surprisingly veggie-friendly city. This project recently received an Honorable Mention from Awwwards. I created it to share my personal recommendations and spark curiosity among international visitors.

    The site features a playful and energetic identity paired with a clean, modern visual style. I brought in playful motion details to give the site a lively and memorable rhythm—from animated stickers and rhythmic scroll-based animations to a custom “reset” effect inspired by the bubbling fizz of a drink. I wanted the stickers to reset with a sense of drama and fun, and this bubbly motion gave the interaction a unique, fluid quality that I was especially proud of.

    I used Bricks Builder, a WordPress-based No-code platform, for layout, and Claude AI/Cursor to generate custom code. In the past, I’d search for websites with similar motions to guide engineers. Now, with AI, I can just describe what I imagine and shape it bit by bit—no more being stuck hunting for the perfect reference.

    Rather than replacing creativity, I see AI as a way to amplify it—like having a lens that helps me bring emotions to the screen. This workflow has enabled me to complete projects independently, break creative constraints, and explore more freely. It’s also deepened my understanding of development, making it an invaluable learning experience. All my personal projects follow this approach.

    Generated Art Gallery

    Generated Art Gallery is a minimalist photography gallery showcasing images I created with Midjourney. The visual tone is hazy and poetic, with a subtle undercurrent of unease—reflecting my complex feelings toward AI technology: beautiful, surreal, yet not entirely comforting.

    AI lets me build entire projects on my own, which feels incredibly rewarding—but also strangely lonely at times. In this journey, I often find myself creating everything alone, a quiet act of creation that resonates with both achievement and isolation.

    The design itself features clean, restrained typography, with cursor interactions and scroll animations using distorted shader effects to evoke a dreamlike, otherworldly atmosphere. Each generated landscape tells a story of beauty intertwined with a sense of solitude and quiet tension, as if the world is both vast and silently distant.

    Ning Huang 2024 Portfolio

    My first fully self-developed and designed website—this portfolio marks where it all began. Clean layouts, bold entry animations, and Flip-style transitions give the site a distinct cadence and clarity. It laid the foundation for my approach to motion-driven structure in digital design, a core element of my work that continues to shape how I create engaging, dynamic experiences today.

    Concepts and explorations

    Thanks to my background in industrial design, I’ve had the chance to explore more 3D resources early on. Outside of personal projects, I often tinker with experimental concepts using tools like Spline and Cinema 4D—just to see what happens. I’d love to bring more of these playful explorations into the web one day.

    Background

    After graduating with a degree in Industrial Design, I started my career at a digital product company. But it didn’t take long for me to feel restless—I craved work that was visually bold, creative, and full of impact. I decided to change my path and focus on web design.
    Last year, I joined Block Studio, which is one of Taiwan’s leading creative studios. I’m lucky to work alongside an amazing team of designers, which has pushed me to grow quickly. In a short time, I’ve had the chance to lead exciting projects and confirm what I had only suspected before: this is where my passion and strength truly lie.

    Design Philosophy

    I don’t believe in rigid design rules. To me, design is a language—and having something you genuinely want to say is essential. Growing up in Asia, where children are often taught to be obedient and quiet, I wasn’t naturally outspoken either. Design became my voice. Through visuals and motion, I can say things that feel bold, loud, and clear—even if I can’t always find the right words.

    Tools and Techniques

    I like to think of myself as a mad scientist when it comes to tools. One of my favorite hobbies is finding ways to boost efficiency—whether it’s speeding up workflows or making the tedious parts of design feel fun. This gives me more space to focus on the creative side of things. I use Vibe Coding to build websites, and I also write custom Figma plugins to automate UI kit creation and manage Variables more easily.

    Inspiration

    A lot of my inspiration comes from literature and music. There’s something about the way words and sounds create atmosphere that really fires up my imagination. When I work, I like to listen to music that matches the vibe of the design—it helps me stay in the zone and lets the visual tone flow more instinctively.

    Future Goals

    As a digital designer still early in my journey, my main goal is to keep learning and evolving. At the same time, I’m eager to channel my creative energy into more non-commercial collaborations, working alongside other designers and developers to explore new ideas without boundaries.

    Final Thoughts

    I hope you enjoyed the work I shared! For me, the best part of this journey has been chasing what truly excites me—and having the guts to just go for it. I’m a big believer in sharing and connecting as ways to stay creatively charged, so if you ever want to collab, swap ideas, or simply say hi, find me on Instagram!

    Big love and thanks to Codrops and Manoela for having me—it’s such a joy to be part of a platform that’s bursting with creativity and good energy. I’ve been endlessly inspired by the work shared here, and it means a lot to contribute my little piece to it.



    Source link

  • Designer Spotlight: Stephanie Bruce | Codrops

    Designer Spotlight: Stephanie Bruce | Codrops


    Meet Stephanie Bruce, an Independent Designer and Webflow Developer based in London, UK. She has been designing for over 2 years, previously working in Finance. 

    She loves editorial layouts, photography and visually creative web designs. She works closely with agencies and clients worldwide.

    In this spotlight, Stephanie shares a selection of her favorite projects — a window into her creative process, inspirations, and evolution as a designer.

    Featured work

    Valentine

    This is my latest project where I did the art direction, photography direction, web design and development for Freewrite Valentine. The main purpose of the website is to promote their latest Freewrite Valentine, playing tribute to the original Olivetti Valentine typewriter.

    I used retro ads and posters as the main inspiration for the web design and photography direction. We decided to go with a bold red colour throughout the website to emphasise the retro red vibes. I had a two weeks deadline to design and build, as well as photography direction.

    MOD Agency Collab

    A web design project I did at MOD agency, with creative director Matt Jumper. My role was to design the website and create data visuals. It was my first time designing data visuals and I was pretty happy with how fun they turned out. Huge thanks to Mod agency for bringing me along for this project.

    SP28K

    SP28K was an exploration website I did on the Flow Party On Demand course. For this design I decided to explore brutalist design with a touch of editorial layout. This project challenged me to go for a bold approach using expressive typography and high-contrast fonts. Photoshoot of the speaker was done in Spline.

    Concepts and explorations

    Outside of client work, I love spending time creating my own concepts and web design explorations. By creating concept work, I learnt how much I love editorial, photography based websites and how I hope to attract similar work in the near future.

    Especially being a relatively new designer, these concepts have helped me get noticed on social media and led to many opportunities.

    Brief biography and career highlights

    I switched careers from Finance to Design over two years ago. I wanted to find a job that I loved, and once I discovered the world of Digital Design, I became pretty obsessed. I feel like I found my calling.

    When I worked in Finance, I spent a lot of my spare time immersed in the creative world. I would go to exhibitions, galleries, theatre plays, etc. I also studied Photography, which helped me develop an eye for detail and composition. I feel that the combination of my exposure to the arts and my photography skills has played a big role in developing a strong visual eye for design.

    Since changing careers, I’ve had some amazing opportunities to work with leading designers and agencies — from a six-month internship with Fons Mans to collaborations with designers like Dann Petty and Benten Woodring.

    I’ve been freelancing since the beginning of my design career and am very grateful that my work and network have led to multiple collaborations with international clients and agencies.

    Inspiration

    I find that most of my inspiration comes from looking at design outside of web design. I often look at magazine layouts, prints/posters, and branding assets. Exploring these areas challenges me to create things you don’t typically see on websites.

    I also draw a lot of inspiration from visiting art galleries and exhibitions around London, as well as from films and video games like Firewatch and Before Your Eyes.

    Future Goals

    Currently, I’m focused on working with agencies, as I enjoy collaborating and learning as much as possible from them.

    In the near future, I’d love to work with lifestyle and e-commerce clients, and maybe team up with someone to create a purposely small, boutique agency.

    Message to Readers

    Put in the time to practice design, and get comfortable with sharing your work online and networking — it can lead to so many opportunities and collaborations.

    I’d also say it’s totally fine to explore different skills at the beginning, but I recommend committing to mastering one or two that truly excite you. Stay open to learning and keep pushing yourself to improve, no matter how many years of experience you have.

    Feel free to reach out to me on Twitter or Instagram — whether you have a project in mind or just want to grab a coffee, in person or online!





    Source link