Web Design Process-Finding Inspiration for Personal Website: Built By Hand Ep 2

Подписаться 2,5 млн

Просмотров 59 тыс.

50% 1

In this second episode of Built By Hand, Ben's mission is to do creative research for his personal website. He'll be collecting references and resources from other designer's work with a two-part goal: to get inspired and figure out the visual direction for his website. Does the process of research and inspiration that he's refined over the past decade apply to a personal website? Do the same tactics work? How hard is it to find inspiration for your personal brand if you're better at creating from a position of empathy.
Want to learn along the way? Try Webflow for FREE:
ftris.me/webflow-bbh
For more series content you can't see anywhere else, check out:
thefutur.com/built-by-hand
Follow Hrvoje Grubisic:
dribbble.com/hrvoje-grubisic
Get the Style Guide Kit (featured):
thefutur.com/course/style-gui...
Get inspired:
fontsinuse.com/
dribbble.com/
/ mrbenburns
Get the typefaces:
stelvio.k95.it/
klim.co.nz/retail-fonts/found...
-----
Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:
thefutur.com/shop
===
👉Subscribe: goo.gl/F2AEbk
👉See our Academy Channel: goo.gl/vB9zoP
🎙 Futur Podcast: thefutur.com/podcast/
✍️ Futur Blog: thefutur.com/blog/
-
Love the content? Become a sustaining member for $5/mo today.
goo.gl/nwekfL
BOOKLIST -
Essential Reading for Creative Professionals: bit.ly/biz-booklist
Essential Design Books: bit.ly/futur-design-books
Kits & Proposals:
goo.gl/mSjuWQ
Visit our website:
www.thefutur.com
FREE resources:
goo.gl/Qh6gHr
-
We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404
USA
-
AFFILIATE LINKS*
🙏 Support The Futur by purchasing through our affiliate links:
Amazon: bit.ly/thefuturishere
Webflow: webflow.grsm.io/thefutur
Retro Supply Co.: bit.ly/2GW8gzR
Creative Market: goo.gl/g4jlTE
Design Cuts: bit.ly/2GSsAR3
✍️ Sharpen your skills by taking a course, using our affiliate links:
School of Motion: bit.ly/futur-som
Bring Your Own Laptop Tutorials: byol.me/thefutur
Skillshare: skl.sh/34z8qVj
🎧 Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound: share.epidemicsound.com/thefutur
Musicbed: bit.ly/futurmb
Artlist: bit.ly/2uWdna7
*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.
-
Host: Chris Do
Producers: Mark Contreras / Ricky Lucas
Cinematographers/Editors: Stewart Schuster, Ricky Lucas, Jona Garcia
Social Team: Elle Money
Futur Theme Music: Adam Sanborne www.adamsanborne.com
Typefaces: Futura, DIN, Helvetica Now, Calibre, Knockout, Champion Gothic

Опубликовано:

23 июн 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 195

@FluxAcademy 2 года назад

Ben is a superstar. Seeing his development as a presenter is just amazing. Fantastic work!

@plantseeds_ 2 года назад

Ran! Awesome to see you here. I agree. Ben is such a powerhouse.

@siddhantjain2402 2 года назад

Hey Ben, this series is close to me heart as we recently re-designed our company's website and faced all these hurdles you are looking at. Our Inspirations: 1. Dribbble 2. Pinterest 3. Awwwards How we laid out the moodboard: Initially we created a huge moodboard and gave ourselves 3 days off to refresh our creative engine. After that we looked in the moodboard as a whole and picked out designs which struck out. After that we categorized them by similarities and we were able to find 4-5 micro patterns which we really liked and ultimately came into our final design. For typography: The purpose of our site was to (a) Represent our brand and work (b) To generate traffic through content like Blogs etc. As you can imagine readability was important so we looked at several popular sites like Medium, Facebook, Reddit, Slack etc and which types they are using. This gave us enough information to filter out fonts and find a suitable one. I will share the link of our completed site once it is live. Would love your feedback!

@rahuldambhale4783 2 года назад

Really curious to see what you come up with siddhant!

@marcstatz 2 года назад

Hey man! Did you finish your site yet? I would love to check it out.

@muhaiminzulkarnain5628 2 года назад

This series deserves to go viral and get millions of views. Just for bringing so much value to people for free.

@oliviamurray7829 2 года назад

I am loving this series, this is exactly what I'm looking to re do for my own website. One thing that is refreshing to hear is that you also can feel overwhelmed after the research stage, this is something I struggle with!

@shakeel.design 2 года назад

The timing of this series is so perfect! I just started doing stylescapes for my personal website yesterday

