Categories
уеб дизайн

Урок по уеб дизайн от Elliot Jay Stocks

Не веднъж съм казвал, че ключът към успеха на уеб дизайнера на свободна практика е доброто портфолио. Наскоро един от най-уважаваните уеб дизайнери в бранша – Elliot Jay Stocks, направи редизайн на личния си сайт и реши да сподели своя процес на работа при реализирането на новата версия на портфолиото си. Освен уважаван уеб дизайнер Elliot е и изявен лектор по повечето големи конференции и форуми за уеб дизайн.

За разлика от предното видео, което ви споделих, този видео урок по креативен уеб дизайн, наречен от Elliot “How to Design a Portfolio Site” е с продължителност от 1 час. Разделен е на две части и въпреки че е доста дълъг си заслужава гледането!

В първата част Elliot говори за:

  • трите основни компонента, които всяко едно портфолио трябва да има
  • портфолио сайтове, които са го впечатлили
  • защо са необходими подробни обяснения (case studies) към всеки проект в портфолиото и как тези обяснения ще увеличат запитванията за уеб дизайн
  • визуалната концепция на сайта му

How to Design a Portfolio Website, Part One from Carsonified on Vimeo.

Докато в първата част се набляга главно на дизайна в Photoshop, то във втората част от този уеб дизайн урок Elliot говори предимно за:

  • нарязването на дизайна във валиден xHTML и интегрирането му в WordPress.
  • как да структурираме CSS файловете си
  • добавяне на детайли с помоща на CSS3
  • използване на “custom fields” в WordPress
  • анимация посредством Webkit Transistions

Categories
уеб дизайн

Видео блог за уеб дизайн From the Couch

From the Couch е онлайн видео шоу, което се води от братята уеб дизайнери Марк и Дейвид Перел. Марк и Дейвид живеят в третия по големина град в ЮАР – Кейптаун и имат малка фирма за уеб дизайн, наречена Obox Design.

From the Couch е забавен и в същото време полезен видео блог, в който те разказват за ежедневиeто си на уеб дизайнери и за проблемите, които решават всеки ден в офиса си.  Темите им винаги са много разнообразни и интересни: от съвети и трикове за CSS, Html и WordPress, до последните тенденции в графичния и уеб дизайн.

Ето какво казват самите Марк и Дейвид за From the Couch:

Основахме нашето малко студио за уеб дизайн през 2003 година и до 2008 само се “възползвахме” от чудесното уеб общество. Следихме една дузина блогове за уеб дизайн и се учихме от най-добрите уеб дизайнери, пишещи в тях. Научихме всичко за професията уеб дизайнер от интернет и няколко години по-късно си казахме, че е време и ние да дадем нещо на това общество и да споделим опита си.

През 2008 стартирахме блог за уеб дизайн, наречен We are not Freelancers. Въпреки че блогът бързо стана популярен, само два месеца по-късно ни хрумна идеята да започнем и онлайн шоу за уеб дизайн и програмиране.

Всичко започна като на шега – само за няколко часа се справихме с уеб дизайна на блога и заснехме пилотния епизод с аматьорската камера на по-малката ни сестра, която вече също е част от екипа на Obox Design. Днес вече разполагаме с професионална видео техника и снимаме по един епизод всеки ден.

Видео блогът ни вече се радва на огромна популярност и дори наскоро бе удостоен с наградата на SA Blog Awards за Най-добър Нов Блог за 2008. Успехът ни се дължи най-вече на факта, че правим нещата спонтанно, без предварителен сценарий, стремим се не само да сме от полза на нашите зрители, но в същото време и да ги забавляваме.

Ето и един избран епизод на тема: “Готови ли сме за уеб дизайн от 1000px?”

www.from-the-couch.com/
[wp:svejo-net]

Categories
уеб дизайн

За уеб дизайна и печатните медии.

Какво можем да научим от колегите, занимаващи се с предпечат. Кратка, но полезна презентация по темата. Enjoy!

Categories
Портфолио

Markrit

Уеб дизайн за сладкарници Маркрит

Описание:

Верига Сладкарници “Маркрит” са специализирани в изработката на всякакви видове бутикови торти: – детски торти, фирмени торти и сватбени торти. Фирменият им каталог включва богато разнообразие както на стандартни, така и на специални торти. Клиентите им имат уникалната възможност да поръчат  уникални торти с ръчно изработени орнаменти и рисунки по тяхно желание. За да постигнат неповторимото качество и вкус, с което се славят торти им, те подбират с изключително внимание всеки използван продукт – пресни плодове, блатове, плодови декорации и др.

Ние от “Маркрит” винаги сме се имали за цел нашите сладкарници да предлагат на клиентите ни едновременно уют и приятна обстановка, както и гарантирано високо качество на сладкарската ни продукция. Голям принос за високото ниво на обслужване в сладкарниците ни имат нашите служители. Всички те са отлично запознати с тънкостите на работния процес и стандартите на работа. Тяхната висока мотивация, компетентност и гъвкавост при обслужване са важен фактор за поддържане на високото качество на обслужване в сладкарниците от верига “Маркрит”.

Трябва да призная, че не бях запознат с вкусовите качества на тортите Маркрит, преди да се захвана с уеб дизайна на сайта им. За сметка на това в процеса на работа имах възможност да опитам голяма част от стандартните им торти и откровенно мога да заявя, че те са може би най-вкусните на пазара.

Уеб дизайнът на старият им сайт не отговаряше на качествените им сладкарски продукти, а навигацията му беше доста объркваща, затова решихме да изградим изцяло нов. При създаването на визуалната концепция акцентирах върху тортите на Маркрит и върху четирите им заведения в София, които са представени с по една снимка в сайдбара на всяка страница. Резултатът – малък статичен сайт, с ясна навигация и приятен уеб дизайн. Първоначалната визуална концепция бе в различна цветова гама, но в последствие клиентът прецени, че трябва да съобразим уеб дизайна на сайта с цветовете на интериора и логото им. Сайтът е изграден с помоща на колегата инж. Николай Стоянов, който свърши чудесна работа с SEO оптимизацията му.

Роля в проекта: Идеен проект, Уеб дизайн

Използвани технологии: PSD, xHTML, CSS

Време за изпълнение: 12 дни

Адрес:markrit.com

Първоначална концепция за уеб дизайн на началната страница:
markrit1

уеб дизайн на началната страница:
markrit2

Categories
Портфолио

Евроканал ЕООД

Уеб дизайн за ВиК фирма Евроканал

Описание:

Евроканал е специализирана ВиК фирма с богат опит, която извършва всякакви видове комунални услуги като: изграждане и поддържане на канализационни и водопроводни мрежи, профилактика и инспекция на ревизионни шахти, отводняване на помещения, отпушване на канали и навременно отстраняване на всякакви видове ВиК аварии. ВиК екипите им разполагат с модерно оборудване за отпушване на канали и тръби, с възможност за дълбочинна работа на десетки метри под земята.

Задачата: Клиентът имаше нужда от малък статичен сайт с валиден, SEO оптимизиран код и привлекателен уеб дизайн, който да представя ВиК услугите им. Въпреки че избягвам да правя лого дизайн, защото не претендирам да съм специалист в тази област, се съгласих да изградя и лого за сайта. След като приключих работата над уеб дизайна, колегата инж. Николай Стоянов се зае с SEO Оптимизацията.

Роля в проекта: Идеен проект, Уеб дизайн, Лого

Използвани технологии: PSD, xHTML, CSS,

Време за изпълнение: 8 дни

Адрес:kanalihit.com

Графично оформление на началната страница:
уеб дизайн за Евроканал

Categories
Портфолио

Biozem Bulgaria

Уеб дизайн на сайт за био продукти

Описание:

Биозем България предлагат на своите клиенти иновативни продукти за борба против мухъл, водни прониквания, корозия и влага. За разлика от конкурентните, широкорекламирани продукти на пазара за борба с влагата, всички продукти на фирмата са екологично чисти и не представляват опасност за здравето и околната среда.

