Excited to officially announce on Dribbble my new portfolio site:
I finished this a few weeks ago, but have been putting some final touches on the code, fixing bugs, correcting content, and so forth. After six months of sketching, designing, writing content, and coding I'm very excited to finally be "finished". I have plans to go back and change sections over time such as improving the "work" section to show the process behind my work more than just the image.
I tried to include a quite a few little easter eggs and surprises throughout the site as well as unify my new brand. The site is also responsive (ooh ahh) plus some touch interactions built into it too.
I'd love to hear what you think, any bugs that you find, suggestions, etc. Thanks!
Also, on another note, I am now a supporting member of Dribbble as a Pro member. I uploaded my first attachment - real-pixels.jpg.
Follow on Twitter for design awesomeness.
over 1 year ago
I like it, some really nice animations.. will take a look on my phone in a bit.. but desktop version is definitely really nice.
Congratulations @Timothy Whalin.
Great job! Looks incredible ;)
Looking great :)
It's a fantastic looking site @Timothy Whalin!
Awesome site. I like the scroll transition and animations.
Looks great, including on my phone and tablet.
One small suggestion; on the smaller screen resolutions, I would add a margin/padding left to the copyright at the very bottom (minor point, but it's the only element not aligned). Might also have to come down in size to stay on one line.
Other than that I really, really enjoyed playing with the responsiveness and the overall interactivity of the site. I think the 1 area where things could be improved in a way that would greatly impact the site overall, would be to get a little bit more in depth with the work section (like you noted). I would love to see multiple screens for each project, as well as process. Possibly breaking out of the boundary of the iMac "Monitor" as well.
Other than that, a very smooth site, which has been created in a well-thought out and efficient manner. Great job dude!
Ps, did you do the development? I can tell there are some nifty tricks happening behind the scenes, which have been planned out in an extremely detailed manner... I love it!
@scott kisloski Yes, I did 100% of the development excluding the jQuery library, the swipe events on touch devices, and a plugin I found to expand the textarea in the contact form if it gets to be a longer message. Everything else is hand coded which taught me a few new nifty tricks. I appreciate the compliments!
Good suggestion on the copyright. I think its one of those things I just never fixed at the end of the project. I'll add it to my "to dos".
Regarding the work section, it definitely needs to be improved. I really wanted to do a pure CSS, responsive slider (no JS except for the swipe events) so this was more of just a playground for me. Eventually I want to put full descriptions of the process, several screens, even wireframes and sketches. But some of my work is still tied under NDAs and I'm not sure how much info I can actually tell on projects.
Thanks for the feedback!
You may already know this one, but I use this slider on all of my responsive sites. It isn't pure css (uses jQuery), but it is effectively responsive. Just figured I'd throw it out there.
@scott kisloski cool thanks! :)
Awesome you finally made it! :3 Looks great!
@Matthew Stenquist thanks dude! I'm really happy that I finally finished, though still things to go back and update and fix.
@Lee Fuller thank you! I spent a lot of time at the end adding the little details (like the hover on the logo, swipe effects on touch devices, and the fade in when the page loads).
@Yura Yarokhovich Thank you very much.
@Mathieu Vallee thank you!
@Ivan Tolmachev thank you, I'm very excited to have it "done".
@Kyle Chicoine hey thanks Kyle! I appreciate your compliment! :)
@Cristian Bosch thanks for taking a look! Really appreciate it! :)
Love the subtle animation effects sprinkled throughout. Well done!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter