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

New working circle gif

This is a Web design post
working circle 2

This is the new working circle gif I made for our Web by Pixel Content Management System. It is used in the instances where a website is loading something.

If for instance you are uploading a very large file there will be a length of time before the upload is complete.

This gif lets the user know that the computer is still working and did not 'freeze' or stop.

Yep, it just keeps going and going.

BeamReaders has a new website look - responsive web design

This is a Web design post
We just finished the first step in converting BeamReaders.com 's website to a mobile first, responsive website.

This is the look on the different platforms:

BR site

And here is a view of more of the site as it becomes visible with scrolling:

BR site 2

For the rest, it is easier to visit the site itself: BeamReaders.com

I am currently working on updating the sub pages as well.

Logo modification for BeamReaders, inc.

This is a Print Design post
BR logo

I recently suggested this change to the BeamReaders' logo to make a little less busy and also to make it take up less vertical space. At the same time, the client wanted to capitalize the 'R', as that is how they are usually typing their name in their marketing materials.

The logo can be printed on a dark background, or on a white background.

Web by Pixel core roll out Content Management System

This is a Web design post
I have given a new look to the Content Management System (CMS) of Web by Pixel.

We have updated the features of our CMS to be mobile friendly and adhere to the new mobile first strategy that Google recently implemented.

It is the core roll out when you buy a Content Management System from us, before your own design is added to the site.

Here is the new look:

web20.site

And here is what it looks like at the different sizes for desktop, tablet and cell phone.

web20.site2

There are virtually infinite ways to add your own design to this and customize the menu. That is of course only the starting point. Many different apps can be installed to really make this a powerful management tool for any of your business and business-to-business needs.

New business cards for a house keeper

This is a Print Design post
I was asked to design new business cards for a house keeper.

Her name and phone number have been changed for the purpose of showing this card design:

Cleaning biz cards

New business cards for Web by Pixel

This is a Print Design post
Here are the new business cards I designed for Web by Pixel, using our new logo.

wbp biz card


The fronts also have our email addresses and cell phone numbers, which I have removed here. On the back I have repeated the logo.

New logo for Web by Pixel

This is a Print Design post
It is with some sadness that I am retiring this old logo of our web business: Web by Pixel. I just love that animation and I learned so much about flash animation when I created it many years ago.

Of course flash does not work on tablets, phones and other mobile devices, so it is becoming a dinosaur. If you are reading this from one of these devices you will not actually be able to see the animation - hence my point, but just a still graphic of the logo.

If you are viewing from a pc or laptop, the animation might have already run its course by the time you get down to this post, so then you will have to refresh the site and scroll back down.

Here it is:
 
No Flash Support

This is our new logo which I have created by manipulation a font as a jumping off point to make our logo unique looking:

wbp logo

I have changed the kerning (space between the letters), made the dot over the "i" smaller, made the loops on the "b's" different sizes. Matched the loop of the "y" and "p" in length and overall changed the width of the lines of the letters. I have added a little starting point for the "p" in the upper left corner. Just to name a few changes.

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