Archive

Archive for September, 2015

Banking & Financial Company Website Designs

September 12th, 2015 No comments
44-aragon-assets-management-website.jpg

Corporate business websites are often considered stuffy, outdated, and sometimes out-of-touch with clientel. Admittedly larger corporations can grow a bit too large and derail from their original intention. But when partnered with an amazing creative team corporations can quickly get back on track.

This gallery focuses on websites for finance, banking, and other pecuniary institutions. Many of these designs are exquisite considering the size and spectrum of these companies. You’ll find a wide mix of interesting color choices, navigation styles, and layout compositions. Take a peek over this gallery and see if you can brainstorm any other ideas for your own designs.

KeyPoint Credit Union

AB Global

ab global investment management website

Northeast Credit Union

ne credit union website

Mint

mint money management website homepage

Logix

logix smarter banking website

IMF

international monetary fund imf website

Meritrust

meritrust credit union homepage

Bank of Hawaii

bank of hawaii website design

Johnson Bank

johnson bank homepage website layout

Nomura

nomura capital investment group

Lazard

lazard financial company website

Wells Fargo

wells fargo financial company

St. Mary’s Credit Union

st marys credit union webdesign

Evolve Wealth

evolve wealth financial company website

BMO Capital Markets

bmo capital markets website design

Mango Money

mango money homepage web design inspiration

Bain Capital

bain capital homepage design layout

Pathways Credit Union

pathways credit union website design

Technology Credit Union

tech cu credit union homepage

Canyon State Credit Union

canyon state cu bank homepage

Los Angeles Federal Credit Union

la federal credit union homepage

Fiera Asset Management

fiera asset management

PNC Virtual Wallet

pnc virtual wallet landing page

Robocoin

robocoin monetary homepage bitcoin

Xapo Wallet

xapo bc bitcoin wallet homepage

Coinbase

bitcoin wallet coinbase website

Strongcoin

strongcoin wallet digital homepage

Unocoin

unocoin india bitcoin wallet

BitGo

bitgo homepage bitcoin design layout

Invesco

invesco fullscreen bank homepage

Block.io

bitcoin api block homepage design

Cryptonator

crypto currency coins design homepage

Black River Asset Management

black river asset management

UHCU

united heritage credit union website design

Sprott

sprott asset management company

Vontobel Asset Management

vontobel asset management homepage

First Bank

first bank homepage design layout

406 Ventures

406 ventures homepage layout inspiration

Old Mutual

old mutual homepage design

NFU Mutual

nfu mutual homepage design layout

Bridgeway

bridgeway homepage investments group

Field & Main

field and main bank homepage design

Aegon

aegon investments management group

Argon

argon asset management group

Read More at Banking & Financial Company Website Designs

Categories: Designing, Others Tags:

Comics of the week #304

September 12th, 2015 No comments

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

A matter of perspective

That’s why I’m here

No lightweight

Can you relate to these situations? Please share your funny stories and comments below…

60+ Perfect iPhone 6 Real-Environment Mockups from iMOCKPS – only $9!

Source

Categories: Designing, Others Tags:

ELI5 Amazon Web Services: A Handy Online Reference Guide

September 11th, 2015 No comments
00-aws-logo

The premiere destination for all your online shopping needs has recently birthed a fabulous tool for webmasters. Amazon Web Services(or AWS) is a collection of services and online technologies made for website & mobile app developers.

It all seems great and there are so many cool features – but what the hell is the point of everything? Amazon uses so many catchy buzzwords to brand all this stuff, newcomers are lost before they can even get started.

Thankfully a new guide has been published by ExpeditedSSL named AWS in Plain English. The purpose of this guide is to explain every single AWS feature, what it does, and why you might use it.

Each service only has a brief breakdown for the moment, but you should expect full individual webpages dedicated to each one.