Задачата: Имах щастието да се познавам отдавна с клиента и той ми се довери напълно при изграждането на визуалната концепция на сайта. Създадох малък статичен сайт със семпъл и изчистен уеб дизайн, който презентира продуктите на фирмата. Всеки продукт е представен на отделна страница с няколко снимки и добре написан, информативен текст. След като приключих с уеб дизайна, колегата инж. Николай Стоянов се зае със SEO Оптимизацията на сайта. Резултатите са повече от добри – първа страница в Гугъл по всички важни за клиента ключови думи.

Роля в проекта: Идеен проект, Уеб дизайн

Използвани технологии: PSD, xHTML, CSS,

Време за изпълнение: 10 дни

Адрес:biozem-bg.com

Графично оформление на началната страница:
уеб дизайн за Биозем

Графично оформление на страницата за контакти:
контакти

Categories
Портфолио

AVIQ Systems

Уеб дизайн на корпоративен сайт

Описание:

AVIQ е водеща швейцарска софтуерна компания, базирана в Цюрих. Абривиетурата AVIQ идва от “AudioVisual IQ”. Фирмата разполага с два екипа програмисти и сътрудници, работещи дистанционно от Украйна и България.  Компанията е специализирана в разработването на аудио и видео продукти за интернет приложения и иновативни системи за домашно кино. Трите основни продукта, с които AVIQ се гордеят са:

  • TIPc – Internet Video on TV
  • AVIQ A1 – Home Entertainment Center Software
  • AVIQ EPG – Linux-based Electronic Program Guide

Задачата ми – уеб дизайн на корпоративен сайт. Предизвикателства:

  • изграждане на многоезичен корпоративен сайт със сложна структура
  • много страници, подстраници и категории
  • сложна форма за контакт със CAPTCHA защита, позволяваща добавяне на прикачени файлове и избор на държава
  • модул за новини
  • административен панел на английски и немски
  • динамична секция с въпроси и отговори
  • форма за вход към приложение за връзка с отдел Поддръжка
  • анимиран jquery слайдер на началната страница
  • възможност всяка страница да се прати на приятел и да се отпечата с едно кликване

Изградих корпоративния сайт на AVIQ, съобразявайки се с фирмените им цветове, визията на продуктите и не на последно място писмените насоки, които беше оставил колегата от Швейцария, изработил логото им. Най-големи проблеми при този проект ми създаде сървъра им – Win2003 IIS, който не поддържа така необходимият ми mod_rewrite модул и не е приятелски настроен към WordPress. В резултат на това не успях да конфигурирам постоянните връзки на WordPress и всички url адреси съдържат въпросителни знаци и много цифри в себе си.

Въпреки сложното задание и сравнително кратките срокове се справих със задачата и клиентът остана изключтелно доволен от крайният резултат.

Роля в проекта: Идеен проект, Уеб дизайн, CMS, Въвеждане на съдържание

Използвани технологии: PSD, xHTML, CSS, WordPress,

Време за изпълнение: 25 дни

Адрес:aviq.com

Графично оформление на началната страница:
aviq_web

Графично оформление на вътрешна страница:
aviq_web2

Categories
Портфолио

Антарес България

Уеб дизайн на сайт за офис столове

Описание:

Фирма Антарес е част от международната компания “ANTARES INTERNATIONAL” , основана 1992г. в Чехия.

Антарес ООД е един от най-големите производители и вносители на офис столове в България. Фирмата предлага над 120 модела работни столове, менджърски кресла, конферентни столове, аксесоари и мека мебел, в 13 вида дамаски и кожи в 117 цвята. Продажбите на крайни клиенти се извършват чрез дилърска мрежа в цялата страна.

Проблемът:

Въпреки че фирмата отдавна е утвърдена на родния пазар, уеб сайтът им не бе на необходимото ниво. Освен че визията му беше доста поостаряла и имаше спешна нужда от освежаване, системата за управление на съдържанието им създаваше сериозни проблеми – дублирано съдържание, неправилно написани url адреси, липса на заглавия (title) и описания (description). Всичко това се отразяваше негативно на индексирането и класирането им в Гугъл. След като внимателно преценихме ситуацията и обсъдихме всички възможности, решихме да изградим изцяло нов сайт.

Решението:

