Ishu'sBlog » UI Designs

Resources for designing high converting landing pages

Ishu — Mon, 27 Jan 2014 05:25:12 +0000

Designing a landing page is a challenging job, as it requires more than JUST DESIGNING GOOD GRAPHICS. At the end of the day what the product marketer or product owner needs is a high converting landing page. There are various do’s and dont’s that applies while designing a landing page. After hours of surfing through internet, I found some really interesting resources that varies from teaching you to start designing a perfect landing page to techniques of creating high converting ones’.

Here goes your resources to design a high-converting landing page-

1. The 5 Essential Elements of a Winning Landing Page

The 5 Essential Elements of a Winning Landing Page

2. 7 Key Design Tips for High-Converting Landing Pages

7 Key Design Tips for High-Converting Landing Pages

3. How To Use Landing Pages to Increase Internet Sales

How To Use Landing Pages to Increase Internet Sales

4. Landing Page Best Practices

landing page best practices

5. 10 ways to design a landing page that sells

10 ways to design a landing page that sells

6. Anatomy Of A High Converting Landing Page

Anatomy Of A High Converting Landing Page

7. Elements of a Compelling Landing Page

Elements of a Compelling Landing Page

8. Landing Page Best Practices: the definitive guide

Landing Page Best Practices: the definitive guide

Hope you enjoyed following through the resources!

Please feel free to suggest your secret to designing a landing page if any!

15 Most beautifully designed websites

Ishu — Mon, 05 Nov 2012 12:09:13 +0000

Web is ever-changing and UI/UX is no different! The trends of minimalist designs, responsive designs and metro style with the use of JavaScript and jQuery is extensive lately. Most of the websites across the web today gets designed based on these trends. There are many excellent websites but here’s a list of top 15 beautifully designed websites that I have compiled by referring to various online resources.

Apple

Apple is the perfect example of simplicity that manages to look appealing through white space, good type and quality images.

Apple – most beautifully designed website

Landor

The inlay feel of this website which highlights each articles with rainbow of colors is really interesting!

Landor – most beautifully designed website

Mozilla

Clean, fresh and simple. Mozilla has a fun look and feel on its design which is also very clear and to the point.

Mozilla – most beautifully designed website

Eco

This is my favorite website designed using bootstrap technology. The color scheme and moving CSS patterns looks cool.

ECO – most beautifully designed websites

37Signals

Simple and nice website! This site has amazingly managed to center everything in the landing page itself.

37signals – most beautifully designed website

Pulpfingers

The simple texture and bold colors with the info-graphic feel design really works for me!

pulpfingers – most beautifully designed websites

Mailbakery

This websites big bold banner and read and blue accent color scheme is amazing.

Mailbakery – most beautifully designed website

Wunderkit

Incredible graphics, nice icons and jQuery makes this site a beautifully designed website!

Wunderkit – most beautifully designed website

No Leath

They have a good blend of Typography and big graphics to display their product.

No Leath – most beautifully designed website

Lake Nona

This website has one of the best sliders I have ever seen and an amazing layout.

Lake Nona – most beautifully designed website

Toasted Digital

No wonder this site also won the site of the day once! It has amazing jQuery transitions and a really amazing layout.

Toasted digital – most beautifully designed website

Vimeo

It has got a very interactive, user-friendly and funky design.

Vimeo – most beautifully designed website

Heroku Status

Simple, good and transparent status page.

heroku status – most beautifully designed website

Heroku

This is probably the geekiest website around but the best one out there.

heroku – most beautifully designed website

Google Websites

The white minimalist look of the new Google websites really works for me.

Google – most beautifully designed website

There are plenty of great websites if you have a list of your own, please feel free to drop them in comments

20 Most Powerful Design Blogs

Ishu Subedi — Wed, 03 Oct 2012 08:37:58 +0000

Web design technology is ever changing. With the introduction of the new concepts and tools being adapted by web design; it’s quite difficult for the web designers to keep updated with the latest changes. But thanks to great design blogs available across the internet which have been truly influential to the design community.

Someone recently posted a question on ‘Quora’ on the most influential design blogs which has received some really impressive lists of the design blogs.

Here are the lists of the 20 most popular design blogs that got voted on the answers-