The author of this guide wrote a comment on Reddit explaining his plan to release a page for each & every individual AWS service. These “in plain English” guides really help dissolve the overhypted tech lingo to get straight to the root of why people pay for services like this in the first place.

So definitely check out the AWS In Plain English website and have a look for yourself. If you’ve never been able to understand AWS before, you might walk away from that guide with an ah-ha! moment.

Read More at ELI5 Amazon Web Services: A Handy Online Reference Guide

Categories: Designing, Others Tags:

Camera+ Releases a Free Version of the Beloved iOS Camera App

September 11th, 2015 No comments
00-featured-cameraplus-icon

Apple users who have been around the block should know about Camera+. It’s a 3rd party iOS app meant to provide an alternative to Cupertino’s default Camera app.

For years it’s been resting in the App Store and over time has pulled in over $100MM profits. But just recently the developers tap tap tap have announced a newer free version. It will include many of the same features, but have others limited to in-app purchases. In the long run it would probably be cheaper to just buy the premium app – but for people who merely want to try it out, this is a great deal.

You can download the free version now from the iOS App Store. If you enjoy the product and want to upgrade you can always delete the free Camera+ install & replace it with a full paid version for $2.99 USD.

This decision stems from a promotion ran last year by the tap tap tap team. They found out that offering the app for free over a small window of time showed incredible results.

“With the Apple promotion, we definitely were concerned that giving away the full version for free could potentially hurt sales,” explains Casasanta. “We still decided that it would’ve been worth the risk to try it out and when we did, we were pleasantly surprised to find out that it actually helped sales as we got a significant spike during the promotion and afterward.”

It’s hard to say which features will remain of if any new ones will be imposed. But for anyone who’s curious this would be the best time to download Camera+ free and see how it works.

Read More at Camera+ Releases a Free Version of the Beloved iOS Camera App

Categories: Designing, Others Tags:

Insight from the Bucharest Dribbble Meetup

September 11th, 2015 No comments
000-featured-dribbble-meetip

A resource site by the name of Creative Tim put together a brief Dribbble Meetup in early September. It seems to have been such a success that the organizer decided to write a blog post on the impressions.

Initial expectations were about 15-20 people but just over 40 people showed! Quite a turnout fo an American portfolio site meetup located in Romania. The event even managed to reel in sponsors including Designmodo, UXeria, and HotJar.

The event had lots of food, drinks, and games. There was even a drawing competition where guests had to draw their partners. The winner walked away with a brand-spankin’ new yo-yo!

dribbble meetup drawings

And just like any great event, there were plenty of speeches. Talk about startups, managing clients, the business-side of design, and even nitty-gritty ideas like how to build icons from scratch(shared by Tea Tomescu).

It seems this Dribbble meetup was a smashing success with lots of interesting! So much so that there’s another design-related meetup in Romania.

While few of us may live in Romania or close enough to attend, this is still a wonderful surprise to see Dribbble designers passionate enough to organize these kinds of events. I certainly hope we see a lot more of these meetups springing across the United States & other western countries.

Read More at Insight from the Bucharest Dribbble Meetup

Categories: Designing, Others Tags:

Font Flame Marries Tinder Matching with Typography

September 11th, 2015 No comments
font-flame-typewolf-webapp

Those who follow the rapidly growing(or decaying?) culture of dating in the western world should know about Tinder. It’s a “dating” app that allows you to pair up with people in your area.

After entering some info Tinder will do its best to pair you up with other nearby people on Tinder. You swipe left to reject, or swipe right to accept. Pretty simple concept.

Well all designers know that it’s tough(but necessary) to find a balanced composition. This often relies on many factors like color theory and white space. But typography matching also plays a large role.

Enter Font Flame, the online webapp for checking out combinations of fonts.

It’s hard to say whether the site’s algorithm is meant to produce naturally-extravagant fonts, or just 2 random typefaces thrown together. But either way it’s an interesting concept that has recently gained notoriety among web & graphic designers.

