How to Build a Responsive Website From Start to Finish – Sketching, Wireframes & Design – Part2

Today we sketch UI’s ( 2:28 ) and execute a visual design in photoshop ( 24:25 ) — Extended Photoshop video – http://youtu.be/xHUZyvQGuX4 — A big thank y… Related posts: Yclan CV 2 Responsive Web Design – How to Get a Mobile Friendly Website Responsive Web Design Tutorial – 1 – Why My Website Sucks […]


Today we sketch UI’s ( 2:28 ) and execute a visual design in photoshop ( 24:25 ) — Extended Photoshop video – http://youtu.be/xHUZyvQGuX4 — A big thank y…

Related posts:

  1. Yclan CV 2
  2. Responsive Web Design – How to Get a Mobile Friendly Website
  3. Responsive Web Design Tutorial – 1 – Why My Website Sucks
  4. Responsive Website Design Tutorial: Using Media Queries
  5. How to Start a Web Design Home Business

Popular Posts


25 Responses

12.22.14

The 45min version of the visual design segment is uploaded here:
http://youtu.be/xHUZyvQGuX4

It’s an unlisted link, so this is the only place you can find it.

12.22.14

Responsive website from start to finish? Well, this is the end of part 2
and I haven’t seen any responsive website yet. I got a better title: A
waste of time from start to finish! Good luck!

Hey Travis do u mind maybe doing some sort of tutorial with Photoshop and
how to use it as a webdesigner ?

12.22.14

A slowed down tutorial of this Photoshop process would be incredible, there
are no other ones I’ve found yet that look as good as yours, so a tutorial
would be amazing, teaching about common practices you use in the process of
mocking up a website, like if you agree!

12.22.14

This was awesome. I’ve been in the industry a few years now, and I still
watch basic tutorials like this to see how others are doing things. You’ve
given me some new and valuable insight into how i do my sketching and
wireframe processes. You seem like a fun dude to work with as well. Great
work!

Your videos are great :) But what are the dimensions of the document you
have created for the website in photoshop?
Also, is there any alternative for Expresso for Windows 8.1 ?

Thank you. 

12.22.14

I’m so glad I’m not the only one who has very squiggly looking sketches. :) 

I have a programming background. Code I find easiest but I’m getting to
grips with photoshop, but think its really useful as a prototype tool. Any
chance to get a tutorial on how you did what you did in the photoshop part
of this tutorial in the future? Looks very interesting. 

12.22.14

That project is awesome!! I think that you can increase the brown on
teaching bar ;)
Thanks!!

12.22.14

Travis, thank you for all that you do. Question (sorry if this has been
asking before): How do you feel about designing in the browser? Have you
worked with other designer/developers who have done this? Has it disrupted
your workflow-mojo?

12.22.14

Is it a good idea to put how much you know of a certain software? or web
development language?
I mean, because you always learn something everyday, so you kinda had to
update that bar graph that says your amount of skill in that particular,
thing. And also, if you are “only” 55% good at photoshop, and that client
is looking for someone to a photoshop work, you are less probable to get
hired? please reply. ty

12.22.14

Dude, this is the slowest explanation i ever saw….try to speed up a bit
next time and cut a bit the adjectives…

12.22.14

Man! That’s blummin amazing! That’d take me two weeks!! Ha!

12.22.14

i like fast speed i can already see what you are doing…

12.22.14

Hey Travis, what would be your favorite source for PS and AI tuts? 

12.22.14

You are a godsend. Thanks so much.

12.22.14

This video is awesome,I learn lots of design things!!

12.22.14

Damn, what a screen size! Nice video!

12.22.14

Can you upload me this .psd file..!

12.22.14

(╯°□°)╯︵ ┻━┻ I Don’t know how to use photoshop.

12.22.14

I’m gonna watch the full video. The design looks awesome. I need to gain
more expert level knowledge of designing layouts.

12.22.14

Thanks so much!! 

12.22.14

I know you probably dont do these views that often where you are drawing on
paper, but it would be nice if you rotated the video 180 degrees next time.
Cheers

12.22.14

I’d prefer a blue or something else instead of that broun but it’s still
nice though…. gj ^_^
Can’t wait next vid :3

12.22.14

Hey, I’m having a lot of trouble with fonts. Photoshop has a massive
amount off fonts, I don’t think many are good for web design. How do you
find and navigate your fonts. Could you make some recommendations?
Thanks, AP

Leave Your Response

* Name, Email, Comment are Required