We Love Brisbane – Website Design » Design The World

Advertise here with BSA

Big images can certainly create a big impact in a design, and I believe this is why more and more websites are starting to use big images to deliver nice and beautiful visuals to their viewers. Something that is good about this trend is that designers are using images combined with clean and minimal designs, layouts where images take the center stage and everything else complements it. It’s also important that when using huge images, designers optimize them the best they can to deliver a good user experience, which is great.

Today we gathered some beautiful examples of websites using big images and you will see that from full screen photos to header images and more, there are several ways to incorporate images in your website.

Theme Trust

Seed Spot

Karma

Geckoboard

Kyle Thacker

Tiny Factory

Do

Kin

Data Driven London

Sawyer Maker Lab

evoluted

Cedric Marteau

Escape Flight

Pi’s Epic Journey

Rosebud

84.Paris

Soft Facade

Eva Black Design

Jardan

kvadrat

The Prince Ink

After over 4 years I decided to start working on a new personal site. The last time I made updates was back in 2009 and since then I haven’t been paying too much attention to it, however I feel it’s time for me to try some different things with it in terms of web design, responsive, mobile first and other such trends. The first thing I needed of course was a logo. Today, I share with you the creative process behind the logo.

Inspiration/References

The logo is inspired by a college team logo, I wanted it to have this reference because the idea is that the site will be a creative laboratory of things I want to learn and experiment within the realm of HTML, CSS and Javascript.

Another reference is the San Francisco Giants logo, I love the angularity and the way the letters have been super imposed.

Sketches

Some explorations for fun

Illustrator

Once I had some sketches I started creating the digital version. The logo is basically made of rectangles and triangles and as you can see the images below, I started adding basic shapes and improving upon them.

Grid

Negative space shadows

Using the same triangles from the corners of the “S”, I created basic shadows, and then made them as negative space.

Compositions

Colors

Final Symbol

After an afternoon of fun I ended up with a nice symbol, very aligned with the design principles I had in mind, especially to have the look and feel of a college sports team. I still want to make some optical adjustments to make sure the proportions are right. The next step then will be to show you the web site 🙂