You don’t actually need to know much about typography or styles to play with Font Flame. In fact, a newbie designer could learn a thing or two by working with this app! Granted you won’t get the same knowledge compared to spending your time reading “Thinking with Type”… but I supposed a Tinder knock-off can teach many of the same vital design lessons.

Read More at Font Flame Marries Tinder Matching with Typography

Categories: Designing, Others Tags:

Google’s Android Pay Tussles against Apple Pay

September 11th, 2015 No comments
00-android-pay-feature

Some of us have likely seen the Apple signs and logos in storefront windows indicating the acceptance of Apple Pay. This is Apple’s method of breaking into the payment industry for competing against larger financially-focused platforms like Square.

An official blog post was published on the Android blog detailing the official public release of Android Pay. It can be used to handle secure payments in many store along with managing gift cards and store credits.

Android Pay works with all NFC-enabled Android devices (running KitKat 4.4+), on any mobile carrier, at every tap and pay ready location across the US. Android Pay will support credit and debit cards from the four major payment networks: American Express, Discover, MasterCard and Visa. These cards are issued by many of the most popular US banks and credit unions, including American Express, Bank of America, Discover, Navy Federal Credit Union, PNC, Regions Bank, USAA, and U.S. Bank. Wells Fargo will be available in the next few days, Capital One and Citi are coming soon, and we’re adding new banks all the time.

Since this is still so new there’s bound to be many further advances in due time. It’s hard to know what to expect at this point, but I will say it seems Google is going all-out to compete against Apple’s similar alternative.

You’ll find a whole lot more information on the Android Pay homepage. From there you can also find out which device support Android Pay & how you can get it setup on your Android-powered mobile machine.

At the moment it seems this may also tie into Google Wallet, although details are still in the works.

One thing for sure is that Google’s pulling out all the stops to get this idea in motion & into people’s hands as fast as possible.

Read More at Google’s Android Pay Tussles against Apple Pay

Categories: Designing, Others Tags:

Why Sketch and Atomic.io are the Best Prototyping Duo

September 11th, 2015 No comments
00-featured-sketch-atomic

The Mac OS X app Sketch is wonderful for designing user interfaces. Its artboard system only adds to the experience, letting users demonstrate how a single dynamic screen might vary depending how people interact with it.

But one thing we cannot communicate is how an element might animate while the user interacts with it. What happens between the two states?

And similarly, have you tried Atomic?

Atomic.io Logo

Atomic, the Interaction Prototyping Tool

Atomic.io is surprisingly similar to Sketch despite them accomplishing two different things. It’s structured with Pages and Artboards just like Sketch, and you can either copy layers from Sketch or create them yourself in Atomic.

It’s true beauty is apparent when you begin designing the interactions and transitioning the screens together.

It’s fair to say anyone who does UI/UX design in Sketch will fall head-over-heels for Atomic.

Same Method of Execution

What Makes the Perfect Duo?

Atomic corresponds to many of Sketch App’s keyboard shortcuts despite it being a web application.

Here’s one that you won’t find in Sketch though: “H” for Hotspot.

Keyboard Shortcuts in Atomic.io

If you’re creating objects, shapes, and text directly in Atomic, you’ll notice the “Style Panel”(on the right) isn’t much different from Sketch’s “Inspector”.

In fact, you can right-click in Sketch and select “Copy CSS Attributes…” and paste them into the “Custom CSS” field in Atomic.io. Talk about a time saver.

If this isn’t enough to convince you, let’s consider snap-to intuition. This may make you wonder if Atomic.io was really built by Bohemian Coding.

Overall Atomic works best as a general prototyping tool but it doesn’t need to go solo. Give it a shot in conjunction with Sketch and see what you think!

Read More at Why Sketch and Atomic.io are the Best Prototyping Duo

Categories: Designing, Others Tags:

Generate Conference opens September 17th in London