@jeshaiahbretz4320 2 года назад

I think there's a lot of us that can relate to that level of inspiration and strategy that we put into client projects vs our own branding. There's a bunch of great learning opportunities that touch on the subject scattered all over this series so far. I always enjoy the raw energy of excitement and passion that you bring in each video too. Thanks for sharing your journey with us Ben, you bring the good vibes

@thesaralkumar 2 года назад

I love how the application of the processes mentioned is not only limited to personal website design or website design, it can be applied to every project. Quality of a good content. 🙌 thank you the futur and Mr.Burns.

@ci2and1 2 года назад

Loved this - research can be the most intimidating process of starting new design. Almost like you’re in a revolving door going around in circles not knowing when is a good time to exit. To your point about museums - I love picking up a museum’s exhibition catalog when i visit. Instead of taking pictures while i am there, the catalog allows me to archive the inspiration.

@StonedLlama52 2 года назад

This is one of the most inspirational series so far on design process. So close to my own process. Loving every second of it Ben!

@TyrannosaurusTroy 2 года назад

This is so inspiring, thank you for taking us along for the journey! What you said about the back and forth discovery process with a client being your jam is EXTREMELY relatable. As creative professionals, many people assume if we're this good at client work we must love creating for ourselves even more (no rules! no deadlines!). But like you, I find designing for myself to be my single biggest challenge. We're all blind to ourselves to some degree, but for those of us who excel at discovering what others need, the flip side is that we usually don't have a strong, overbearing sense of what WE need-that's why we're able to serve others so well. But it's definitely worth the effort to dig deeper and give ourselves space to explore and rediscover our own voices like you're doing here.

@HavikTV-PR 2 года назад

I've been watching this in July, and I've noticed this particular video came out on my birthday! Such a wonderful and unexpected gift. Thank you for sharing your process, and delivering it in such an inspiring presentation. Keep up the good work!

@saxonsquire3469 2 года назад

I'm loving this new series - as someone who is trying to do this right now it's really helping me clarify my thoughts!

@cyrahdaroy 2 года назад

I was intimidated by that stare and just hit the like button🤣

@mrbenburns 2 года назад

😂 sorry

@tarakgu1 2 года назад

Thanks for going through each step and being super authentic at the same time! I love all the videos!

@JackBakerUK 2 года назад

I am loving the fact that how similar our processes are! I have a habit of pointing out design errors and finding potential markets. I recently went away to a part of the UK I have never visited and saw huge potential for a design business in the area. I am always looking and when I see somthing cool I take a photo or buy the product take a card ect... it helps me build my own resource book to go through without the need of the Internet.

@sanxia. Год назад

Flux Academy, you have a unique way of expressing your thoughts. You're so natural, relatable & even funny! And because you're natural, you could bring out more ideas in your topic - something very in-depth & also unique because you're incorporating your own experience to the mix. Love your style!

@designerbhosle 2 года назад

Explaining the whole process of a website is the best idea for learners like me. Thank You for giving your time. Waiting for a new one :)

@treveryarrish 2 года назад

This is a great series. Excited to watch it unfold!

@st4k152 2 года назад

You just upped my design game MASSIVELY

@BacnDesigns 2 года назад

Awesome series, and timing is spot on for me. Recently hit a wall trying to skip the basics building a site for myself. I've now started fresh because of this series and this process is definitely working, the hope is back! (Also.. I only discovered the Hamilton Brewery series last week.. and now this, keep it coming!).

@alimakhsan 2 года назад

I’ve been waiting for this!

@LotusOverWater 2 года назад

Well now I'm hooked! pumped to see the result!

@CENIMAIC 2 года назад

Thank you for sharing, can't wait for the next step.

@kenyangrafik 2 года назад

That pause at the start... 😁 You just had to like!!! Good job Ben!

@NigelPayneDesigner 2 года назад

Loving the series Ben, I've been collecting inspiration from all places online and off. I drop screengrabs, photos, or scans into a master 'INSPIRATION' folder which is docked so I can easily drop files into it. The folder tree inside this folder is getting pretty crazy now after years of collating, Some folders are pretty broad like 'illustration' some are niche like 'Playing card designs'. Sometimes I quickly drop files into the master folder, which I leave to collate or sort at a later date, and it's always surprising and rewarding looking back in there and stubbling across things. Happy researching!

@TheDanilampis 2 года назад

I’m really looking forward to see the next episode Ben! And to visit your Fresh website. You inspired me actually to document as well my process about building my personal brand and website. I will share my thoughts and behind the scene, I think it will be helpful to someone out there. Thank you for the amazing work so far ! Danila