Smashing Magazine

20 most powerful design blogs – Smashing Magazine

Creative Applications Network

20 most powerful design blogs – Creative Applications Network

Siiimple: Minimalist CSS Gallery

20 most popular design blogs – Siiimple Minimalist CSS Gallery

site inspire

20 most powerful design blogs – site inspire

Six Revisions

20 most powerful design blogs – Six Revisions

tuts+ premium

20 most powerful design blogs – tutplus

Just Creative

20 most powerful design blogs – just creative

CSS based

20 most powerful design blogs – cssbased

Design Observer

20 most powerful design blogs – design observer

UX Booth

20 most powerful design blogs – UX booth

Styleboost

20 most popular design blogs – styleboost

The FWA

20 most powerful design blogs – The FWA

Spyline

20 most powerful design blogs – Spyline

Small Surfaces

20 most powerful design blogs – Small Surfaces

Pttrns 1014

20 most powerful design blogs – Pttrns 1014

LukeW Ideation + Design

20 most powerful design blogs – lukew

Johny Holland – It’s all about Interaction

20 most powerful design blogs – Johny Holland

CSS Mania

20 most powerful design blogs – cssmania

UX Mag

20 most powerful design blogs – UXmag

Dribbble

20 most powerful design blogs – Dribbble

Have your favorites made it in the list? Do you follow through some other awesome blogs? If yes, then do leave them in the comments.

30 finest Illustrations from Dribbble

Ishu Subedi — Mon, 09 Jul 2012 10:32:08 +0000

We all know of ‘Dribbble’ as the ultimate resource for web designers. It’s got some insanely great design showcase from the finest designers from all over the world including web, print, logo, brandling just to name a few.

However, in this post I’ll walk you down some of the fresh and awesome illustrations from Dribbble. If you’re working on a project and don’t know where to start with; you can refer to these excellent illustrations to gather some professional ideas for your own illustration designs.

It’s bigger than you think

city-small

City illustration

Soccer Game Illustration

Soccer Game Illustration[/caption] WIRED Illustration WIRED Illustration Dribbble by Aleksandr Novoselov Dribbble by Aleksandr Novoselov browser game illustration browser game illustration Box Illustration Box Illustration Time Illustration timebite-illustration Wallet Wallet Olimp-006 Olimp-006 Stay Hungry Stay Foolish Stay Hungry Stay Foolish Make and Share your idea! Make and Share your idea! London Office London Office Milk bottle Milk bottle Fluid fluid Artist Bag Artist Bag Illustration about Baikal Lake Water Illustration about Baikal Lake Water Battle at Meiji Temples Battle at Meiji Temples Office Props Office Props Outfished Outfished cherry VS ice cherry VS ice The Eyes… The Eyes… Juliia Oh Juliia Oh Dribbble Surfing Dribbble Surfing Beach App Icon Beach App Icon The Cosmonaut The Cosmonaut Time Out New York Time Out New York Angry Squid Angry Squid Send to a friend Send to a friend winter soldiers winter soldiers

45 best design resources available for free

Ishu Subedi — Sun, 17 Jun 2012 07:44:31 +0000

Whether you are an expert /newbie web and graphic designer; the free design resources helps you stream your project time and produce a polished final result. The web is an actual wonderland of free design resources that can enhance your designs. This post features some 40 plus design resources that you can bookmark or watch out for the continual torrent of resources. Here you can find some useful sites that offer free fonts, free textures, free psd’s, free brushes, free icons and likewise. They are really cool!!

Fonts

Put your hands on all the fresh and quality fonts without touching your checking account.

Google Web Fonts

google web fonts

Font Squirrel

font squirrel

Urban Fonts

Dafont

1001 Free Fonts

1001 free fonts

Background Textures and Patterns

Patterns and textures are an integral part of the web design process; hence an increase number of resources is available for free. Some of the tools featured below will help you create your own background pattern, while others are sources of stock textures.

Stripe Generator

Lost and Taken

lost and taken

BG Patterns

bgpatterns

Subtle Patterns

subtle patterns

Icons

Free icons let you easily illustrate websites, blogs and applications. Here are some of the cool lists of the websites that offer free icons of various sizes.

Icon finder