September 11th, 2015 No comments
00-featured-generate-conf-gavin

The recently bridged Generate Conference has grown to a tremendous amount of popularity. In 2015 it will be hosted in London, England in the Grand Connaught Rooms.

It’s a 2-day event spanning the 17th and 18th of September. Many guests will be speaking about various topics from design, development, and everything in-between.

It appears the schedule of events is jam-packed with talks and keynotes from various speakers. Generate is more of a conference/keynote event where speakers dominate the schedule.

You won’t find any workshops but there are plenty of breaks for food and chatting with other conference-goers.

The list of speakers includes Dan Goodwin, John Setzen, Eric Meyer, and Phil Hawksworth among many other talented people.

As of this writing tickets are still available with plenty to choose from. If you’re anywhere near London or might want to take the trip, this 2-day conference is sure to offer a lot of insight and some great presentations.

Read More at Generate Conference opens September 17th in London

Categories: Designing, Others Tags:

A Poll of Modern Frontend Web Developer’s Preferred Tools

September 11th, 2015 No comments
webdev-tools-survey

Recently a Senior Web UI Engineer by the name of Ashley Nolan published a wonderful blog post detailinig the results of a survey she conferred with various web developers. The results were meant to measure which tools, languages, libraries, and dev resources are currently the most popular among coders in 2015.

Some results feel more than obvious while others are rather shocking. Here’s a rundown of the data charts but if you want to read more details please visit Nolan’s original blog post.

Preprocessors

Modern CSS preprocessors save a lot of time on more than just one or two tasks. Interestingly we all can expect either Sass or LESS to make it onto this list. But the results show a few other interesting points as well.

Post-Processing

The next question wasn’t geared towards the popularity of tools, but rather the number of developers who were familiar with the idea of post-processing. The most popular choices are Post CSS and Rework CSS, both of which were the limiting options in this survey.

Post CSS processing

Task Runners

These tools follow automation to the max. You can write scripts or apply pre-built scripts to a wide variety of files to achieve results like minification, merging, and simplification of redundant elements.

Task Runners

JS Frameworks

The fourth question deals with JavaScript frameworks, and more specifically developer’s current knowledge base of dev frameworks. I’m not surprised to see jQuery so high up on the list. I am a little surprised to see Ember.js is “heard of”, but very rarely used.

JS framework usage

JS Frameworks(Most Used)

Similar question but more about usage. This graph depicts the most popular JavaScript libraries & frameworks that frontend developers use on the vast majority of their projects. Yet again jQuery leads the way, but Angular is a close second which I’m very happy about.

most used JS libs

JS Module Bundlers

It seems very few devs have even heard of these bundlers, let along use them in their workflow.

A bundler is meant to save time by combining all modules together into a single file. This can also work with something like ES6 or variants of JavaScript like CoffeeScript.

Interestingly enough, frontend developers on average do not use module bundlers at all in their workflow. I’m curious to see if this trend might change over the next 5-10 years.

JS bundler tools

JS Testing

Another less-popular chore among frontend developers is testing. This can be accomplished through a variety of frameworks that work on page dynamics/DOM elements, as well as asynchronous results like Ajax requests. Again it seems very few developers have latched onto custom testing but maybe this will catch as the years pass by.

javascript testing libs

Misc Frontend Tools

Lastly we come to a general question about miscellaneous tools for developers. This isn’t just about usage, but also considers if developers have even heard of these tools. The results are quick interesting and overall I find this quiz to paint a magnificent picture of the microcosm of frontend development.

webdev misc tools

I’d again like to thank Ashley Nolan for granting permission for us to republish her findings here on Web Design Ledger. I’ve just glossed over many of these topics presenting the raw results of Ashley’s survey. But if you’re interested to read more please check out her wonderful post covering many facets of the surveying process itself.

Read More at A Poll of Modern Frontend Web Developer’s Preferred Tools

Categories: Designing, Others Tags: