<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>emotions online ügynökség &#187; webdesign</title>
	<atom:link href="http://emotions.hu/cimke/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://emotions.hu</link>
	<description>Wordpress weboldal készítés, webdesign, dvd tervezés, rendezvény kvízjáték</description>
	<lastBuildDate>Mon, 09 Jan 2012 11:55:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Webdesign kialakítás és weboldal készítés a Prosystem számára</title>
		<link>http://emotions.hu/referenciak/webdesign-kialakitas-es-weboldal-keszites-a-prosystem-szamara</link>
		<comments>http://emotions.hu/referenciak/webdesign-kialakitas-es-weboldal-keszites-a-prosystem-szamara#comments</comments>
		<pubDate>Sat, 05 Nov 2011 19:59:49 +0000</pubDate>
		<dc:creator>czroland</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdesign készítés]]></category>
		<category><![CDATA[weboldal készítés]]></category>
		<category><![CDATA[Wordpress weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1766</guid>
		<description><![CDATA[A Prosystem Kft is minket kért fel az új honlap arculat (webdesign) megtervezésére és a weboldal készítésre.]]></description>
			<content:encoded><![CDATA[<h3>A honlap arculat (webdesign) megtervezése</h3>
<p>A Prosystem Csoport 1992 óta van jelen a magyar és román piacon. A csoport  nyomtatástechnológiai-, kötészeti-, és továbbfeldolgozó gépek  kereskedelmével, alkatrészellátásával, szervizelésével és tanácsadással  foglalkozik. Egy olyan <strong>webdesign</strong> tervet szerettek volna kapni, amely ízlésesen és könnyen áttekinthetően mutatja be a forgalmazott új és használt gépek kínálatát, valamint a céget és az iparágat érintő legfontosabb híreket, tudnivalókat. A megrendelések fokozása érdekében a gépek több irányból is elérhetőek, hiszen a horizontális menüsoron, a főoldali képvetítőn és a gyártók emblémáján keresztül is kiválaszthatjuk a nekünk tetsző terméket. Az új és használt gépek külön menüpontba kerültek és a könnyebb áttekinthetőség érdekében további kategóriákra (pl.: kötészet, tovább-feldolgozás) is osztottuk őket. A kategóriaoldali webdesignban a gépek képei és fontosabb jellemzői kerültek kiemelésre. A termékadatlapi arculaton szintén a termékek vizuális bemutatása szerepel központi helyen, ehhez kapcsolódnak a szöveges leírások. A <em>webdesign </em>néhány módosítási kérelemmel gyorsan elfogadásra került, így megkezdődhetett a weboldal készítési fázis.</p>
<h3>A tervek gyakorlati megvalósítása, weboldal készítés</h3>
<p>Az új weboldal alapjául ismét a WordPress, ingyenes tartalomkezelő rendszerét választottuk. Ebben 1-1 honlap kinézetét un stílusdefiníciós fájlok írják le, így a <strong>weboldal készítés</strong> első lépését ezek létrehozása jelentette. Most is kiemelt hangsúlyt fektettünk arra, hogy az ez elkészült honlap ugyanolyan jól nézzen ki minden gyakorta használt böngészőben. Ez azért fontos, mert az egységes, ergonomikus elrendezés és kinézet a lehető legtöbb látogatót képes megfogni az adott oldalon, ezáltal a legnagyobb hatékonyság így érhető el. Következő lépés a weboldal funkcióihoz szükséges bővítmények telepítése és testreszabása volt. Ilyenek szükségesek többek között a visszahíváshoz és megrendeléshez, valamint az egyes gépek bemutatását szolgáló képgalériákhoz. A <em>weboldal készítés</em> utolsó lépése a kapott tartalom kategorizálása és feltöltése volt, előbbinek kiemelt szerepe van az egyes termékkategóriák szűrési beállításainál.</p>
<h3>Képek az elfogadott webdesignról és az elkészült weboldalról</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-58-1766">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-540" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/prosystem_webdesign_weboldal_keszites_fooldal.jpg" title="Webdesign és weboldal készítés - Prosystem - Főoldal" rel="lightbox[set_58]" >
								<img title="Webdesign és weboldal készítés - Prosystem - Főoldal" alt="Webdesign és weboldal készítés - Prosystem - Főoldal" src="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/thumbs/thumbs_prosystem_webdesign_weboldal_keszites_fooldal.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-545" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/prosystem_webdesign_weboldal_keszites_uj_gepek.jpg" title="Webdesign és weboldal készítés - Prosystem - Új gépek" rel="lightbox[set_58]" >
								<img title="Webdesign és weboldal készítés - Prosystem - Új gépek" alt="Webdesign és weboldal készítés - Prosystem - Új gépek" src="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/thumbs/thumbs_prosystem_webdesign_weboldal_keszites_uj_gepek.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-541" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/prosystem_webdesign_weboldal_keszites_hasznalt_gepek.jpg" title="Webdesign és weboldal készítés - Prosystem - Használt gépek" rel="lightbox[set_58]" >
								<img title="Webdesign és weboldal készítés - Prosystem - Használt gépek" alt="Webdesign és weboldal készítés - Prosystem - Használt gépek" src="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/thumbs/thumbs_prosystem_webdesign_weboldal_keszites_hasznalt_gepek.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-542" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/prosystem_webdesign_weboldal_keszites_termek_oldal.jpg" title="Webdesign és weboldal készítés - Prosystem - Termék oldal" rel="lightbox[set_58]" >
								<img title="Webdesign és weboldal készítés - Prosystem - Termék oldal" alt="Webdesign és weboldal készítés - Prosystem - Termék oldal" src="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/thumbs/thumbs_prosystem_webdesign_weboldal_keszites_termek_oldal.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-544" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/prosystem_webdesign_weboldal_keszites_termek_oldal_videoval.jpg" title="Webdesign és weboldal készítés - Prosystem - Termék oldal videóval" rel="lightbox[set_58]" >
								<img title="Webdesign és weboldal készítés - Prosystem - Termék oldal videóval" alt="Webdesign és weboldal készítés - Prosystem - Termék oldal videóval" src="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/thumbs/thumbs_prosystem_webdesign_weboldal_keszites_termek_oldal_videoval.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-543" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/prosystem_webdesign_weboldal_keszites_termek_oldal_slider.jpg" title="Webdesign és weboldal készítés - Prosystem - Termék oldali képvetítő" rel="lightbox[set_58]" >
								<img title="Webdesign és weboldal készítés - Prosystem - Termék oldali képvetítő" alt="Webdesign és weboldal készítés - Prosystem - Termék oldali képvetítő" src="http://emotions.hu/data/weboldal-keszites-es-webdesign-kialakitas-a-prosystem-szamara/thumbs/thumbs_prosystem_webdesign_weboldal_keszites_termek_oldal_slider.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<p><a class="outbound" title="Webdesign, weboldal készítés - Prosystem" href="http://prosystem.hu/">Az elkészült weboldal itt megtekinthető</a></p>
]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/webdesign-kialakitas-es-weboldal-keszites-a-prosystem-szamara/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fiatalos webdesign és weboldal készítése a MatraSkateboards.com számára</title>
		<link>http://emotions.hu/referenciak/fiatalos-webdesign-es-weboldal-keszitese-a-matraskateboards-com-szamara</link>
		<comments>http://emotions.hu/referenciak/fiatalos-webdesign-es-weboldal-keszitese-a-matraskateboards-com-szamara#comments</comments>
		<pubDate>Wed, 19 Oct 2011 10:19:11 +0000</pubDate>
		<dc:creator>czroland</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdesign Budapest]]></category>
		<category><![CDATA[weboldal készítés]]></category>
		<category><![CDATA[weboldal készítés Budapest]]></category>
		<category><![CDATA[Wordpress weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1750</guid>
		<description><![CDATA[A MatraSkateboards.com webdesign A MatraSkateboards.com arculatának (webdesign) kialakításához először a weboldal célját kellett felmérnünk. A megrendelő elsősorban a fiatal korosztály számára szerette volna saját termékeit (minőségi gördeszka...]]></description>
			<content:encoded><![CDATA[<h3>A MatraSkateboards.com webdesign</h3>
<p>A MatraSkateboards.com arculatának (<strong>webdesign</strong>) kialakításához először a weboldal célját kellett felmérnünk. A megrendelő elsősorban a fiatal korosztály számára szerette volna saját termékeit (<a title="Matraskateboards.com - Minőségi gördeszka lapok és grip tape" href="http://www.matraskateboards.com">minőségi gördeszka lapok,</a> grip tape, gördeszka kerekek) saját márkás pólók) értékesíteni, mindemellett pedig egy olyan központi helyet kívánt kialakítani, amely ízlésesen mutatja be a sportot érintő legfontosabb híreket, újdonságokat és szereplőket. Fontos volt, hogy a webdesign illeszkedjen a termékhez a célcsoporthoz és természetesen a sporthoz is. Ennek érdekében az oldal grip-tape szerű hátteret kapott, a főbb tartalmakat pedig több irányból is elérhetjük. Rendelkezésre állnak gyorslinkek a lap alján, beépítésre került egy horizontális menüsor és egy mellé társított szabad-szavas keresőmező is. A webdesign felső részén a megrendelő csapatának (és egyben a sport elismert szereplői) kaptak helyet. Alatta szintén központi részen találhatóak a forgalmazott termékcsoportok, amelyek egy képvetítő dobozban jelennek meg. A <em>webdesign </em>alsó részén pedig blokkos elrendezésben a sportágat érintő legfrissebb híreket és interjúkat találjuk.</p>
<h3>A weboldal elkészítése</h3>
<p>A honlap alapjául ismét a WordPress nevű, ingyenes tartalomkezelő rendszert választottuk.  Minden ügyfelünk számára ezt ajánljuk, hiszen amellett, hogy keresőbarát felépítésű, az egyszerű grafikus felülete megkönnyíti a tartalmak frissítését és korrekcióját is. A <strong>weboldal készítés</strong> első lépéseként azokat a stílusdefiníciós fájlokat kellett létrehozni, amelyek a külső megjelenést meghatározzák. Ezeknél, mint minden projektünk esetében most is kiemelten odafigyeltünk arra, hogy a honlap ugyanúgy nézzen ki és funkcionalitásában is ugyanolyan teljes legyen minden gyakorta használt böngészőben. A weboldal készítés második lépése az egyes funkciókat biztosító bővítmények telepítése és személyre szabása volt. A teljesség igénye nélkül ilyen az oldalra integrált videólejátszó és az online vásárlást biztosító kiegészítő is. A <em>weboldal készítés</em> utolsó lépéseként feltöltöttük a kezdeti tartalmat, illetve pár linkgyűjteménybe is beküldtük a honlapot, hogy azt a Google minél gyorsabban beindexelje.</p>
<h3>Képgaléria az elkészült weboldalról</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-57-1750">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-531" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-10-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Nyitóoldal" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Nyitóoldal" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Nyitóoldal" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-10-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-532" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-2-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Hírek belső" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Hírek belső" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Hírek belső" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-2-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-536" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-6-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Termékek" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Termékek" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Termékek" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-6-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-535" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-5-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Termékek belső" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Termékek belső" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Termékek belső" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-5-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-539" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-9-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Interjúk" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Interjúk" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Interjúk" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-9-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-538" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-8-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Interjúk belső" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Interjúk belső" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Interjúk belső" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-8-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-534" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-4-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Csapatunk" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Csapatunk" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Csapatunk" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-4-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-533" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-3-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Csapatunk belső" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Csapatunk belső" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Csapatunk belső" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-3-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-537" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-7-matraskateboards-com_-jpg.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Videók belső" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Videók belső" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Videók belső" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-7-matraskateboards-com_-jpg.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-530" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/weboldal-es-webdesign-keszites-1-matraskateboards-com_.jpg" title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Fotók" rel="lightbox[set_57]" >
								<img title="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Fotók" alt="Webdesign és Wordpress weboldalal készítés - Matraskateboards.com - Fotók" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-matraskateboards-com/thumbs/thumbs_weboldal-es-webdesign-keszites-1-matraskateboards-com_.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<p><a class="outbound" title="Weboldal készítés és webdesign - MatraSkateboards.com" href="http://matraskateboards.com/">A weboldal megtekintése</a></p>
]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/fiatalos-webdesign-es-weboldal-keszitese-a-matraskateboards-com-szamara/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdesign és weboldal készítés az Auto Pi-Ro Kft számára</title>
		<link>http://emotions.hu/referenciak/webdesign-es-weboldal-keszites-az-auto-pi-ro-kft-szamara</link>
		<comments>http://emotions.hu/referenciak/webdesign-es-weboldal-keszites-az-auto-pi-ro-kft-szamara#comments</comments>
		<pubDate>Thu, 22 Sep 2011 12:37:14 +0000</pubDate>
		<dc:creator>czroland</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdesign Budapest]]></category>
		<category><![CDATA[weboldal készítés]]></category>
		<category><![CDATA[weboldal készítés Budapest]]></category>
		<category><![CDATA[Wordpress webodal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1739</guid>
		<description><![CDATA[Az Auto Pi-Ro Kft is minket kért fel a webdesign és weboldal készítésre, amelynek eredménye egy könnyen kezelhető, ugyanakkor modern megoldásokat felvonultató honlap lett.]]></description>
			<content:encoded><![CDATA[<h3>A honlap arculat, a webdesign megtervezése</h3>
<p>Az Autopiro <strong>webdesign</strong> létrehozásához kaptunk néhány támpontot. A megrendelő szerette volna, hogy a terv és kialakítás hasonlítson a Subaru hivatalos weboldalára, ennek érdekében az ott használt színvilágot (kék, sárga, fekete, fehér) használtuk fel a honlap tervezése során. A navigáció egy horizontális menüsoron keresztül valósul meg, amely szintén a hivatalos weboldal megoldására hasonlít. Továbbá kérték azt, hogy a képek domináljanak az oldalon, hiszen ezekkel lehet megfogni a lehetséges vásárlókat. Az autók sokoldalú bemutatását a főoldali képvetítő boksz, a termékoldali nagyítható képgaléria, valamint a kategóriákhoz és termékoldalakhoz kapcsolt nézőkép is segíti. Az elkészült <em>webdesign</em> pár apróbb módosítással gyorsan elfogadásra került, így elkezdődhetett a weboldal készítési fázis.</p>
<h3>Weboldal készítés &#8211; A tervek átültetése gyakorlatban működő honlappá</h3>
<p>Az Auto-Piro weboldalának alapjául a WordPress tartalomkezelő rendszert választottuk, hiszen tudjuk azt, hogy az ügyfelek és a keresőmotorok szempontjából is kiváló választás. A letisztult kód és elrendezés segíti a jó keresőbeli helyezés (ezzel együtt a nagyobb látogatottság) elérését, ugyanakkor a megrendelő egy egyszerű grafikus felületen keresztül bővítheti, módosíthatja a tartalmat bármiféle programozási ismeret nélkül.</p>
<p>A <strong>weboldal készítés</strong> első lépését az elfogadott design stílusdefiníciós fájlokba való lekódolása jelentette. Mint, minden projektünk esetében az Auto Pi-Ro oldalának esetében is törekedtünk arra, hogy az hasonlóképpen nézzen ki a legtöbbet használt böngészőkben (Mozilla Firefox, Google Chrome, Internet Explorer).</p>
<p>Második lépésként telepítésre kerültek az egyes funkciók működtetéséért felelős bővítmények. A képgaléria megjelenítéséért a Nextgen Gallery, az oldaltérkép beküldéséért pedig a Google XML Sitemaps felel.</p>
<p>A <em>weboldal készítés</em> harmadik lépéseként egy kezdeti tartalmat töltöttünk fel, amely elsősorban az autók paramétereinek, valamint képeinek feltöltését (címkézését) jelentette.</p>
<p><a class="outbound" href="http://autopiro.hu/">A weboldal megtekintése</a></p>
<h3>Képek az elkészült weboldalról és webdesignról</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-56-1739">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-510" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_1.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Főoldal" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Főoldal" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Főoldal" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_1.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-512" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_2.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Modellek" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Modellek" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Modellek" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_2.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-513" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_3.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_3.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-514" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_4.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal listával" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal listával" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal listával" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_4.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-518" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_8.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal 2." rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal 2." alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldal 2." src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_8.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-519" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_9.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldali képvetítő boksz" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldali képvetítő boksz" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Termékoldali képvetítő boksz" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_9.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-515" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_5.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kategóriaoldal" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kategóriaoldal" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kategóriaoldal" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_5.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-516" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_6.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kategóriaoldali szűrő" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kategóriaoldali szűrő" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kategóriaoldali szűrő" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_6.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-517" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/webdesign_weboldal_keszites_auto_pi-ro_kft_7.png" title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kapcsolati oldal" rel="lightbox[set_56]" >
								<img title="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kapcsolati oldal" alt="Webdesign és weboldal készítés - Auto Pi-Ro Kft - Kapcsolati oldal" src="http://emotions.hu/data/webdesign-es-weboldal-keszites-auto-pi-ro-kft/thumbs/thumbs_webdesign_weboldal_keszites_auto_pi-ro_kft_7.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/webdesign-es-weboldal-keszites-az-auto-pi-ro-kft-szamara/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdesign terv és weboldal készítés az Eurexpo.hu-nak</title>
		<link>http://emotions.hu/referenciak/webdesign-terv-es-weboldal-keszites-az-eurexpo-hu-nak</link>
		<comments>http://emotions.hu/referenciak/webdesign-terv-es-weboldal-keszites-az-eurexpo-hu-nak#comments</comments>
		<pubDate>Thu, 15 Sep 2011 13:13:10 +0000</pubDate>
		<dc:creator>czroland</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdesign Budapest]]></category>
		<category><![CDATA[weboldal Budapest]]></category>
		<category><![CDATA[weboldal készítés]]></category>
		<category><![CDATA[Wordpress weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1723</guid>
		<description><![CDATA[Újabb referenciával gazdagodtunk, ezúttal az Eurexpo.hu kért fel minket a webdesign kialakítására, a weboldal készítésre és az alapszintű keresőoptimalizációra.]]></description>
			<content:encoded><![CDATA[<h2>Újabb referenciával gazdagodtunk, ezúttal a rendezvényszervezés területén már elismert Euroshow Kft önálló üzletágaként működő Eurexpo kért fel minket a webdesign terv kialakítására és a weboldal készítésre.</h2>
<p>&nbsp;</p>
<h3>Grafikai terv, webdesign &#8211; Eurexpo.hu</h3>
<p>Az Eurexpo <strong>webdesign </strong>tervének kialakításakor az egyszerűséget és a letisztultságot tartottuk szem előtt. Ennek érdekében a színvilág létrehozásához 3 színt: a kéket, bézst és szürkét használtuk fel. A honlapon viszonylag kevés doboz található, amely szintén a könnyű áttekinthetőséget segíti. Kiemelt helyen szerepel viszont a kapcsolatfelvételhez szükséges telefonszám, valamint a referenciamunkákat bemutató boksz. A korábbi munkák a főoldalon lévő horizontális képvetítőben és a referencia aloldalon is helyet kaptak, utóbbiban cégnévre és kulcsszavakra is kereshetünk. A főbb tartalmakat egy vízszintes lenyíló menüsoron keresztül érhetjük el, a navigáció gyors és egyszerű az egyes aloldalak között, amelyet a lapok alsó részén helyet kapó címkefelhő is segíti.</p>
<div>
<div id="attachment_1724" class="wp-caption aligncenter" style="width: 510px"><a href="http://emotions.hu/data/Webdesign_weboldal_keszites_Eurexpo.png"><img class="size-full wp-image-1724" title="Webdesign és weboldal készítés - Eurexpo.hu" src="http://emotions.hu/data/Webdesign_weboldal_keszites_Eurexpo.png" alt="Webdesign és weboldal készítés - Eurexpo.hu" width="500" height="265" /></a><p class="wp-caption-text">Webdesign és weboldal készítés - Eurexpo.hu</p></div>
</div>
<h3>Weboldal készítés &#8211; Eurexpo.hu</h3>
<p>A <em>webdesign </em>terv elfogása következhetett a <strong>weboldal készítési</strong> fázis<strong>. </strong> Az Eurexpo oldalának alapjául a WordPress tartalomkezelő rendszert választottuk, hiszen maximálisan személyre szabható, a tartalmak későbbi feltöltése akár otthonról is megvalósítható, mélyebb programozási ismeretek nélkül is, egy egyszerű grafikus felületen keresztül.</p>
<p>A <em>weboldal készítés</em> első lépését a grafikai terv gyakorlatba való átültetése jelentette. Mint mindig, most is törekedtünk a böngészőfüggetlenségre, tehát arra, hogy az összes gyakran használt böngészőben ugyanolyan jól nézzen ki az elkészült weboldal.</p>
<p>Ezt követte az extra funkciókat biztosító bővítmények telepítése, ilyen például a visszahívás-kérő űrlap, illetve az ajánlatkérő formula.</p>
<p>A <strong><em>weboldal készítés</em></strong> harmadik lépése a kezdeti tartalom felöltése és az alapszintű keresőoptimalizáció elvégzése volt, amelynek eredményeként az Eurexpo.hu a legfontosabb kulcsszavakra előkelő helyre került a Google találati listáján. (Cikk írásának pillanatában standépítés kulcsszóra 1. heleny, stand tervezés kifejezésre 3., 4. és 5. helyen, egyedi standépítés kulcskifejezésre pedig 1.,2.,3. és 4.helyen található).</p>
<p><a class="outbound" title="Eurexpo.hu - Webdesign terv, weboldal készítés" href="http://eurexpo.hu">A weboldal megtekintése</a></p>
<h3>Képgaléria az elkészült webdesignról, weboldalról és az eredményekről</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-55-1723">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-501" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_fooldal.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Főoldal" rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Főoldal" alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Főoldal" src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_fooldal.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-503" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_online_szolgaltatasok.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Online szolgáltatások" rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Online szolgáltatások" alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Online szolgáltatások" src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_online_szolgaltatasok.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-504" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_2.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 1." rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 1." alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 1." src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_2.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-505" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_3.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 2." rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 2." alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 2." src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_3.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-509" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_5.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 3." rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 3." alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 3." src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_5.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-506" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_4.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 4." rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 4." alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 4." src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_referenciak_4.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-507" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_refernciak_1.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 5." rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 5." alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Referenciák 5." src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_refernciak_1.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-500" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_ajanlatkeres.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Ajánlatkérés" rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Ajánlatkérés" alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Ajánlatkérés" src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_ajanlatkeres.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-502" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/webdesign_terv_weboldal_keszites_eurexpo-hu_kapcsolat.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Kapcsolat" rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Kapcsolat" alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Kapcsolat" src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_webdesign_terv_weboldal_keszites_eurexpo-hu_kapcsolat.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-499" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/keresooptimalizalas_eurexpo-hu_2.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Keresőoptimalizálás 1." rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Keresőoptimalizálás 1." alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Keresőoptimalizálás 1." src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_keresooptimalizalas_eurexpo-hu_2.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-498" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/keresooptimalizalas_eurexpo-hu_1.png" title="Webdesign terv, weboldal készítés - Eurexpo.hu - Keresőoptimalizálás 2." rel="lightbox[set_55]" >
								<img title="Webdesign terv, weboldal készítés - Eurexpo.hu - Keresőoptimalizálás 2." alt="Webdesign terv, weboldal készítés - Eurexpo.hu - Keresőoptimalizálás 2." src="http://emotions.hu/data/eurexpo-hu-webdesign-terv-es-weboldal-keszites/thumbs/thumbs_keresooptimalizalas_eurexpo-hu_1.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/webdesign-terv-es-weboldal-keszites-az-eurexpo-hu-nak/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdesign készítés és weboldal fejlesztés a Szekszárdi Bortúra számára</title>
		<link>http://emotions.hu/referenciak/webdesign-keszites-es-weboldal-fejlesztes-a-szekszardi-bortura-szamara</link>
		<comments>http://emotions.hu/referenciak/webdesign-keszites-es-weboldal-fejlesztes-a-szekszardi-bortura-szamara#comments</comments>
		<pubDate>Fri, 13 May 2011 09:17:57 +0000</pubDate>
		<dc:creator>czroland</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[Böngésző független weboldal]]></category>
		<category><![CDATA[Budapest]]></category>
		<category><![CDATA[készítés]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[weboldal]]></category>
		<category><![CDATA[weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1608</guid>
		<description><![CDATA[A Pertarskereso.hu tulajdonosa elégetett volt korábbi munkákkal, ezért új webdesign és weboldal készítési projekttel bízott meg minket, a Szekszárdi Bortúra számára.]]></description>
			<content:encoded><![CDATA[<h2>A <a title="Referencia - Pertarskereso.hu - Weboldal készítés és webdesign" href="http://emotions.hu/referenciak/weboldal-keszites-es-webdesign-a-pertarskereso-hu-szamara">Pertarskereso.hu</a> tulajdonosa elégetett volt a korábbi munkákkal, amit mi sem bizonyít jobban, mint, hogy egy új webdesign és weboldal készítési projekttel bízott meg minket, a Szekszárdi Bórtúra számára</h2>
<h3>A Szekszardibortura.hu célja, a webdesign kialakítás és weboldal készítés háttere</h3>
<p>A <a title="Referencia - Szekszardibortura.hu - Webdesign és weboldal készítés" href="http://szekszardibortura.hu">Szekszardibortura.hu</a>-val tulajdonosa egy olyan tematikus, portálszerű weboldalt kívánt létrehozni, ahol a szekszárdi borászatokhoz kapcsolódó összes információ fellelhető. Konkrét elképzelései voltak a főbb funkciókról. Szerette volna, ha a honlapon a borászatok és az ezekhez kapcsolódó szolgáltatók egyaránt regisztrálni tudnának, képeket tudnának rá feltölteni. Kérés volt továbbá egy programajánló, apróhirdetési menüpont és hírlevél küldő rendszer integrálása. Szintén fontosnak tartotta azt, hogy egy a témához kapcsolódó offline hordozható prospektus is letölthető legyen.</p>
<h3>A weboldal arculatának kialakítása, a webdesign megtervezése</h3>
<p>A megrendelőnek a <strong>webdesign</strong> kialakításához pontos elképzelése nem volt, irányokat adott csak meg a kialakításához. Szerette volna, ha a honlap arculaton a fehér, bordó és zöld színek dominálnak, és egy a témához kapcsolódó, ízléses fotót is elhelyeznénk a háttérben. Ezeken a megkötéseken kívül szabad kezet kaptunk a webdesign létrehozásához, amely mindössze pár napot vett igénybe. Az elkészült <em>webdesign</em> annyira elnyerte a megrendelő tetszését, hogy még kisebb módosítási kérelmeket sem kaptunk, így elkezdődhetett a projekt második fázisa, a weboldal felépítése, azaz a sitebuild.</p>
<h3>Az elkészült webdesign képgalériája</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-46-1608">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-290" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_webdesign/referencia_szekszardibortura_webdesign_1.png" title="Referencia - Webdesign készítés - Szekszardibortura.hu főoldal" rel="lightbox[set_46]" >
								<img title="Referencia - Webdesign készítés - Szekszardibortura.hu 1." alt="Referencia - Webdesign készítés - Szekszardibortura.hu 1." src="http://emotions.hu/data/referencia_szekszardibortura_webdesign/thumbs/thumbs_referencia_szekszardibortura_webdesign_1.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-291" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_webdesign/referencia_szekszardibortura_webdesign_2.png" title="Referencia - Webdesign készítés - Szekszardibortura.hu szolgáltatók oldal" rel="lightbox[set_46]" >
								<img title="Referencia - Webdesign készítés - Szekszardibortura.hu 2." alt="Referencia - Webdesign készítés - Szekszardibortura.hu 2." src="http://emotions.hu/data/referencia_szekszardibortura_webdesign/thumbs/thumbs_referencia_szekszardibortura_webdesign_2.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-292" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_webdesign/referencia_szekszardibortura_webdesign_3.png" title="Referencia - Webdesign készítés - Szekszardibortura.hu borapró oldal" rel="lightbox[set_46]" >
								<img title="Referencia - Webdesign készítés - Szekszardibortura.hu 3." alt="Referencia - Webdesign készítés - Szekszardibortura.hu 3." src="http://emotions.hu/data/referencia_szekszardibortura_webdesign/thumbs/thumbs_referencia_szekszardibortura_webdesign_3.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-293" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_webdesign/referencia_szekszardibortura_webdesign_4.png" title="Referencia - Webdesign készítés - Szekszardibortura.hu borászok aloldal" rel="lightbox[set_46]" >
								<img title="Referencia - Webdesign készítés - Szekszardibortura.hu 4." alt="Referencia - Webdesign készítés - Szekszardibortura.hu 4." src="http://emotions.hu/data/referencia_szekszardibortura_webdesign/thumbs/thumbs_referencia_szekszardibortura_webdesign_4.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-294" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_webdesign/referencia_szekszardibortura_webdesign_5.png" title="Referencia - Webdesign készítés - Szekszardibortura.hu borászok aloldal" rel="lightbox[set_46]" >
								<img title="Referencia - Webdesign készítés - Szekszardibortura.hu 5" alt="Referencia - Webdesign készítés - Szekszardibortura.hu 5" src="http://emotions.hu/data/referencia_szekszardibortura_webdesign/thumbs/thumbs_referencia_szekszardibortura_webdesign_5.png" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<h3>A webdesign átültetése a gyakorlatba, weboldal készítés</h3>
<p>A <strong>weboldal készítés</strong> alapjául ismét a WordPress tartalomkezelő rendszert választottuk, mivel ezzel a megrendelő saját maga is egy egyszerű grafikus felületen keresztül frissítheti és módosíthatja a tartalmat. A weboldal készítést két lépésre bonthatjuk: az első a tartalomkezelő beállítása és a webdesignért felelős CSS fájlok létrehozása, a második pedig a honlap funkcióihoz szükséges extra bővítmények feltelepítése és konfigurációja.</p>
<h4>A weboldal készítés első lépcsője</h4>
<p>Első lépésként tehát az elfogadott webdesign CSS fájljait hoztuk létre. Az elkészült weboldal moduláris felépítésű lett, amely annyit jelent, hogy a felvitt tartalom különféle méretű dobozokba kerül, amelyek helyzete tetszőlegesen változtatható. Minden egyes tartalmi blokkból 1-1 szerepel a főoldalon is. A felhasznált háttér minden egyes aloldalon látszik, a szöveges részek alatt. A weboldal készítés során javascript megoldásokat is felhasználtunk elsősorban a dinamikus elemek mozgatásához. Ilyenek a teljesség igénye nélkül: főoldali képvetítő dobozok, borapró hírszalag, szélső vertikális szövegdobozok. Különösen figyeltünk arra a weboldal készítésekor, hogy az oldalak ugyanúgy nézzenek ki (ún. cross browsing) a különféle böngészőkben. Ennek eredményeként a honlap Firefox, Chrome, Internet Explorer 6,7,8 és 9-es verziójú böngészőkben is ugyanúgy jelenik meg.</p>
<h4>A weboldal készítés második lépcsője</h4>
<p>A <em>weboldal készítés</em> második lépéseként a következő ingyenes WordPress bővítményeket telepítettük és konfiguráltuk: NextGEN Gallery a képek megjelenítéséhez, Contact Form 7 pedig a regisztrációhoz.</p>
<h3>Képgaléria az elkészült weboldalról</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-47-1608">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-295" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/referencia_szekszardibortura_weboldal_keszites.jpg" title="Referencia - Weboldal készítés - Szekszardibortura - Szekszárd háziasszonya" rel="lightbox[set_47]" >
								<img title="Referencia - Weboldal készítés - Szekszardibortura 1." alt="Referencia - Weboldal készítés - Szekszardibortura 1." src="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/thumbs/thumbs_referencia_szekszardibortura_weboldal_keszites.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-296" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/referencia_szekszardibortura_weboldal_keszites_2.jpg" title="Referencia - Weboldal készítés - Szekszardibortura - Háziasszony nevezés" rel="lightbox[set_47]" >
								<img title="Referencia - Weboldal készítés - Szekszardibortura 2." alt="Referencia - Weboldal készítés - Szekszardibortura 2." src="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/thumbs/thumbs_referencia_szekszardibortura_weboldal_keszites_2.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-297" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/referencia_szekszardibortura_weboldal_keszites_3.jpg" title="Referencia - Weboldal készítés - Szekszardibortura - Ittner" rel="lightbox[set_47]" >
								<img title="Referencia - Weboldal készítés - Szekszardibortura 3." alt="Referencia - Weboldal készítés - Szekszardibortura 3." src="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/thumbs/thumbs_referencia_szekszardibortura_weboldal_keszites_3.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-298" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/referencia_szekszardibortura_weboldal_keszites_4.jpg" title="Referencia - Weboldal készítés - Szekszardibortura - Programok" rel="lightbox[set_47]" >
								<img title="Referencia - Weboldal készítés - Szekszardibortura 4." alt="Referencia - Weboldal készítés - Szekszardibortura 4." src="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/thumbs/thumbs_referencia_szekszardibortura_weboldal_keszites_4.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-299" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/referencia_szekszardibortura_weboldal_keszites_5.jpg" title="Referencia - Weboldal készítés - Szekszardibortura - Programok belső" rel="lightbox[set_47]" >
								<img title="Referencia - Weboldal készítés - Szekszardibortura 5." alt="Referencia - Weboldal készítés - Szekszardibortura 5." src="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/thumbs/thumbs_referencia_szekszardibortura_weboldal_keszites_5.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-300" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/referencia_szekszardibortura_weboldal_keszites_6.jpg" title="Referencia - Weboldal készítés - Szekszardibortura - Borászok" rel="lightbox[set_47]" >
								<img title="Referencia - Weboldal készítés - Szekszardibortura 6." alt="Referencia - Weboldal készítés - Szekszardibortura 6." src="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/thumbs/thumbs_referencia_szekszardibortura_weboldal_keszites_6.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-301" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/referencia_szekszardibortura_weboldal_keszites_7.jpg" title="Referencia - Weboldal készítés - Szekszardibortura - Borászok belső" rel="lightbox[set_47]" >
								<img title="Referencia - Weboldal készítés - Szekszardibortura 7." alt="Referencia - Weboldal készítés - Szekszardibortura 7." src="http://emotions.hu/data/referencia_szekszardibortura_weboldal_keszites/thumbs/thumbs_referencia_szekszardibortura_weboldal_keszites_7.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<p><a class="outbound" title="Referencia - Szekszardibortura.hu - Webdesign, weboldal készítés" href="http://szekszardibortura.hu">Az elkészült weboldal megtekintése</a></p>
]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/webdesign-keszites-es-weboldal-fejlesztes-a-szekszardi-bortura-szamara/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arculattervezés &#8211; webdesign és webáruház, üzleti weboldal készítés a Digistreet.hu részére</title>
		<link>http://emotions.hu/referenciak/arculattervezes-webdesign-es-webaruhaz-uzleti-weboldal-keszites-a-digistreet-hu-reszere</link>
		<comments>http://emotions.hu/referenciak/arculattervezes-webdesign-es-webaruhaz-uzleti-weboldal-keszites-a-digistreet-hu-reszere#comments</comments>
		<pubDate>Mon, 04 Apr 2011 15:05:35 +0000</pubDate>
		<dc:creator>czroland</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[honlap optimalizálás]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[weboldal készítés]]></category>
		<category><![CDATA[Wordpress weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1533</guid>
		<description><![CDATA[Újabb referenciával gazdagodtunk - Honlap arculat, webdesign tervezés és üzleti weboldal készítés a Digistreet.hu számára]]></description>
			<content:encoded><![CDATA[<h3>Webdesign tervezés és webáruház, üzleti weboldal készítés a Digistreet.hu számára</h3>
<p>A Digistreet.hu csapata műszaki cikkek, elsősorban számítógépek és hozzájuk kapcsolódó kiegészítők értékesítésével foglalkozik. Az emotions Online Ügynökséget a következő feladatok elvégzésével látták el:</p>
<ul>
<li>Online értékesítési tevékenységet támogató <strong>webdesign</strong>, honlap arculat kialakítása</li>
<li>A webdesign átültetése a gyakorlatba,  jól működő webáruház, üzleti <strong>weboldal készítés</strong></li>
<li>Komplex online kommunikáció megvalósítása, termék adatlapok, a területet érintő fontosabb hírek, tesztek feltöltésén keresztül</li>
<li>Előkelő Google keresési pozíciók elérése érdekében elvégzett honlap optimalizálás</li>
</ul>
<h3>Az értékesítési tevékenységet támogató webdesign kialakítása</h3>
<p>A Digistreet <strong>webdesign</strong> kialakítása során a megrendelő kérésének megfelelően az értékesítés támogatását tartottuk szem előtt. Ennek megfelelően az online arculat (webdesign) kialakításakor fontosnak tartottuk azt, hogy a megrendelési folyamat a lehető legegyszerűbb legyen, az oldalra érkező látogató pedig már elsőre megtalálhassa a vásárlás lebonyolításához és a webáruház használatához szükséges minden fontos információt. Ezért ezek a weboldal központi részén, egy felső panelen kaptak helyet. A főoldalon olyan központi területeket (dobozokat) helyeztünk el, amelyeknek célja a látogató vásárlásra ösztönzésre. Ilyenek megjelenő tesztek, hírek, kiemelt ajánlatok és a fejlécben futó hirdetés. Ezek kiemelt fontossággal bírnak, ezt a webdesign is jól tükrözi, hiszen ezek a területek el a többitől eltérő színezést is kaptak, hogy jobban kitűnjenek. Az oldalsó panelen további vásárlásra motiváló, kiemelt dobozok találhatóak, ilyenek a kapcsolódó és utoljára megtekintett termékek. A webdesign kialakítása során ezek is hangsúlyosabb színezést kaptak. Mint minden egyes projektünk esetén, itt is törekedtünk arra, hogy az elkészült <em>webdesign</em>, illetve weboldal ugyanolyan jól nézzen ki a leggyakrabban használt böngészőkben</p>
<p style="text-align: center;">&nbsp;</p>
<div id="attachment_1553" class="wp-caption aligncenter" style="width: 640px"><a rel="lightbox" href="http://emotions.hu/data/digistreet_webdesig_belső1.jpg"><img class="size-full wp-image-1553 " title="digistreet_webdesig_belső" src="http://emotions.hu/data/digistreet_webdesig_belső1.jpg" alt="Webdesign készítés  - Digistreet.hu" width="630" height="483" /></a><p class="wp-caption-text">Webdesign készítés a Digistreet.hu számára</p></div>
<p>&nbsp;</p>
<h3>A webdesign átültetése a gyakorlatba, jól működő üzleti weboldal készítés</h3>
<p>A webdesign elkészülte után jöhetett a következő lépés,  a <strong>weboldal készítés</strong>. A készülő honlap motorjául ismét a WordPress tartalomkezelő rendszert választottuk, hiszen tudtuk azt, egyszerűbb weblapok működtetésén túl összetettebb webáruházak működtetésére is kiválóan alkalmas. A weboldal készítés első lépése a látványtervek WordPress sablon fájlba való átkonvertálása volt, ezután következhetett a weboldal kód megírása, ezzel együtt a plusz funkciók beépítése. A Digistreet weboldalának készítése során kiemelten figyeltünk arra, hogy 1-1 termék több helyről is elérhető legyen, ezért került beépítésre a továbbfejlesztett belső kereső és címkefelhő. Minden egyes termék adatlaphoz ajánlott termékek is kapcsolódnak, ezzel elősegítve az értékesítési folyamatot. A megrendelési folyamat egyszerű és gyors, ehhez mindössze egy egyszerű regisztrációs űrlapot kell kitölteni. Nagy hangsúlyt fektettünk arra is, hogy a felhasználók rugalmasan módosíthassanak választásukon a rendelési folyamat végig. Természetesen integrálásra került a Facebook modul is, hiszen jól tudjuk azt, hogy ma már ez is a <em>weboldal készítés </em>szerves részét képezi.</p>
<p style="text-align: center;">&nbsp;</p>
<div id="attachment_1547" class="wp-caption aligncenter" style="width: 640px"><a rel="lightbox" href="http://emotions.hu/data/digistreet_weboldal_keszites.jpg"><img class="size-full wp-image-1547 " title="digistreet_weboldal_keszites" src="http://emotions.hu/data/digistreet_weboldal_keszites.jpg" alt="Digistreet.hu - Weboldal készítés" width="630" height="483" /></a><p class="wp-caption-text">Weboldal készítés a Digistreet.hu számára</p></div>
<p>&nbsp;</p>
<h3>Előkelő Google keresési pozíciók elérése érdekében elvégzett honlap optimalizálás</h3>
<p>Manapság sokat hallhatunk a <strong>honlap optimalizálás</strong> témaköréről, fontos terület lett. Ez érthető is, hiszen semmit sem ér egy jól felépített, és kellemesen kinéző honlap, ha nem érkeznek rá látogatók.  A  honlap optimalizálás egy hosszú távú tevékenység, amelynek lényege, hogy &#8220;elhitessük&#8221; a szabad szavas keresőkkel (Magyarországon elsősorban a Google-lel, hiszen a keresések több, mint 90%-a ezen a keresőmotoron történik) azt, hogy adott kulcsszavakra leginkább témába illő a honlapunk.  Erre azért van szükség, mert a legtöbb interneten böngésző alap beállításokban (keresés a teljes weben) nem néz meg 3 találati oldalnál (SERP) többet.  Az első találati oldal ezek közül elviszi a keresések durván 70%-át,  míg a második találati oldalra már csak körülbelül 20%., a harmadikra pedig 10% jut. A honlap optimalizálási tevékenység eredményeként minőségi, az adott téma/termék/szolgáltatás iránt érdeklődő látogatókat szerezhetünk. Ez egy hatékony webdesign, ergonomikus weboldal és természetesen egy eladható termék/szolgáltatás megléte mellett konverziókhoz vezethet. A Digistreet esetében a <em>honlap optimalizálási </em>tevékenységünk még az elején jár, de már így is fel tudunk mutatni jelentős eredményeket, főleg azt figyelembe véve, hogy egy alig másfél éves oldalról van szó.</p>
<p>A digistreet.hu számítástechnikai webáruház kiváló példa arra, hogy egy jól optimalizált oldalnak nem szükséges több évesnek lenni ahhoz, hogy látogatókat szerezzen. Elég, ha a cikkek jól vannak felépítve, informatívak és a látogatók számára (is) hasznos információkat hordoznak.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-45-1533">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-285" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/honlap_optimaizalas-nvidia_geforce_gtx_570.jpg" title="honlap optimalizálás - Digistreet.hu - nvIDIA GeForce GTX 570" rel="lightbox[set_45]" >
								<img title="honlap_optimaizalas-nvidia_geforce_gtx_570" alt="honlap_optimaizalas-nvidia_geforce_gtx_570" src="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/thumbs/thumbs_honlap_optimaizalas-nvidia_geforce_gtx_570.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-286" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/honlap_optimalizalas-gainward_nvidia.jpg" title="honlap optimalizálás - Digistreet.hu - Gainward nVIDIA" rel="lightbox[set_45]" >
								<img title="honlap_optimalizalas-gainward_nvidia" alt="honlap_optimalizalas-gainward_nvidia" src="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/thumbs/thumbs_honlap_optimalizalas-gainward_nvidia.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-287" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/honlap_optimalizalas-nfs.jpg" title="honlap optimalizálás - Digistreet.hu - NFS" rel="lightbox[set_45]" >
								<img title="honlap_optimalizalas-nfs" alt="honlap_optimalizalas-nfs" src="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/thumbs/thumbs_honlap_optimalizalas-nfs.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-288" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/honlap_optimalizalas-nvidia.jpg" title="honlap optimalizálás - Digistreet.hu - nVIDIA" rel="lightbox[set_45]" >
								<img title="honlap_optimalizalas-nvidia" alt="honlap_optimalizalas-nvidia" src="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/thumbs/thumbs_honlap_optimalizalas-nvidia.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-289" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/honlap_optimaizalas-nvidia_vga.jpg" title="honlap optimalizálás - Digistreet.hu - NVIDIA VGA" rel="lightbox[set_45]" >
								<img title="honlap_optimaizalas-nvidia_vga" alt="honlap_optimaizalas-nvidia_vga" src="http://emotions.hu/data/honlap_optimalizalas_digistreet.hu/thumbs/thumbs_honlap_optimaizalas-nvidia_vga.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<p class="mceTemp mceIEcenter" style="text-align: left;"><a title="Digistreet.hu" href="http://digistreet.hu">A weboldal megtekintése</a></p>
<p><a class="outbound" title="Weboldal készítés, webdesign - referencia - Digistreet.hu" href="http://majdjonlink.hu"></a></p>
<h3 class="mceTemp mceIEcenter" style="text-align: left;">Képgaléria &#8211; Webdesign tervezés, weboldal készítés, honlap optimalizálás</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-43-1533">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-271" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_honlap_optimalizalas.jpg" title="Digistreet.hu - Honlap optimalizálás" rel="lightbox[set_43]" >
								<img title="digistreet_honlap_optimalizalas" alt="digistreet_honlap_optimalizalas" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_honlap_optimalizalas.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-272" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign1.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Főlap" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign1" alt="digistreet_weboldal_keszites_webdesign1" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign1.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-273" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign2.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Címkeoldal" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign2" alt="digistreet_weboldal_keszites_webdesign2" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign2.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-274" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign3.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Termék oldal" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign3" alt="digistreet_weboldal_keszites_webdesign3" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign3.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-275" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign4.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Információk" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign4" alt="digistreet_weboldal_keszites_webdesign4" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign4.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-276" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign5.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Kategória és lenyíló menü" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign5" alt="digistreet_weboldal_keszites_webdesign5" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign5.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-277" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign6.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Címkeoldal" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign6" alt="digistreet_weboldal_keszites_webdesign6" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign6.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-278" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign7.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Kosár" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign7" alt="digistreet_weboldal_keszites_webdesign7" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign7.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-279" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/digistreet_weboldal_keszites_webdesign8.jpg" title="Digistreet.hu - Weboldal készítés és webdesign - Hírek" rel="lightbox[set_43]" >
								<img title="digistreet_weboldal_keszites_webdesign8" alt="digistreet_weboldal_keszites_webdesign8" src="http://emotions.hu/data/weboldal_keszites_webdesign_digistreet.hu/thumbs/thumbs_digistreet_weboldal_keszites_webdesign8.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/arculattervezes-webdesign-es-webaruhaz-uzleti-weboldal-keszites-a-digistreet-hu-reszere/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Weboldal készítés és webdesign a Pertarskereso.hu számára</title>
		<link>http://emotions.hu/referenciak/weboldal-keszites-es-webdesign-a-pertarskereso-hu-szamara</link>
		<comments>http://emotions.hu/referenciak/weboldal-keszites-es-webdesign-a-pertarskereso-hu-szamara#comments</comments>
		<pubDate>Fri, 18 Mar 2011 13:36:51 +0000</pubDate>
		<dc:creator>czroland</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdesign készítés]]></category>
		<category><![CDATA[weboldal készítés]]></category>
		<category><![CDATA[Wordpress weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1503</guid>
		<description><![CDATA[Weboldal készítés és webdesign a Pertarskereso.hu tulajdonosának.]]></description>
			<content:encoded><![CDATA[<h2>Weboldal készítés és webdesign a Pertarskereso.hu számára</h2>
<h3>Pertarskereso.hu bemutatása -  a weboldal készítés és webdesign tervezés célja</h3>
<p>Hegyi Gábor, a Pertarskereso.hu tulajdonosa egy olyan központi honlapot szeretett volna létrehozni, amelyen a látogatók különféle peres ügyekben kereshetnek és találhatnak károsulttársakat. A TV Ügyvédje riportereként -korábbi tapasztalataiból merítve- elképzelésének hátterében az állt, hogy több károsult magasabb nyerési eséllyel, és alacsonyabb perköltséggel indulhat a vélt vagy valós károkozó ellen.</p>
<p>Az alábbi feladatok elvégzésére kérték fel az emotions-t:</p>
<ul>
<li><strong>Webdesign megtervezése és elkészítése</strong></li>
<li><strong>Weboldal készítés</strong></li>
</ul>
<h3>Az online arculat kialakítása &#8211; Webdesign készítés</h3>
<p>A <em>webdesign </em>elkészítése során az egyszerűséget és áttekinthetőséget tartottuk szem előtt. Fontos volt számunkra az, hogy minden fontosabb tartalmi elem több módon is megközelíthető legyen. Kiemelten kezeltük azt, hogy az arculat (<em>webdesign</em>) összhangban legyen az oldal témájával és ugyanolyan módon nézzen ki minden, gyakran használt böngészőben.</p>
<h3>A tervek megvalósulása &#8211; Weboldal készítés</h3>
<p>A weboldal készítés során szintén az egyszerű kezelhetőséget tartottuk szem előtt, így WordPress tartalomkezelő rendszer alá helyeztük.A ügyfél kérésének megfelelően a főoldalról egyszerűen elérhető egy új panaszbejegyzés megtétele és az ügyvédként való regisztráció is. A panaszok fülön a legfrissebb panaszbejegyzéseket találjuk, amelyeket részletesen is elolvashatunk, és egy egyszerűsített  regisztrációs űrlap kitöltésével, egy kattintással azonnal csatlakozhatunk. Az egyszerű kezelhetőség érdekében a fontosabb tartalmak is több irányból megközelíthetőek. E célból került beépítésre a kereső a  főoldalra és minden egyes belső oldalra a kereső, illetve a címkefelhő. Bár a WordPress beépített keresője is sokat tud, a pontosabb keresési találatok érdekében további bővítményt is telepítettünk, amely így már maximálisan kielégíti a tulajdonos és a felhasználók keresési igényeit.</p>
<p><a title="Weboldal készítés, webdesign - Pertarskereso.hu" href="http://www.pertarskereso.hu/"><span class="outbound">A weboldal megtekintése</span></a></p>
<p><a title="Ajánlás - Weboldal készítés, webdesign - emotions" href="http://www.pertarskereso.hu/webdesign-keszites/koszonom-az-emotions-munkajat-webdesign-weboldal-keszites/"><span class="outbound">Az ajánlás megtekintése</span></a></p>
<h3>Kérjük, tekintse meg a Pertarskereso.hu webdesign látványképeit az alábbi galériában:</h3>

<div class="ngg-galleryoverview" id="ngg-gallery-42-1503">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-264" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/weboldal_keszites_webdesign_pertarskereso-hu_1.jpg" title="Weboldal készítés és webdesign a Pertarskereso.hu számára - főoldal" rel="lightbox[set_42]" >
								<img title="weboldal_keszites_webdesign_pertarskereso-hu_1" alt="weboldal_keszites_webdesign_pertarskereso-hu_1" src="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/thumbs/thumbs_weboldal_keszites_webdesign_pertarskereso-hu_1.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-265" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/weboldal_keszites_webdesign_pertarskereso-hu_2.jpg" title="Weboldal készítés és webdesign a Pertarskereso.hu számára - panaszok" rel="lightbox[set_42]" >
								<img title="weboldal_keszites_webdesign_pertarskereso-hu_2" alt="weboldal_keszites_webdesign_pertarskereso-hu_2" src="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/thumbs/thumbs_weboldal_keszites_webdesign_pertarskereso-hu_2.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-266" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/weboldal_keszites_webdesign_pertarskereso-hu_3.jpg" title="Weboldal készítés és webdesign a Pertarskereso.hu számára - pertársaságokról" rel="lightbox[set_42]" >
								<img title="weboldal_keszites_webdesign_pertarskereso-hu_3" alt="weboldal_keszites_webdesign_pertarskereso-hu_3" src="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/thumbs/thumbs_weboldal_keszites_webdesign_pertarskereso-hu_3.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-270" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/weboldal_keszites_webdesign_pertarskereso-hu_7.jpg" title="Weboldal készítés és webdesign a Pertarskereso.hu számára - Kereső" rel="lightbox[set_42]" >
								<img title="weboldal_keszites_webdesign_pertarskereso-hu_7" alt="weboldal_keszites_webdesign_pertarskereso-hu_7" src="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/thumbs/thumbs_weboldal_keszites_webdesign_pertarskereso-hu_7.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-268" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/weboldal_keszites_webdesign_pertarskereso-hu_5.jpg" title="Weboldal készítés és webdesign a Pertarskereso.hu számára - médiaajánlat" rel="lightbox[set_42]" >
								<img title="weboldal_keszites_webdesign_pertarskereso-hu_5" alt="weboldal_keszites_webdesign_pertarskereso-hu_5" src="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/thumbs/thumbs_weboldal_keszites_webdesign_pertarskereso-hu_5.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-269" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/weboldal_keszites_webdesign_pertarskereso-hu_6.jpg" title="Weboldal készítés és webdesign a Pertarskereso.hu számára - hozzászólás" rel="lightbox[set_42]" >
								<img title="weboldal_keszites_webdesign_pertarskereso-hu_6" alt="weboldal_keszites_webdesign_pertarskereso-hu_6" src="http://emotions.hu/data/weboldal_kesztites_webdesign_pertarskereso.hu/thumbs/thumbs_weboldal_keszites_webdesign_pertarskereso-hu_6.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<p style="text-align: center;">Ha meggyőzték a fenti <em>webdesign</em> referenciaképek, <a title="Weboldal készítés és webdesign | emotions online ügynökség" href="http://emotions.hu/kapcsolat/">vegye fel velünk a kapcsolatot</a>, hogy Önt is elégedett ügyfeleink között üdvözölhessük!</p>
]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/weboldal-keszites-es-webdesign-a-pertarskereso-hu-szamara/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Webdesignert keresünk</title>
		<link>http://emotions.hu/hirek/webdesignert-keresunk</link>
		<comments>http://emotions.hu/hirek/webdesignert-keresunk#comments</comments>
		<pubDate>Thu, 03 Mar 2011 13:25:02 +0000</pubDate>
		<dc:creator>Horváth Oszkár</dc:creator>
				<category><![CDATA[Hírek]]></category>
		<category><![CDATA[állás]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1492</guid>
		<description><![CDATA[Munkakör leírása: Online ügynökségünk főállású, kreatív webdesignert keres 2. kerületi irodánkba. Feladatod lesz elsősorban weboldalak látványtervének megtervezése (Photoshop, vagy bármi amit használsz), és sitebuildelése (első sorban CSS+HTML). A...]]></description>
			<content:encoded><![CDATA[<div>
<div id="_mcePaste">
<div id="_mcePaste"><strong>Munkakör leírása: </strong></div>
<div>Online ügynökségünk főállású, kreatív webdesignert keres 2. kerületi irodánkba. Feladatod lesz elsősorban weboldalak látványtervének megtervezése (Photoshop, vagy bármi amit használsz), és sitebuildelése (első sorban CSS+HTML). A munkavégzés helye a Lövőház u. 17. szám alatti irodánkban lenne, napi 8 órában.</div>
<div>
<div><strong>Amit kínálunk:</strong></div>
<div id="_mcePaste">
<ul>
<li>Rendszeres, folyamatos, érdekes feladatok</li>
<li>Kevés telefoncsörgés, nyugodt munkavégzés, érthető elvárások</li>
<li>Bejelentett munkahely, csendes iroda</li>
<li>Kompromisszumkészség, számítunk a javaslataidra</li>
<li>Rendszeres visszajelzés a munkádról</li>
<li>Fiatal, hozzáértő kollégák és vezetők</li>
<li>Olyan csapat egészít ki, akikkel büszke lehetsz a munkád végeredményére</li>
</ul>
</div>
</div>
<div id="_mcePaste"><strong>Elvárások, feltételek: </strong></div>
<div>
<ul>
<li>Photoshop</li>
<li>HTML, CSS</li>
<li>W3C szabványok</li>
<li>Önálló munkavégzés</li>
</ul>
</div>
<div><strong>Előnyt jelent: </strong></div>
<div>
<ul>
<li>WordPress</li>
<li>Javascript eszközök használata/beépítése (pl. jquery)</li>
<li>Nem programozni kell tudni, csak alkalmazni ezen eszközök előnyeit</li>
<li>Saját referencia oldal</li>
</ul>
</div>
<div id="_mcePaste"><strong>Elérhetőségek, jelentkezés</strong></div>
<div>Rövid, fényképes önéletrajzodat az <a href="mailto:info@emotions.hu">info@emotions.hu</a> e-mail címre várjuk.</div>
<h2>Az állást már betöltöttük.</h2>
</div>
</div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/hirek/webdesignert-keresunk/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Weboldal készítés a Dyson Magyarországnak</title>
		<link>http://emotions.hu/referenciak/weboldal-keszites-a-dyson-magyarorszagnak</link>
		<comments>http://emotions.hu/referenciak/weboldal-keszites-a-dyson-magyarorszagnak#comments</comments>
		<pubDate>Wed, 16 Feb 2011 12:41:08 +0000</pubDate>
		<dc:creator>Bacsó Attila</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[Böngésző független weboldal]]></category>
		<category><![CDATA[honlap optimalizálás]]></category>
		<category><![CDATA[honlapkészítés]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[webáruház]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Wordpress weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1461</guid>
		<description><![CDATA[Webdesign és weboldal készítés feladatunk ezúttal a Dyson Magyarország webáruház fejlesztése volt, akik professzionális porszívókat és ventilátorokat forgalmaznak.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-1469" title="Dyson főoldal" src="http://emotions.hu/data/dyson_fooldal.jpg" alt="" width="250" height="178" />A <a href="http://www.dyson.co.uk/">Dyson </a>története egészen 1970-ig nyúlik vissza, amikor <a href="http://en.wikipedia.org/wiki/James_Dyson">James Dyson</a> az alapító megalkotta első termékét az angol Királyi Művészeti Egyetemen. Folyamatos fejlesztéseinek köszönhetően a 70-es évek végére sikerült kifejlesztenie elkészítenie első porszívóját, amely már akkor is abban különbözött a többi típustól, hogy nem veszített szívóerejéből. A következő állomás 1983 volt, mikor Dyson kijött a G-Force (nem az nvidia vga kártyájáról van szó) nevű takarítógépével. Az angol piacnak ez túl drága volt, nem kellett senkinek, ezért Japánba vitte, ahol sikerült piacra dobnia közel 2000 fontos vételáron. A termék annyira sikeres lett, hogy 1991-ben megnyerte a Design Fair díjat. Ötleteiért 1986-ban megkapta első amerikai védjegyszámát is. 1993-ban megnyitotta első angol gyárát is, Wiltshire-ben. James Dyson jó példája az akaraterőnek és az állhatatosságnak. Termékei mellett őt is kitüntették már többek között 1997-ben a Prince Philip Designer elismeréssel, 2000-ben a Lord Lloyd of Kilgerran díjjal is. 2005-ben megválasztották a Királyi Műszaki Akadémia tagjának, 2006 decemberében pedig lovaggá ütötték.</p>
<p>A <a href="http://dysonshop.hu">Dyson webdesign</a> tervezésekor figyelembe kellett vennünk az angol Dyson weboldal arculatát. A Dyson tulajdonosa eleve webáruházban gondolkodott, egyszerűen működő adminisztrációs felülettel, de egyben portfólió oldalt is szeretett volna. A kész webdesign így viszonylag hamar kész lett, apróbb módosításokkal 3 nap alatt el lett fogadva. A Dyson webáruház része már komolyabb kihívásnak bizonyult. A termékeket kategóriákba rendeztük, felcímkéztük és a webáruházakban használt szabványokkal is elláttuk. A termékek ismétlődő tulajdonságai miatt saját rendszert fejlesztettünk a WordPress tartalomkezelőbe. Ezzel megkönnyítettük, hogy ne kelljen minden terméknél ugyanazt a tulajdonságot megadni, csak az értékekre kellett kitölteni. A webáruház képes összekötni a termékeket egymással, illetve a termékhez tartozó kellékeket és pótalkatrészeket is hozzárendelhetünk. A Dyson weboldalán nemcsak porszívók, hanem ventilátorok és kézszárítók is szerepelnek, utóbbit azonban itt közvetlenül nem lehet megvásárolni, mivel összesen 3 típusa van. Erre külön microsite-ot készítettünk.</p>
<p>A portfólió oldalakon rengeteg apró Javascript megoldás van, ami méltó a James Dyson brandhez. Külön videó appletek gondoskodnak a technológiák bemutatására, de beépített mini fotógaléria és saját ablakban kinyíló Javascriptes videó megjelenítőt is programoztunk bele. Emellett olyan apró, de hasznos funkciók vannak benne, mint a navigátor, ami megmutatja a látogató éppen hol jár. A termék nézeten a rengeteg tulajdonság miatt szintén Javascript megoldáshoz folyamodtunk, így kevesebb helyen elfér minden, ezáltal áttekinthetőbb lett az oldal.</p>
<p>A pótalkatrészek és kiegészítőkhöz eltérő látványt terveztünk, de maga a kiegészítő termék nézet is más, mint a hozzá tartozó terméké. Az átjárhatóságnak köszönhetően a látogató könnyen kiigazodik a rengeteg termék között, a kereső pedig a termék adatbázis mellett, azok tulajdonságaiban is keres, a címkék pedig gondoskodnak a szűrés finomításáról.</p>
<p>Nem az első alkalom, mikor bebizonyosodott, hogy a <a href="http://wordpress.org">WordPress </a>tartalomkezelő rendszer kiválóan alkalmas webáruház rendszerek megvalósítására, ráadásul könnyen integrálható egy már meglévő céges portfólió oldalba is.</p>
<p><a class="outbound" href="http://dysonshop.hu">weboldal megtekintése</a></p>
<p><a title="Tulajdonos ajánlása - Weboldal készítés, webdesign" href="http://dysonshop.hu/webdesign/ajanlo-emotions-online-ugynokseg-webdesign-keszites-weboldal-keszites"><span class="outbound">A tulajdonos ajánlása</span></a></p>
<p>Tekintse meg a Dyson Magyarország weboldalának néhány látványképét.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-39-1461">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-244" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_fooldal.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_fooldal" alt="webdesign_dyson_fooldal" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_fooldal.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-245" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_javascript_fotogaleria.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_javascript_fotogaleria" alt="webdesign_dyson_javascript_fotogaleria" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_javascript_fotogaleria.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-246" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_kiegeszito_kivalasztasa_nezokeppele.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_kiegeszito_kivalasztasa_nezokeppele" alt="webdesign_dyson_kiegeszito_kivalasztasa_nezokeppele" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_kiegeszito_kivalasztasa_nezokeppele.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-247" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_kiegeszitok_design.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_kiegeszitok_design" alt="webdesign_dyson_kiegeszitok_design" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_kiegeszitok_design.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-248" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_kiegeszitok_nezet.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_kiegeszitok_nezet" alt="webdesign_dyson_kiegeszitok_nezet" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_kiegeszitok_nezet.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-249" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_kollekcio_nezet.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_kollekcio_nezet" alt="webdesign_dyson_kollekcio_nezet" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_kollekcio_nezet.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-250" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_termek_lista_nezet.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_termek_lista_nezet" alt="webdesign_dyson_termek_lista_nezet" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_termek_lista_nezet.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-251" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_termek_nezet.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_termek_nezet" alt="webdesign_dyson_termek_nezet" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_termek_nezet.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-252" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_ventilatorok.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_ventilatorok" alt="webdesign_dyson_ventilatorok" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_ventilatorok.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-253" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_video_applet.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_video_applet" alt="webdesign_dyson_video_applet" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_video_applet.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-254" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/dysonshop-weboldal/webdesign_dyson_video_flash.jpg" title=" " rel="lightbox[set_39]" >
								<img title="webdesign_dyson_video_flash" alt="webdesign_dyson_video_flash" src="http://emotions.hu/data/dysonshop-weboldal/thumbs/thumbs_webdesign_dyson_video_flash.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/weboldal-keszites-a-dyson-magyarorszagnak/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Webdesign készítés és webáruház a Babycouture babaáruháznak</title>
		<link>http://emotions.hu/referenciak/webdesign-keszites-es-webaruhaz-a-babycouture-baba-aruhaznak</link>
		<comments>http://emotions.hu/referenciak/webdesign-keszites-es-webaruhaz-a-babycouture-baba-aruhaznak#comments</comments>
		<pubDate>Sun, 13 Feb 2011 12:38:34 +0000</pubDate>
		<dc:creator>Bacsó Attila</dc:creator>
				<category><![CDATA[Referenciák]]></category>
		<category><![CDATA[arculat tervezés]]></category>
		<category><![CDATA[Böngésző független weboldal]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[webáruház]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[Wordpress weboldal készítés]]></category>

		<guid isPermaLink="false">http://emotions.hu/?p=1425</guid>
		<description><![CDATA[A Baby Couture webáruháznál az arculat tervezés mellett a webdesign elkészítéséről is gondoskodtunk.]]></description>
			<content:encoded><![CDATA[<p>Az igényes, egyedi tervezés bababútorok és ruhák bemutatására olyan weboldalt kellett készítenünk, amely egyszerű kezelhetősége mellett egyedi funkciókkal rendelkezik.</p>
<p>Először az arculat elkészítésével kezdtük. Szerencsés helyzetben voltunk, hiszen a tulajdonosnak határozott elképzelése volt a hangulatról, sőt még a logót is leskiccelte egy papírra. Az arculat tervezésekor egy elegáns, mégis barátságos design megalkotása volt a cél, a színeket és a tipográfiát is ezzel összhangban alakítottuk ki.</p>
<p>Az arculati anyagok (névjegykártya, ajándék utalvány kártya, üdvözlőlap, plakát) nagyjából 1 hónapot vett igénybe. A nyomtatott anyagokkal egyidőben a webdesign tervezésének is nekiláttunk. Az áruház főoldalán elhelyezkedő fotógalériát először Flash, majd később Javascript technológiával készítettük el. Később már kollekciókra váltottuk, melyet a WordPress tartalom kezelőnek köszönhetően adminisztrációs felületen keresztül frissíthető. A Javascript előnye a Flash-sel szemben, hogy a képeket a Google is indexelni tudja, így a képkeresőben is megtalálhatók a babaruhák, vagy bútorok fotói.</p>
<p>A webáruház terméknézetébe egy saját fejlesztésü Javascript nagyítót készítettünk. A tulajdonos külön kérése volt, hogy a termék részleteit minden látogató meg tudja nézni, beleértve akár a különböző ruhák mintázatait és varrását. A termék adatlapon az eredeti nagyfelbontású fotóból a weboldal automatikus készít egy nézőképet, ha pedig fölévisszük az egeret és a termék fölött mozgatjuk, láthatóvá válik minden részlet.</p>
<p>A fizetési módok is minden igényt kielégítenek. A hagyományos utánvétes és előreutalásos fizetés mellett kártyás fizetésre is van lehetőség, de a számlát kiegyenlíthetjük Baby Couture ajándékutalvánnyal is, mely érvényességét a rendszer automatikus figyeli.</p>
<p>Sok időt fordítottunk a böngészőfüggetlen megjelenésre is. Az alkalmazott Javascipt technológiák és a különböző hibrid megoldások miatt erre különösen odafigyeltünk.</p>
<p>Tekintse meg az alábbi hivatkozáson a Baby Couture webáruházat és az alkalmazott egyedi fejlesztéseket, így megtapasztalhatja, hogy az egyéni elképzelések milyen jól összeférnek a szabványos megjelenéssel.</p>
<p>Ezzel ismét bebizonyítottuk, hogy bármilyen extrém elképzelést meg tudunk valósítani méghozzá úgy, hogy ebből a látogatók és Ön is profitál!</p>

<div class="ngg-galleryoverview" id="ngg-gallery-38-1425">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-239" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/baby-couture-webdesign/webdesign_babycouture01.jpg" title=" " rel="lightbox[set_38]" >
								<img title="webdesign_babycouture01" alt="webdesign_babycouture01" src="http://emotions.hu/data/baby-couture-webdesign/thumbs/thumbs_webdesign_babycouture01.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-240" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/baby-couture-webdesign/webdesign_babycouture02.jpg" title=" " rel="lightbox[set_38]" >
								<img title="webdesign_babycouture02" alt="webdesign_babycouture02" src="http://emotions.hu/data/baby-couture-webdesign/thumbs/thumbs_webdesign_babycouture02.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-241" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/baby-couture-webdesign/webdesign_babycouture03.jpg" title=" " rel="lightbox[set_38]" >
								<img title="webdesign_babycouture03" alt="webdesign_babycouture03" src="http://emotions.hu/data/baby-couture-webdesign/thumbs/thumbs_webdesign_babycouture03.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-242" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/baby-couture-webdesign/webdesign_babycouture04.jpg" title=" " rel="lightbox[set_38]" >
								<img title="webdesign_babycouture04" alt="webdesign_babycouture04" src="http://emotions.hu/data/baby-couture-webdesign/thumbs/thumbs_webdesign_babycouture04.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-243" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://emotions.hu/data/baby-couture-webdesign/webdesign_babycouture05.jpg" title=" " rel="lightbox[set_38]" >
								<img title="webdesign_babycouture05" alt="webdesign_babycouture05" src="http://emotions.hu/data/baby-couture-webdesign/thumbs/thumbs_webdesign_babycouture05.jpg" width="100" height="75" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class="ngg-clear"></div> 	
</div>


<p><a class="outbound" href="http://babycouture.hu">A weboldal megtekintése</a></p>
<p><a class="outbound" href="http://babycouture.hu/arculat-keszites-webdesign-es-honlapkeszites-az-emotions-kft-vel">A tulajdonos ajánlása</a></p>
]]></content:encoded>
			<wfw:commentRss>http://emotions.hu/referenciak/webdesign-keszites-es-webaruhaz-a-babycouture-baba-aruhaznak/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

