Nová homepage pro vyšší konverze

1. Výzkum

1.1 Prostředí společnosti

TotalEnergies je velká nadnárodní společnost. Pobočky jednotlivých zemí mají svoje lokalizované webové stránky, které používají stejný design systém, aby značka působila konzistentně. V této prvotní fázi výzkumu mě zajímalo, jaké informace se nachází na stránkách jednotlivých zemí a jak jsou informace uspořádané.

Země	Menu	Prvky na stránce	Zajímavé nápady
Austrálie	Business, Products, Sponsorship	Slider Tlačítka – Find the Right Oil, Technical Data Sheet, Find Us News Customer Service and Technical Support
Rakousko	Our Products, Product Catalogue, Expert Corner, Quick Links, Electromobility, Motor Sports, Contact	Slider Tlačítka – Product Catalogue, Safety Data Sheets, Lubricant Finder News and Press Releases Our Product Contact Us
Kanada	Lubricants, Services, Partnerships, News, Discover TotalEnergies	Slider Tlačítka – LubConsult, Access to Safety, Industrial Lubricants Products – Quartz, for agriculture… News
Francie	Electric and Gas, Energy Savings, Electric Vehicles, Why Choose Us	Obrázek + jak můžeme pomoci Výhody, proč být u TE Nabídka tarifů Looking for another service? Hodnocení FAQ	Tlačítko Become a Customer (B2C)
Velká Británie	Motorists, Business, Service Stations, Gas, About Us, Media, Careers	Slider About – What We do + Energy Transition For Motorists – Find the Right Oil, Service Stations, Buy Our Engine Oils, Catalogue News and Press Releases	Bublina – chat
USA	Lubricants, Engine Oil Guides, Services, Partnerships, News, Aviation	Slider Buttons – Find a Distributor, LubConsult, Industrial Lubricants, Engine Oils Produkty Product Catalog Latest News Twitter

1.2 Analýza konkurence

Dále mě zajímalo, jaké prvky na svých stránkách mají jiné firmy pracující ve stejném oboru.

Castrol	Najděte ten správný olej Menu 1: Produkty – Služby – Staňte se partnerem – Naučit Menu 2: Vyhledávač produktů – Kde zakoupit – Kontaktujte nás Video Slider Přehled produktů
Shell	Zaměřeno hlavně na koncové zákazníky Hledání nejbližší čerpací stanice Věrnostní program Novinky Pro motoristy – Palivová karta, Paliva
Motul	Hero Image – Milník v udržitelnosti Discover Our World – video Blog Menu: The Drum – Produkty – Vynalézavost – Kariéra Menu 2: Najdi prodejce – Výběr oleje

Již po těchto dvou prvotních analýzác bylo jasné, že na stránce TotalEnergies bude nutné výrazně zjednodušit hlavní menu a patičku.

1.3 User Interviews

Dále jsem vedla nestrukturované rozhovory s návštěvníky stránek.

Uživatelé měli za úkol zjistit nejvhodnější olej pro automobil Opel Astra. Uživatelé stránky nikdy předtím nenavštívili. Během rozhovorů jsem sledovala, jak se na stávající stránce pohybují a jak je pro ně náročné najít požadovanou informaci.

Z rozhovorů vyplynulo následující:

1. Horní lišta je komplikovaná.
2. Slider v horní části obrazovky zabírá zbytečně moc místa a nepředává žádné relevantní informace.
3. Někteří uživatelé neznali termín Mazací plán.

1.4 Závěry z průzkumu

Z provedeného průzkumu vyplynulo, že lidé, kteří navštěvují webové stránky výrobců motorových a průmyslových olejů, se nejčastěji snaží najít tyto informace:

• Typy a specifikace produktů: Detaily o různých typech motorových a průmyslových olejů, které výrobce nabízí, včetně jejich specifikací a vlastností. Lidé chtějí vědět, jaké oleje jsou vhodné pro různé typy motorů (benzínové, naftové, hybridní) a jejich specifické požadavky (např. viskozita, syntetický vs. minerální olej).
• Kompatibilita a doporučení: Informace o tom, jaký olej je vhodný pro konkrétní značku a model vozidla. Některé stránky nabízejí vyhledávací nástroje, kde uživatelé mohou zadat své vozidlo a získat doporučení ohledně vhodného oleje.
• Technické listy a certifikace: Dokumentace k produktům, včetně technických listů, certifikací a schválení od výrobců automobilů nebo průmyslových norem.
• Kde koupit: Informace o tom, kde lze produkty zakoupit, včetně seznamu autorizovaných prodejců, online obchodů a distributorů.
• Kontakt a podpora: Kontaktní údaje pro zákaznickou podporu, možnosti dotazů a technické podpory. Někteří zákazníci mohou chtít přímo kontaktovat výrobce pro specifické dotazy nebo problémy.
• Reference a recenze: Recenze a zpětná vazba od jiných zákazníků mohou být také důležité pro rozhodování o koupi.
• Informace o společnosti: Historie a filozofie společnosti, její závazky k udržitelnosti, kvalita výroby a další korporátní informace mohou být pro některé zákazníky také důležité.

2. Define

2.1 Protopersona

Na základě informací získaných z výzkumu jsem vytvořila následující protopersonu.

2.2 Problem Statement

2.3 Goal Statement

Homepage webu TotalEnergies informuje návštěvníky o nabídce olejů a vhodnosti jejich použití, aby měli jistotu, že vybrali ty nejvhodnější výrobky pro své dopravní prostředky.

3. Ideate

Díky informacím získaným v předchozích dvou fázích procesu jsem identifikovala klíčové informace, které by se na homepage měly nacházet:

1. Snadno dostupný odkaz na typy a specifikace produktů.
2. Kompatibilita olejů se stroji.
3. Kde je možné oleje koupit.
4. Kontakt a podpora.
5. Informace o společnosti.

Z výzkumu vyplynula také nutnost toho zjednodušit hlavní menu, které je momentálně nepřehledné. To samé se týká patičky.

Rozhodla jsem se na hlavní stránce zachovat sekci s blogem, neboť je vidět, že firma do jeho rozvoje investuje hodně prostředků.

4. Prototype

4.1 Rapid Sketching/Wireframy

Když jsem měla stanoveno, jaké prvky se budou vyskytovat na homepage, začala jsem pomocí techniky Rapid Sketching vytvářet wireframy s různým rozložením těchto prvků na stránce.

4.2 LoFi Prototype

Když jsem měla jasno, jak rozložit jednotlivé prvky na stránku, vytvořila jsem LoFi prototyp ve Figmě.

4.3 HiFi Prototype

Na základě LoFi prototypu jsem ve Figmě vytvořila HiFi prototyp. Na následujícím obrázku je srovnání původní verze homepage (vlevo) a nově navržené verze vycházející z provedeného výzkumu (vpravo).