@alexhartan 2 года назад

Loving this series! Also, very useful for an upcoming client project.

@modsbeats 2 года назад

Mood board and stylescape thanks for the breakdown, that was cool.

@Diamond_Dreams 2 года назад

Gave this a like because it was a genuine when he talked about the like button.

@joaomorisso8931 2 года назад

Real nice of you to share your process, thanks

@orangetreeapril7050 2 года назад

Can't wait to see the upcoming episodes of this project. Learned quite a bit from your last beer brewery project. And...thank you 😆

@amranha_ 2 года назад

Me too!

@savethedoodle 2 года назад

Thanks for posting. Love how you break down the process. I happen to be working on my new site and it’s been mind wrenching difficult!

@goldsheepdesign2844 2 года назад

Loved taking a peak inside how you find your inspiration. I have a physical "design morgue" filled with old vinyl records, vintage lettering manuals, books with crazy designs, and a whole slew of other stuff. I like that the designs are most likely done by dead dudes so the outcome isn't heavily influenced by anyone contemporary. I also watch a lot of sci-fi movies and take notes/screen grabs- so many cool bits of design throughout.

@MarissaCarterArtist 2 года назад

I liked this before you mentioned it, history has been waiting for this content, thanks in advance, need to find episode 1.

@HKKHPR 2 года назад

I keep coming back to this video. I wish you guys could put time stamps on some of your series. Anyway, just here to say that I love the way you share, it's really inspiring!

@Burritosarebetterthantacos 2 года назад

Im not a designer but I am building my own small town production company. I cant believe content of this value is free. I cant imagine how dope your branding is when it gets your full attention.

@quintonlloyd1415 2 года назад

I've also put a hold on my own personal website for similar reasons so it's nice to see I'm not alone in this struggle.

@jasonsteves734 2 года назад

You're very likeable and your honesty makes it even more fun!

@mrbenburns 2 года назад

Aww thank you!

@oparahvictor9147 2 года назад

I just struck gold. Thank you!

@maldukvlahovic 2 года назад

I was excited enough to see Ben work on his website's creative process, but when Hrvoje popped up out of nowhere I started to scream. Not only is he by far my favorite web designer but also a design director in my dream company. I'm really excited to see the result of these series since I know how capable Ben is and the amount of masters of their field that jumped in to help out. But alright, I'll stop fangirling and get back to my coffee now. Much love from Croatia.

@mrbenburns 2 года назад

Dude Hrvoje is an absolutely legend.

@maldukvlahovic 2 года назад

@@mrbenburns And so are you brother!

@IgnacioJJ 2 года назад

Hey Ben. Great video!!! I share your view 100% about researching. I actually do a lot of research for every project. And that helps me and my team get the results the clients expect. Regarding my own website, a premium WP theme fell in my hands and that was love at first sight. The layout, the types, everything.

@outoflineproductions 2 года назад

The playlist for this on thefutur RU-vid homepage only has episodes 1,2, and 5 listed. I watched them all and loved it but let’s get that playlist updated! Great work Ben!

@TheWriteSpaceTV 2 года назад

Pinterest and Google Images are great sources for inspo. But I'm an inspiration collector. So, whenever I come across interesting things I screenshot, pin, or save them. As a writer, I draw on music, song lyrics, pull quotes, and poetry for inspiration. Movies and TV shows in particular. Because of how I'm wired, I also collect moments, like the sound of waves at midnight when X is happening vs that same sound when y is happening or how the textures of the ground feel beneath my feet from different surfaces. Those feelings and experiences etched in my memory are reference points when I'm writing or when I'm speaking to a client during a strategy session. This might seem odd, but it works for me.

@mrbenburns 2 года назад

Preach! 🙌

@MarketingHarry 2 года назад

Really interesting to see the process step by step. Forming a habit of constant studying counts! 😉

@rickyventaglio5811 2 года назад

I think Ben you should do a series just on Stylescapes and teach how to make the most of them

@sabalshrestha8691 2 года назад

I am so excited for this series!!!

@mrbenburns 2 года назад

❤️ thanks sabal

@samtobin35 11 месяцев назад

The concept of collecting inspiration and ideas sounds like the concept of “Building a Second Brain” by Tiago Forte. It’s a real game changer. Highly recommend the book

@charleneking8517 2 года назад

Such a relevant topic as I'm also redoing my website. Entertaining and insightful. Thank you Ben!

@brandonlandgraff309 2 года назад

I smashed that like button for you Mr. Burns! 🚀

@vasu9760 2 года назад