iconfinder

Find icons

find icons

Icon archive

icon archive

Dry icons

dry icons

Icon deposit

icon deposit

Photoshop Brushes

The sites below lists thousands of free brushes used to enhance the intricacy of your site.

Brush King

brush king

Brusheezy

brusheezy

FBRUSHES

fbrushes

My Photoshop Brushes

my photoshop brushes

Brush lovers

brush lovers

Design Resources (Blogs,websites and magazines with freebies)

Try grabbing some excellent source of free Photoshop, WordPress, and themes for your next project inspiration.

Psd Hunter

Psd hunter

365 PSD

365 Psd

Top Design Magazine

top design magazine

Freebies Booth

freebies booth

WordPress Theme Shock

KB’s Portfolio – The Freebies

kb' s portfolio - the freebies

GUUHUU – Premium Design Resources

GUUHUU - Premium design resources

Pixel – Free Jetpacks for designers

Pixel - Free Jetpacks for Designers

Le Freebies – by breezy

le freebies

Purty Pixels

Salleedesign

Designmodo

becoming Creative

becoming creative

Web Appers

Open Web Design

Spoon Graphics

Spoon graphics

net tuts +

net tuts plus

Bittbox

AnimHut

Smashing Magazine

Open Source Web Design

Open source web design

Vector arts, Graphics and Images

Put your hands on the some of the finest resources available for vector arts, graphics and images!

Vecteezy

Vector Portal

Vector portal

Vector4Free

Vector4free

FreePik

freepik

Stock.xchng

stock exchange

This concludes my list of some finest free design resources; let me know which of these resources you found the most helpful. Make sure to suggest any great sites that’s not listed here.

25 amazing typography from Dribbble

Ishu Subedi — Wed, 11 Apr 2012 12:11:10 +0000

We all know of Dribbble as the most famous online designers community. While, it’s a great place to show off your skills, it’s also a source of inspiration that lets you gather feedback about your work from the best designers around the globe.

There’s a tendency for people to think of Dribbble as a showcase of web design projects or logo designs. However,Dribbble also has a growing community of typography artists, digital artists and CG artists. Typography plays an vital role in web design, branding whilst it also has a stand on its own.

In this post, I’ve gathered some finest typography artworks from Dribbble.

Built by bearded by Matt Braun

Typography by Matt Braun

Steven Paul Jobs by Dylan Roscover

Steven Paul Jobs typography by Dylan Roscover

California 2011 by Fabio Sasso

Vintage style California 2011 by Fabio Sasso

Sale by Mike at Creative Mints

Save typography by Mike at Creative Mints

Ticket Stub by Ryan Putnam

Ticket stub by Ryan Putnam

AppRemix by Carl DeCaire

App Remix by Carl DeCaire

Icograda Sitemap by Christopher Paul

Icograda sitemap by Christopher Paul

Live to work by 55 Hi’s

Live to work by 55 Hi's

Mr. Wolf by Henning Gjerde

Mr.Wolf by Henning Gjerde

Oliver David Christman by Greg Christman

Oliver David Christman by Greg Christman

TP Type by Jessica Hische

TP Type by Jessica Hische

Lil Birdy by Victor Vasquez

Lil Birdy by Victor Vasquez

Sexy Websites by Dave Ruiz

Sexy Websites by Dave Ruiz

F by Francis Chouquet

F by Francis Chouquet

Pleco Software logo design by Gert Van Duinen

Final Logo Design for Pleco Software by Gert Van Duinen

All Abroad Suit POsters by Sarah Mick

All Aboard: Suit Posters by Sarah Mick

Lefy by Brent Couchman

Left by Brent Couchman

Coffee Lovers by Marcelo Schultz

Coffee Lovers by Marcelo Schultz

Full Interface by Dann Petty

Full Interface by Dann Petty

Light Bulb by Mike Kus

Light bulb by Mike Kus

Stir brandling by Megan Kirby

Stir brandling by Megan Kirby

Paris Wall by Martin Schmetzer

Paris wall by Martin Schmetzer

Bird Alphabet by Jessica Hische

Bird Alphabet by Jessica Hische

Pixel Pops Logo Idea by Joey Hasty

Pixel pops logo idea by Joey Hasty

