Web, print and photography portfolio by Katja Kromann for Web by Pixel, inc.Subscribe

Responsive web design - mobile first

This is a Web design post
This website is now coming at you with responsive design. Responsive design is the relatively new way of designing websites so that they perform well across different platforms such as PCs, laptops, tablets and cell phones.

Since more and more traffic is coming from mobile devices such as tablets and cell phones, it makes sense that websites are now being designed with a 'mobile first' mind set.

Below you can see examples of how this websites now looks on a PC, a tablet and one a cell phone.
Responsive webdesign

Below left you can see what the website used to look like with the old design when looking at it on a cell phone. While you could see more of the website on the screen, the text was really small and you had to pinch zoom on a cell phone to really read anything. With the new responsive design shown on the right, the text is now much more legible, making for a much smoother user experience.

Responsive webdesign2
Interested in a custom website with responsive design for cross platform useability? Contact me

Portrait mini sessions in Atlanta

This is a Photography post
I was just at a conference in Atlanta, Georgia. While I was there I did several mini sessions, getting some portraits of these beautiful ladies:

Amber 2up
Wills Casa

brynne 2up
The Gathered Home

cassie 2up
Primitive & Proper

Emily 2up
Go Haus Go

Gretchen 2up
Boxy Colonial

Julia 2up
Cuckoo 4 Design

Kim 2up
Newly Woodwards

Michelle 2up
Decor and the Dog

Read more about the conference here.

BeamReaders business cards

This is a Print Design post
This is the new look I designed for BeamReader's business cards.

The card flips horizontally, so the blue box with the logo is placed at the same end of the card to achieve a "dipped" effect. I added my favorite effect: UV spot coating on the blue part to enhance this effect.

UV spotting let's you coat part of the business card with a glossy surface. I like to only coat part of a business card with glossy because it becomes its own design element and you can still use the rest of the surface for writing notes.

BR cards

Party invitation

This is a Print Design post
I was sent the photo below on the left as inspiration to create an invitation for a party. I created a background picture for the invite with this photo using filters and other Photoshop trickery.

Invitation example

Here is the invitation which is meant to be a web invite, so it will be emailed rather than printed and mailed. I still made a printable pdf version of the invitation for those who wish to print it as a keepsake.

I changed the info on the invite for privacy, so don't be showing up for Sarah's 30th...

example

Digital Imaging flyer - marketing flyer

This is a Advertising post
This is an online pdf flyer for follow-up marketing purposes.

BR digital implant flyer web

View it in PDF format:

Digital Implant Flyer

Video intro for online marketing

This is a Advertising post
I made this intro for a new course offering for a BeamReaders.com. It will play at the beginning or end of video marketing material and at the course itself.



New look for Boxy Colonial

This is a Print Design | Web design post
I did a re-design for BoxyColonial.com - a great blog filled with family, fun and DIY. It's written by a great writer: Gretchen Holcombe.

This is what the blog looks like now with the new header:

bc blog2

Here is what the blog looked like before:

boxy before

I began the re-design by drawing an outline of her house, then stylize the drawing and finally coloring it in. We decided to color outside the lines, to get a look and feel sort of a 4 color print press style. I like how it adds charm to the house and doesn't take itself too seriously.Very much like Gretchen, who is both a charming and funny blog writer and fabulous DIYer and not to mention a great blogging friend!

logo house

Next, I used the same elements and created a business card design for her

bc

BeamReaders shopping site

This is a Web design post
I designed this shop for courses on BeamReaders.com. The back-end application is a Web by Pixel shopping solution. A shopping solution is one of 48 web applications available with a Web by Pixel Content Management System.

shopping

Clinically Correct

This is a Print Design post
I designed a slip-case (DVD jacket) and DVD covers for Clinically Correct for a 4 DVD training seminar.

Clinically Correct slip case web

DVD design web

This is the image I made for their online shop

product image dvd2

BeamReaders.com new website look

This is a Web design post
I made this web design for http://beamreaders.com - a Web by Pixel client.

beamreaders

Visit page here: BeamReaders.com