This is real gold 👍

@tinges271 2 года назад

this content is so inspiring and encouraging :) thank you so much!

@dereknguyen6047 2 года назад

That botanical set looking 🔥🔥

@julio.a.arango 2 года назад

Watching this video and all your videos is an essential part of my daily research process!!

@mrbenburns 2 года назад

🙏 🙏

@armanchowdhurynijum5435 2 года назад

This inspiration taking process make my life more easier then what I follow currently. Btw I'm really great fan of hrvoje work.....🔥

@hackerculture7391 2 года назад

I must learn how to apply this many adjectives to fonts :D Awesome video!

@easyrecipesanddeliciousfoo2954 2 года назад

Hello everyone 🌞☕️☕️☕️☕️

@mrbenburns 2 года назад

My favorite emoji lol 😂

@user-nc9zh9ur8h 5 месяцев назад

Cheers ☕️

@nasimmahamud6304 2 года назад

owww owwww owwwwww.... love this every single second 😍🥰

@itpedia2311 2 года назад

Eagerly waiting for the next episode 😁

@marcod.643 2 года назад

Mr Ben, kudos for the video and the upcoming series. I really love your contents and I also think that is because of you, yes you strike me like a very positive and interesting person to know before a great designer and all the things you do and are. Really apprecieate your work and your umanity. Cheers from Italy!

@mrbenburns 2 года назад

Thanks so much Marco!

@christianeholden 2 года назад

Another great one. Interested to see how it's developping further. Re artboards, I usually end up with one massive one but really cool to see how you split the artboards into the different categories. I will incorporate that, thanks

@muhammadammar7849 2 года назад

Really Loved it and can relate to the struggles you are facing right now for the portfolio

@curtismorrow4537 2 года назад

Ben... Thank you, thank you, thank you!!!

@MichalCzerlikowski 2 года назад

Ben this is wonderful!

@custosdesign1053 2 года назад

First off, thank you for doing this. It’s inspired me to get cracking on a personal project I’ve been neglecting for years. Can you share what program you’re using to make your mood boards & those type samples where you change the typeface & it previews as you go? As for inspiration, I live in a small town now so I do a lot of walking around & observing. One of my favorite places locally are the collectibles & antique shops. They provide easy access to nostalgic visual inspiration- especially regarding type & color schemes. Combining those with all of the more modern/contemporary examples that dominate the rest of town provides a great contrast. Fortunately my town also has an abundance of dated & lackluster design. I say fortunately because those also help me focus on the “good stuff” as I browse my surroundings. Thanks again for sharing your process. You’ve not only inspired me but reminded me of so many things I knew but had forgotten. Can’t wait to watch (and Like) the next video in your journey. Be well!

@bartamelinda6945 2 года назад

I believe he is using Adobe XD

@MoazamHussain 2 года назад

I learned a lot from the Building a Brand series and I noticed a significant increase in the quality of my projects right afterwards. I hope this series finally pushes me to build my personal portfolio site that I have been putting off for years now. Excited to grow and I hope to see content frequency pick up again on RU-vid :)

@mrbenburns 2 года назад

Thanks Moazam! That’s awesome. Have you started pulling references yet?

@MoazamHussain 2 года назад

@@mrbenburnsNot yet! Overwhelmed by all the possibilities and struggling to define my personal brand.

@dendemello 18 дней назад

20:35 love this!!!🥹🥹🥹

@voltairepabustan 2 года назад

Amazing channel always show quality of content!💰

@PetersonJoseph 2 года назад

Man, I'm at a point where my portfolio is a showcase of my work. Good nav, easy to find work, good copy and always have a way to contact me. My personality and all that jazz will shine though copy and my interviews.

@agirlnamedasna 2 года назад

Can I just say I pressed the liked button and 10 seconds later the "like this video" montage started. :D Really enjoying and learning from this series. I've probably made 3-4 mock ups in the past 6 years. Coded one of them too only to put it on hold because it just didn't feel right. Also, used to feel like an imposter lol. Making this my motivation now. Thank you Ben and The Futur.

@JosiahL87 6 месяцев назад

That earned my like!

@garethellison01 Год назад

😂 Loved the stare/wait out for like! 👍🏼

@brandonread9809 2 года назад

I’ve been waiting!

@mrbenburns 2 года назад

It’s here!

@anhphan2047 2 года назад

Love this ep Ben. Can you make the last episode about launching the website and the technical stuff involved pls 🙏🙏🙏 i and (i think) a lot of people would be very appreciate it. Thanks you🔥😍🤩 looking forward for more video!!!

@comicalfoods6625 2 года назад

