Web Design Mock-Up Walk-Through

http://www.mlwebco.com – In this video I walk you through a web design mock-up I did for a concept for Disney’s world of color show. Related posts: Funny Michael Jackson interview,Kevin Prince Boateng Dance Moon walk -AC Milan-PSN What’s Your Web Design Process? – Web Design – Live Website Redesign: Wireframing Techniques Going to School or […]


http://www.mlwebco.com – In this video I walk you through a web design mock-up I did for a concept for Disney’s world of color show.

Related posts:

  1. Funny Michael Jackson interview,Kevin Prince Boateng Dance Moon walk -AC Milan-PSN
  2. What’s Your Web Design Process?
  3. - Web Design – Live Website Redesign: Wireframing Techniques
  4. Going to School or Learning Web Design on Your Own?
  5. FREE Web Design Course Online

Popular Posts


25 Responses

11.17.14

@mlwebco was that really was commissioned by Disney or done for educational
purposes?

Epic as always! :)

11.17.14

How would you go about getting the pictures and things to actually overlap
using html and css?

11.17.14

I’m loving this video… I’m so happy that I’m becoming a web designer
finally a career I can be passionate about

11.17.14

what size are your mockups?

11.17.14

@heldridas Olaaaaaaaaaaaaaaaaa

11.17.14

Really nicer man, I have been working my ass off lately to get good at web
design, but my main trouble comes when I try come up with a design, the
coding part is easy really. It’s hard to come up with good structure

Why do you us fireworks instead of photoshop for the wireframe process

11.17.14

@mlwebco when you code the section with 3 boxes: “about the show, photos
and videos and showtimes” will you create two divs and float one left and
the other right and then in one of the divs put another div with two of the
boxes in it?

11.17.14

@gladeemarie Not all the time, in this case, yes the wireframe was on
another layer in which I built from. But in other cases, I might do a
wireframe seperate (in another program or on a sketch), then I just start
directly in Fireworks to design. In that case, the wireframe is just a
reference but the color mock is the final design with exact spacing, etc.

11.17.14

wow, beautiful site and great tutorial. I always struggle choosing the
right font! any tips on applying the best font for the situation?

11.17.14

@heldridas Thanks for the compliments. I’m actually working on a complete
training course on web design. Thanks for the encouragement…much
appreciated. ;)

11.17.14

hey mike youre videos are so helpfull!! but i’d like to know something
about this video, whats the size mostly used on websites for example, for
the image(the gray box) that you used as a “texture”? and what’s the size
that you mostly use for the “billboard” box? i really like how the objects
look proportional in your works.. contratulations and thank you so much for
the helpfull videos!

11.17.14

@newdesigner1 Appreciate the kind words, yeah I was self taught. As I like
to say, street smarts. :) No formal training, just learning as I go.

11.17.14

Loved the design process explanation but I have one question about the
“billboard “area. How would put the “call to action” over a video? In the
past I seen you place it over no video or flash billboards but not anything
that transitions or is animated. To know how you would go about placing the
“call for action” would be helpful.

11.17.14

Nice shit.

11.17.14

I would love to see some flash tutorials. Awesome as always, thanks for the
upload.

11.17.14

Hello Mike. I hope I can make this question as clear as possible. But upon
building the actual site, is the wireframe hidden or transparent as a
guideline for each content on it’s separate layer? Thank you.

11.17.14

Really loving your stuff! I dont know any other “Web design” channel in
youtube, as good as yours! Really, even when trying to buy a book or a dvd
tutorial, they’ll sell you CSS and XHTML. If WebDesign, its only references
to website images :P Please consider working on a Dvd Tutorial on webdesign
;D

11.17.14

I am a beginner in learning web site building and you explain easy enugh
for anyone to understand thankyou for the help and i hope to see more from
you. you rock dude

11.17.14

Mike, where you self though? your work is amazing!!

11.17.14

can you please to a video on the coding for a javascript slider. Please and
thank you

11.17.14

@kpwebdezigns If I used a video on the billboard area, then the call to
action button and video would have to be done all in flash. In flash, you
can play video and layer buttons and things on top.

11.17.14

I spy with my little eye…lipsum. Very informative video though, made me
rethink the process I use.

11.17.14

is mock up the term used when it comes to designing the website in PS ect
first? Do you know where I can find some more detailed tuts on taking the
mock up into dream weaver or notepad ++ thanks.

Leave Your Response

* Name, Email, Comment are Required