Interview Assignment For HCL Technologies | By Parveen Verma

The Brief, Task at Hand Understanding, Concept Note and Thought Process

Brief You are planning for a vacation. For that you are looking for a website to find a good destination to spend some time with your family. Also you would like to know what people think about that particular destination.  After finalizing the destination you want to book a hotel. The website should guide through various hotels in that particular destination with user reviews etc. You would also need a facility to book airfare, and taxi.

Understanding To design a holiday/vacation centric website/portal which offers it's users the opportunity to finalize a holiday destination using research about that destination and to be able to book Hotels, Flights and Taxi for same.

Concept An   e-­‐Commerce   portal   where   a   user   can   come   and   book   Flights,   Hotels,  Taxis   independently   or   can   plan   his/her   vaca@on   using   different   channels  further  may/may-­‐not   influenced  by   research   (user   reviews,   ra@ngs),   cross-­‐sell  and  support  structure  (@ps,  facts)  etc.

Ingredients (Important Modules) Flights Hotels Taxis Holidays (Bundled Packages) Destination Guide Planner User Reviews

Media Gallery Cross-Sell Support Structure (Tips and Facts) Shopping Cart User Account Management Error handling scope

Dressing (Add-on Modules) Media Room (News, Press, Accolades)

Blog (Announcement, related info sharing, contests)

Task To   Create   a   concept   in   PPT   covering   parameters   of   UID   (User   Experience,  Innova@on,  and  Design).  

To  Create  Lo-­‐Fi  wireframes  covering  major  task  flows.  To  Create  a  Hi-­‐Fi  mockup  of  the  website  homepage.

UID Parameters Experience   Easy   to   use,   Clear   Naviga@on,   Precise   informa@on,   Fast   and  Responsive  

Innova.on  Intelligent,  Quick,  Out  of  the  Box  

Design   Brand,   Vision,   Trust,   Surrounding,   Target   Audience,   Mood,   User  Centric  

Low Fidelity Wireframes Home Page, Destination Landing Page, Hotel Search Results, Hotel Landing Page, Shopping Cart

Low Fidelity Wireframes - Home Page

Highlights  As   soon   as   a   user   selects   “From-­‐To”   des@na@on   in   flight  search   module,   an   overlay   will   appear   on   top   of   “Latest  Deals”   containing   lowest   airfare   of   current   month   in  “Graph”   and   “Calendar”   op@ons   enabling   user   to   glance  and  choose  best  deal  suited.  

Please  refer  to  file  sent  in  email  “Holiday_Planner_4.jpg”  

Similar   treatment   can   also   be   think   through   for   “Hotels”  and  “Holidays”  

Easy  access,  Quick  and  Responsive,  innova@ve      

Low Fidelity Wireframes - Destination Page

Highlights  Des@na@on   lead   page   includes   “Support   Structure   –  Weather   info,   Tips,   Ask   an   Expert”,   Media   Gallery,   User  Reviews  and  opportunity  to  find  a  hotel  in  the  area  

Easy   access,   Precise   Informa@on,   Building   trust   and   bond  with  user  

Note  A  User   can   reach   to   this   page   via   either   narrowing   down  des@na@ons   from   Des@na@on   link   in   main   menu   or   via  cross-­‐sell,  promo@onal  ac@vi@es  on  different  pages.  

A   user   can   also   land   on   this   page   via   search   engines,  affiliate  marke@ng  campaigns    

Low Fidelity Wireframes ‒ Hotel Search Result

Highlights  Clicking   on   “Add   to   cart”   bu_on   will   result   in   an  overlay   pop-­‐up   asking   user   to   provide   check-­‐in,  check-­‐out  dates  and   traveler  details  and   further  will  redirect  him/her  to  shopping  cart  page.  

Easy  access,  Fast  and  Responsive,  One  step   lesser  to  conversion  

Note  In  this  case  user  has  clicked  on  “Find  Hotels”  bu_on  on  last  wireframe  

Low Fidelity Wireframes ‒ Hotel Landing Page

Highlights  Hotel   lead   page   includes   “Support   Structure   –  Weather   info,   Customer   Support”,   Media   Gallery,  User  Reviews  etc.  

Easy   access,   Precise   Informa@on,   Building   trust   and  bond  with  user  

Note  In  this  case  user  has  clicked  on  hotel  details  bu_on  in  last  wireframe  

Low Fidelity Wireframes ‒ Shopping Cart

Highlights  Time  to  convert  a  user  into  customer  along  with  the  opportunity  to  cross-­‐sell  Fights  and  Taxi  services  in  the  package  

Easy  access,  Precise  Informa@on,  Building  trust  and  bond  with  user  

Note  In  this  case  user  has  clicked  on  review  and  book  in  last  wireframe  

High Fidelity Mockup Home Page visual design

High Fidelity Mockup ‒ Home Page visual design

Thank you for your valuable time Looking forward for an opportunity to discuss this assignment in detail.

Interview Assignment For HCL Technologies | By Parveen Verma