И самое главное — не забывать делать рабочий макет под IE6 и wap 480*х, зря мы чоль страдали, пусть поколение понимает проблемы

Никак, это псевдоэлемент у блока, он и так по умолчанию существует.
Вы можете ранее его в стилях создать и скрыть а по клику добавить класс и по новому классу показать

.image-container:before {бла бла бла display: block;}

$('.image-container').addClass('.showpsevdo');
и в стилях

.image-container.showpsevdo:before {display: block;}

Хороший дизайн когда он вообще не заметен, то есть вы не думаете - где же здесь кнопка поиска, как попасть в каталог, где купить и тд.
В этом плане дизайн связан вплотную с интерфейсом, то есть разрабатывать его должны минимум 2 разных специалиста в плотном контакте с клиентом.
Например в тостере поначалу искал ленту своих ответов, рядом с ником есть иконка выпадающего списка, логично туда впихнуть все частые внутренние опции профиля.
То есть уже один недочет дизайна на лицо