Papercut Typography by Teresa Wozniak

Papercut Typography by Terera Wozniak

Please feel free to post links to Typography that you may have also liked on Dribbble in comments!

Many Faces we Carry

Ishu Subedi — Tue, 21 Feb 2012 04:07:17 +0000

“Here I am, at the Thirteenth Latitude of Desolation,
the Hundredth Longitude of Shame,
the utmost Altitude of teeth-gnashing Defiance,
somewhere far out, at the point of the Ultimate,
and still I wonder whether it is possible
to go any farther…”

—The message found in the bottle in Karinthy’s poem “The Message in the Bottle”

It’s never too late in life to revise

Ishu Subedi — Wed, 11 Jan 2012 16:56:11 +0000

Photoshop painting effect with shades of color

Ishu Subedi — Thu, 05 Jan 2012 15:35:24 +0000

My evenings are always well spent on little writing; and a chat with a special friend that lasts for hours. Yes, that’s an everyday affair!! With 11 hours of load shedding round the corner, I struggle to make my younger sister realize the importance of laptop’s battery life which she misuses milking imaginary cows in Farmville. There are times I fight for it WWE way!!

This particular day, my friend couldn’t make it to come online. Thanks to load shedding!!

I’ve been used to hitting off for bed late; moreover, it’s not a cool idea to sing myself a lullaby when I’m furious. Coz, that’s when I end up with dreams of science and math classes all over again. With nothing much to do, I started clicking through all the folders in my system and came across this sketch that I had drawn back in my school days. As I was trying to open it, it opened with Photoshop CS3; my once pleasant company.

Attempting to kill boredom, I started playing around with few Photoshop tools in the sketch. I pretty much like the end result that’s come on sketch with only a few touches of color; it’s colorful and vibrant.

Here’s how you can add similar Photoshop effect to your drawings or photographs (It’s easy and only takes few minutes):-

Open your work in Photoshop and navigate to Filter > Artistic > Fresco
Add a new layer with a blend mode set to ‘color’.
Lastly apply gradient to the new layer with different shades of color as per your choice.

Load shedding at least did some good, it helped revive my love for Photoshop; mostly it’s inspired an important category on ‘My Blog’ .i.e. ‘Art and Photoshop’. Hopefully I can share some more Photoshop manipulation tips in the days to come through this section.

Have you got great Photoshop art manipulations tips or work that you’d like to share?

Photoshop art manipulation with gradient tool

Ishu'sBlog » UI Designs

Resources for designing high converting landing pages

15 Most beautifully designed websites

20 Most Powerful Design Blogs

30 finest Illustrations from Dribbble

It’s bigger than you think

City illustration

Soccer Game Illustration

WIRED Illustration

Dribbble by Aleksandr Novoselov

browser game illustration

Box Illustration

Time Illustration

Wallet

Olimp-006

Stay Hungry Stay Foolish

Make and Share your idea!

London Office

Milk bottle

Fluid

Artist Bag

Illustration about Baikal Lake Water

Battle at Meiji Temples

Office Props

Outfished

cherry VS ice

The Eyes…

Juliia Oh

Dribbble Surfing

Beach App Icon

The Cosmonaut

Time Out New York

Angry Squid

Send to a friend

winter soldiers

45 best design resources available for free

Fonts

Google Web Fonts

Font Squirrel

Urban Fonts

Dafont

1001 Free Fonts

Background Textures and Patterns

Stripe Generator

Lost and Taken

BG Patterns

Subtle Patterns

Icons

Icon finder

Find icons

Icon archive

Dry icons

Icon deposit

Photoshop Brushes

Brush King

Brusheezy

FBRUSHES

My Photoshop Brushes

Brush lovers

Design Resources (Blogs,websites and magazines with freebies)

Psd Hunter

365 PSD

Top Design Magazine

Freebies Booth

WordPress Theme Shock

KB’s Portfolio – The Freebies

GUUHUU – Premium Design Resources

Pixel – Free Jetpacks for designers

Le Freebies – by breezy

Purty Pixels

Salleedesign

Designmodo

becoming Creative

Web Appers

Open Web Design

Spoon Graphics

net tuts +

Bittbox

AnimHut

Smashing Magazine