Where I found inspiration for my website redesign

Where I found inspiration for my website redesign

While working on my rebrand, I explored the ever-changing world wide web for sites that were unlike any other, as it was important for me to see what my “competition” was up to, as well as making sure I wasn’t just another copy and paste of your typical portfolio site. There were so many that I gathered inspiration from, whether it be for design, interactivity, or content; but these, I’d say, were the standouts.

jenny johannesson

1. Jenny Johannesson | Senior Designer | San Fran
What I loved about Jenny’s site was the unique design and how it told a story as you scrolled. She has a strong attention to detail, from the preloader morphing into her name to the animating button fills. The color and typography choices are beautifully done as well.

Jan Losert

2. Jan Losert | Product Designer | UK
I have a huge appreciation for simplicity. Jan’s site design reminded me that I don’t have to throw the kitchen sink in to my own to have a well-made site. He’s able to give the visitor a true sense of who he is and what services he provides with just a few scrolls.

grain&mortar

3. Grain & Mortar | Agency | Omaha
I’m not sure what drew me in first, the way the video intro was edited (which I would’ve loved doing for myself if I had an equally beautiful workspace) or perhaps it was the “We are Midwest Made” slogan (Michigander here!). What kept me coming back though were the clean design decisions they made, their photography style, and the topics in their blog. Something else I appreciated (unrelated to the site design), were the number of photos they shared of their team, office space, and workflow; it gave me a real sense of who they are as an agency.

codepen

4. CodePen & Stack Overflow | Developers | Worldwide
What I loved about CodePen & Stack Overflow was that I could check out how several developers approached the same task, but in different ways. For example, I wanted a fullscreen dropdown menu that I could easily develop. Some demonstrated how you could do this with just CSS others with a little javascript. I also love how CodePen shows a demo along side the code, which is something Stack Overflow doesn’t really do. The one thing I wish CodePen had would be a place to check off the compatibility. I’d be 2 hours deep into dissecting a solution and applying it to my site, just to find out it didn’t work well in FF or it wasn’t compatible with a certain jQuery version number. Annoyances aside, having these resources available for free? I’d say that’s a win.

 

Leave a Reply

Your email address will not be published. Required fields are marked *