Hi Ben! Thank you for sharing your process! For website design I like to research by looking: 1. Inside my community. I love to see how my peers, friends, heroes, and competitors have designed their websites. If we know each other I also have the chance to ask them questions. 2. Google Search. I'll type in specific keywords and look for collections or "best ____" or "unique____" to get some quick inspiration. 3. Social Media. (Twitter & Instagram) This is more of a passive approach where I screenshot images I love but when I do want to look for something specific I use hashtags to go find it especially now since everyone is sharing carousels full of tips and tricks on so many different topics.

@tracywinkler5046 2 года назад

What an great video and I have enjoyed discovering The Futur several weeks ago and I am addicted to it now! This process and the struggles I am the business & marketing strategist. Sales and consulting and contracted with small agencies and i love to get involved With the process as the front line and to relay back to my creative team as well as understand what goes into it all and the levels of design. I am always thinking seo and call to action as well as good user experience. This is Terrific and allows me to bring out my creative Side

@ByShaira 2 года назад

I love this series similar with Building your brand. I'm in the process of rebranding (the real me this time) hahahaha. I'm also documenting it. Thank you Ben for sharing your story and process. 💞😍

@robynnmelzar6981 2 года назад

I love letter form archive!

@frankie_44 2 года назад

Awesome episode! I search for inspiration outside my professional field, I work in UX/UI, so mostly in print not digital. It always gives me a fresh perspective on design. Old books and magazines from indie stores are my go-to ❤️ There is a gorgeous german graphic design magazine called Novum, unfortunately it was discontinued, but you can get your hands on many editions on ebay.

@mrbenburns 2 года назад

Yes! That's awesome

@minesioantonio2066 2 года назад

I loved it.Keep Doing.

@KurlDee 2 года назад

this is so helpful, can't wait to start mine! :D

@Clubs031 2 года назад

I looooove your use of The Office jokes.. :D Love that show.. :D

@RobertLoyale 2 года назад

19:45 it’s time for the percolate! It’s time for the percolate!

@v1d300 2 года назад

Mr. Ben Burns, you have sparked the dormant creative bug in me. I am going to giving my creative side some space throughout the day to explore. I miss those days when I could but now thanks to you I need to. Your creative expression is inspiring and beautiful. Thank you for sharing with us your opinions and process. Where was the livestream at? I am a new subscriber and not idea how you guys do things, you stream just on RU-vid or just on Twitch or both and is this video series of an on-going process or being posted in delay of few weeks or months? Have a wonderful day!

@jamilmetcalf2227 2 года назад

I love these & hope that one day I get to meet the team of the futur

@raygan.design 2 года назад

Great video..Very Educative

@victoriagladstone2290 2 года назад

Another great episode in the Built By Hand series. Mr. Ben Burns, like you I LOVE design research. I really feel your pain about spending 18 months without the option to visit museums, libraries, galleries, etc., but I do continual research and what I find I archive in a design resources AirTable database. If you’re interested to know more, I’m happy to share a link with you.

@saiidwhd Год назад

I love your character man

@marcschelz 2 года назад

Really well done

@thabetdzmen6152 2 года назад

Heyyyy thats great Im following your progress well done 😊 Lot of info's lof of ideas and lot of fun

@mrbenburns 2 года назад

Thanks! Glad to have you along.

@VONZIPPERCRW 2 года назад

Ok ok! I will push that like button! Cheesh! 🤣 Big fan! 🦄❤️

@troyglim 2 года назад

For research I tend to go to Behance or Pinterest. Fortunate enough to have my phone with me when commuting, seeing interesting things displayed on the streets I take a quick snap shot for future refences.

@HritvikaGhadiyali5496 3 месяца назад

Looking out the windows of buildings

@AndreaDingbatt 2 года назад

Yay!! Thank you so much!! I shall be watching with Great Interest!! I have already Hit the Like icon!! I hope ytube gets the notifications better, so I can see you ASAP!! Namaste. 🙏. XxX.

@olekolok2739 2 года назад

Great Video👍

@DianaMayeDesigns Год назад

I know this was a year ago, but my favorite place to find inspiration is Pinterest. I can create a board for a project and have fun pinning boards and content I like a lot. That's where I mostly start when creating a mood board before I pull pics into Photoshop and lay it out. I also like to get stuff from magazines and books.

@iambishistha 2 года назад

Wauu!! thank you. :)

@SangajiPramono 2 года назад

Love your process of collecting ideas. I myself more of a Pinterest guy. I'm currently learning more about typography. Do you mind sharing with us what sites do you usually go to get inspired?