Advertisement
Complete Websites

Designing a "Coming Soon" Page in Photoshop

by

Today we'll begin working on a Coming Soon page based on the countdown timer which I recently designed. In this particular screencast we'll complete the Photoshop design stage and (just for kicks) you'll also find a timelapsed video of the whole process.


Photoshop Design

In later screencasts we'll build this design using HTML and CSS, with a jQuery plugin to get the countdown timer working. For now though, let's concentrate on the visuals..

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!


Timelapsed Footage

Who doesn't love a bit of timelapsed design footage? Here's the Coming Soon page furnished with some ambient music Euphoria Vol. 3 on AudioJungle.

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via iTunes or YouTube!


Additional Resources

Related Posts
  • Web Design
    CMS
    Adding a Twitter Timeline to a Tumblr ThemeTumblr 28 retina
    Welcome to this, the first of three bonus videos in our series Tumblr Theming 101. During this lesson we'll look at incorporating a simplified Twitter timeline into our theme; a slightly more complex process since Twitter updated their API to v1.1.Read More…
  • Web Design
    CMS
    Understanding Tumblr Variable TransformationsTumblr 26 retina
    In this video we're going to introduce a concept called Variable Transformation. This is something which Tumblr offers, allowing us to alter the data returned from any given variable. We'll be using Tumblr's {CustomCSS} variable to demonstrate how it works.Read More…
  • Web Design
    CMS
    Continuing With Our Tumblr Theme's CSSTumblr 15 retina
    In this part of our Tumblr theming series, we're going to continue with our theme's CSS. We'll be working directly on the live site, as a number of elements won't show up otherwise. Let's dig in!Read More…
  • Web Design
    CMS
    Styling Our Tumblr ThemeTumblr 13 retina
    Having finished the HTML markup for our theme, it's now time to begin playing with CSS. In this tutorial we'll gather everything we need to start styling; colors, typography details and so on.Read More…
  • Web Design
    CMS
    The Code Behind a Tumblr ThemeTumblr 2 retina
    In this screencast we'll take a first look at the structure of a Tumblr theme and the Tumblr customize area.Read More…
  • Web Design
    Complete Websites
    Adding a jQuery Countdown to Our "Coming Soon" PagePreview jquery
    To finish off our Coming Soon page let's now give the countdown timer some functionality. We're going to use a jQuery plugin which will allow the timer to count down to a given date and time.Read More…