Create a Sleek, Corporate Web Design (HD Video Series: Day 1)
videos

Create a Sleek, Corporate Web Design (HD Video Series: Day 1)

on Dec 7th 2011 with 98 comments
Tutorial Details
  • Program: Adobe Photoshop
  • Version: CS5+
  • Estimated Time: 2 hours

Final Product What You'll Be Creating

Download Source Files
This entry is part 1 of 4 in the series Sleek, Corporate Web Design

Sleek, Corporate Web Design

In this video series, we’re going to walk you through how to create a sleek, professional web design for a corporate website. This is part 1 of a 4 part series – we’ll also be finishing the support pages and coding the entire thing in HTML/CSS!

Republished Tutorial

Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. This tutorial was first published in April of 2011.

About this Tutorial Series

Adi Purdila is going to walk us through an entire project – from design to coding – all here on Webdesigntuts this week! In Day 1, he’ll show us how to set the basic framework for the design as well as how to actually lay out the homepage. In Day 2, he’ll show us how to create the various support pages (contact, gallery, etc.). In Day 3, he’ll be showing us how to convert the entire Photoshop design to a fully working HTML/CSS site.

Let’s get started!

Day One: Creating the Homepage Design

In this first series of videos (about 2 hours total), Adi is going to walk through the homepage design in Photoshop. Be sure to flip over to HD viewing if you have the bandwidth!

Day One: Part 1

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

Day One: Part 2

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

About the Author

“Whether it’s websites, logos or print materials, my work philosophy is the same: never take any shortcuts and always put my heart and soul into each project because in the end, it’s the small details that count and the more effort I put into a project, the better it represents myself as a person and a designer and at the same time, it represents my client in a manner that’s appropriate to his needs.

If you’re interested in the HTML Templates and Landing Pages I’m developing, you can check them out on my portfolio page on ThemeForest.” – Adi

Series NavigationCreate a Sleek, Corporate Web Design (HD Video Series: Day 2) >>

Adi Purdila is AdiPurdila on Themeforest
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Whether it’s websites, logos or print materials, my work philosophy is the same: never take any shortcuts and always put my heart and soul into each project because in the end, it’s the small details that count and the more effort I put into a project, the better it represents myself as a person and a designer and at the same time, it represents my client in a manner that’s appropriate to his needs. If you’re interested in the HTML Templates and Landing Pages I’m developing, you can check them out on my portfolio page on ThemeForest.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more