Web Design Process-Finding Inspiration for Personal Website: Built By Hand Ep 2
Вставка
- Опубліковано 23 чер 2021
- 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
Ben is a superstar. Seeing his development as a presenter is just amazing. Fantastic work!
Ran! Awesome to see you here.
I agree. Ben is such a powerhouse.
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!
Really curious to see what you come up with siddhant!
Hey man! Did you finish your site yet? I would love to check it out.
This series deserves to go viral and get millions of views. Just for bringing so much value to people for free.
The timing of this series is so perfect! I just started doing stylescapes for my personal website yesterday
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!
I was intimidated by that stare and just hit the like button🤣
😂 sorry
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.
That pause at the start... 😁 You just had to like!!! Good job Ben!
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
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.
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 :)
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.
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!
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.
Dude Hrvoje is an absolutely legend.
@@mrbenburns And so are you brother!
I’ve been waiting for this!
Gave this a like because it was a genuine when he talked about the like button.
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.
Preach! 🙌
I'm loving this new series - as someone who is trying to do this right now it's really helping me clarify my thoughts!
20:35 love this!!!🥹🥹🥹
Thank you for sharing, can't wait for the next step.
You're very likeable and your honesty makes it even more fun!
Aww thank you!
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.
Can't wait to see the upcoming episodes of this project. Learned quite a bit from your last beer brewery project. And...thank you 😆
Me too!
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.
You just upped my design game MASSIVELY
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.
Mood board and stylescape thanks for the breakdown, that was cool.
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!
Hello everyone 🌞☕️☕️☕️☕️
My favorite emoji lol 😂
Cheers ☕️
Thanks for going through each step and being super authentic at the same time! I love all the videos!
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!
This is a great series. Excited to watch it unfold!
19:45 it’s time for the percolate! It’s time for the percolate!
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.
I liked this before you mentioned it, history has been waiting for this content, thanks in advance, need to find episode 1.
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!).
This is real gold 👍
I just struck gold. Thank you!
I am so excited for this series!!!
❤️ thanks sabal
Well now I'm hooked! pumped to see the result!
Real nice of you to share your process, thanks
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.
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
done! liked it! thanks for the reminder 😊🤭
You’re my favorite
I think Ben you should do a series just on Stylescapes and teach how to make the most of them
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!
I believe he is using Adobe XD
Loving this series! Also, very useful for an upcoming client project.
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
I’ve been waiting!
It’s here!
Nice Font - Stelvio grotesk! 🤩
I must learn how to apply this many adjectives to fonts :D
Awesome video!
this content is so inspiring and encouraging :) thank you so much!
Ben... Thank you, thank you, thank you!!!
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 UA-cam :)
Thanks Moazam! That’s awesome. Have you started pulling references yet?
@@mrbenburnsNot yet! Overwhelmed by all the possibilities and struggling to define my personal brand.
Really interesting to see the process step by step. Forming a habit of constant studying counts! 😉
😂 Loved the stare/wait out for like! 👍🏼
Looking out the windows of buildings
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!
I love letter form archive!
Eagerly waiting for the next episode 😁
Watching this video and all your videos is an essential part of my daily research process!!
🙏 🙏
owww owwww owwwwww.... love this every single second 😍🥰
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.
Great Video👍
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!
this is so helpful, can't wait to start mine! :D
That botanical set looking 🔥🔥
This inspiration taking process make my life more easier then what I follow currently. Btw I'm really great fan of hrvoje work.....🔥
The playlist for this on thefutur UA-cam 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!
That earned my like!
time 1:16 - that waasssss gooooood !
Wauu!! thank you. :)
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.
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!
Thanks so much Marco!
I love your character man
I loved it.Keep Doing.
Such a relevant topic as I'm also redoing my website. Entertaining and insightful. Thank you Ben!
Really Loved it and can relate to the struggles you are facing right now for the portfolio
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. 💞😍
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
I love these & hope that one day I get to meet the team of the futur
I smashed that like button for you Mr. Burns! 🚀
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.
I looooove your use of The Office jokes.. :D Love that show.. :D
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.
Amazing channel always show quality of content!💰
Ben this is wonderful!
I dunno why but I just looovvee Ben....
I changed my mind - you’re my fav
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.
Yes! That's awesome
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
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.
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.
Great video..Very Educative
Surprisingly refreshing! And I'm still @1:50
:D :D :D :D
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!!!
my stable source of inspiration comes from Dribble, Behance, Awwwards, Pinterest, as well as just browsing through the internet and seeing cool websites which I would then add to my bookmarks.
Really well done
Gold
Actually... Liked when you said you're waiting for us to just like... Nicely done.. Hehehehe.. 👍
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.