За CMS (система за управление на съдържанието) на този не малък проект използвах WordPress, защото добре познавам възможностите му. С негова помощ създадох двуезичен динамичен сайт с продуктов каталог, секция с новини и търсачка. Въпреки че сайтът е предназначен предимно за дилърите на фирмата в цялата страна, от фирма Антарес искаха да изложат богатата си гама офис столове и на крайните клиенти. Поради тази причина всички дилъри притежават потребителско име и парола, което им дава достъп до допълнителна информация, като цени и наличие в склада на всеки артикул. След като приключих с изграждането на сайта се заех и със SEO оптимизирането му. Резултатите – 1-ва страница в Гугъл по най-важната им ключова дума – офис столове.

Роля в проекта: Идеен проект, Уеб дизайн, CMS, Въвеждане на съдържание, SEO оптимизация

Използвани технологии: PSD, xHTML, CSS, WordPress

Време за изпълнение: 35 дни

Адрес: ofisstolove.bg

Графично оформление на началната страница:

Уеб дизайн на сайт за офис столове

Графично оформление на страница с офис стол:

графично оформление на вътрешна страница

Categories
Портфолио

Фотолиния

Уеб дизайн на сайт за фотомодели

Описание:

ФОТОЛИНИЯ е последния проект на професионалния фотограф Ценко Димитров, с който отдавна работим заедно. Сайтът представлява база данни от профили на фотомодели. ФОТОЛИНИЯ е проект, създаден, за да помогне на новоизгряващите модели да намерят своето призвание. Тук се представят момичета и момчета, които притежават качества и полагат усилия пред обектива на фотографа. В сайта се публикуват снимки на двама фотографи – Ценко Димитров и Румен Георгиев.

“Това е мястото, където Вие можете да израстнете и да се развиете в света на фотографията и модата. Като наши модели трябва да знаете, че много хора работят денонощно, за да изглеждат Вашите фотосесии така, както ги виждате. Заслугата за това е на екипа, който ги е направил и реализирал. Сайтът е фотографски, това не е сайт за запознанства и се надяваме тук да Ви изненадваме с нови модели (момичета и момчета) и нови рубрики, които да представляват интерес за Вас.”

Графичният дизайн и техническата поддръжка са мое дело. Сайтът използва WordPress като CMS и BB Press като платформа за форума.

Роля в проекта: Идеен проект, Уеб дизайн, CMS, Лого, Форум

Използвани технологии: PSD, xHTML, CSS, Javascript, WordPress, BB Press

Време за изпълнение: 10 дни

Адрес: www.fotolinia.com

Графично оформление на началната страница:
уеб дизайн на сайт за фото-модели

Графично оформление на фото галерията:
фото галерия

Графично оформление на форума:
дизайн на bb press форум

Categories
Портфолио

Доор декор

Уеб дизайн на сайт за врати

Описание:

Фирма Доор Декор е специализирана в предлагането на интериорни, входни и гаражни врати от водещи български и европейски производители. Вратите в каталога им са произведени от висококачествени материали и отговарят на всички европейски стандарти. Професионални съвети и проекти за интериорно оформление, са част от цялостното обслужване, което фирмата предлага. Дългогодишните им контакти и коректни взаимоотношения с клиенти и партньори ги стимулират винаги да поднасят възможно най-доброто в областта на обзавеждането. “Стремим се да предоставим на българския пазар уникални и разнообразни решения, за да отговорим на индивидуалните потребности и търсения на клиентите.”

Собственикът на мебелната фирма не беше доволен от уеб сайта си и се свърза с мен, с молбата да направя редизайн. След като направих анализ на съществуващия им сайт и обсъдихме възможностите, решихме, че ще е най-добре да запазим само логото и да започнем от начало. Сайтът е изграден с помощта на колегите от Cloxy, които работиха над SEO оптимизацията му. Към настоящия момент сайтът се класира на първа страница в Google.bg по конкурентни ключови думи като: врати, интериорни врати, гаражни врати, входни врати.

Роля в проекта: Идеен проект, Уеб дизайн

Използвани технологии: PSD, xHTML, CSS

Време за изпълнение: 7 дни

Адрес:doordecor-bg.com

Графично оформление на началната страница:
сайт на мебелна фирма