Afriqiyah Airline website design designed for Dynamic LLC
Reasearch Before we sat down to design we decided to did a strong research on the subject. As we went across whole range of arline websites we discussed their purpose and what people can tell us how they use them.
Key information we found out was that in many cases websites are hard do access on mobile devices and small resolutions. More importantly we think that responsibility is most important feature of airline website because of cases when people use is – during trip, on the go or just sitting on a coach using tablet or mobile phone.
02 Š DWG Design 2013 |
kontakt@dwgdesign.pl
Result and thoughts After speaking with more and more people we realized that nearly all of existing airline websites have may problems when people try to use them. Idea is simple, still nearly of all sites fails to deliver easy and accessible solution for customers to complete tasks they want to. We defined website tasks as simple as we could and prioritize them: 1. 2. 3.
Search and book flight/hotel Find good offer/deal Access additional information
sion but as this is our first project together we decided to show you how we really work. Realizing so may problems copied by all existing websites we knew that all this can be done a lot better. In fact this is one of main goals we have in company values to deliver best possible solution for people to complete their task, and as a result for our clients to make more profits, strong and amazing identity in customers minds.
Obvious solution in designing best future website for airline is responsibility, so we chose bootstrap grid as base for project to start. We know that this subject appeared in our discussion before without certain deciŠ DWG Design 2013 |
03 kontakt@dwgdesign.pl
UI design We decided to design a fully responsible website what not only let us take advantage of big stationary display but also ensure that design easy and accessible on every device.
Every section has its content scaled and selected depending on resolution thanks to bootstrap engine (we can remember that you have skills in this framework).
Despite full responsiveness site can be scrolled down to. We designed 3 different sections that together stand form homepage 1. Search/welcome page 2. Offers (inspire me)/ deals search 3. Site map/footer
04 Š DWG Design 2013 |
kontakt@dwgdesign.pl
Style Looking though style table that you completed for us we developed what we think is completely unique stale that in not only modern, easy to read , understand and use by user but also little bit exclusive and stylish thanks to unique typography. Furthermore we designed style bearing in mind easy coding and responsiveness on bootstrap.
05 Š DWG Design 2013 |
kontakt@dwgdesign.pl
Search/welcome Main menu- every item has droppable category when necessary. We also included droppable login, search and language changer. Most important feature is that menu is always pinned to the top of browser so when user is looking through search results and some text sites (that can be long) can always access all important features with just one click at all time.
to read and fill. On the beginning we show only 4 pools for user to fill so it not only takes smaller space but encourages visitor to put information by not requesting 10 or more of them as some annoying search can do. When user fill first 4 we drop down additional section where he can specify number of people and get his results on new page.
Booking flight or hotel can be a droppable item form menu and redirect to new complete search result page or just be new site. This is for you to decide.
As you requested we also designed some boxes with information that can be useful as shortcuts to full pages where user can go as soon as he decide he need to know more in this matter – also with just one click.
As we defined during research process booking is the main feature so we focused hard on that one. Menu is nice, clean easy
06 Š DWG Design 2013 |
kontakt@dwgdesign.pl
Search/welcome - banners Offers Just few best offers selected according to user location presented as a rotator so offers can be changed with selected period of time.
We selected photo of play because in your mind it look not only professional as a com pany play but also has nice touch giving feel of moving forward.
Miles People that fly often are good customers so we should care of them, this banner is important so as you requested.
As we said before we decided for page to be fully responsible. Of course we won’t prepare all pages in 3 variations but as coding design you can decide with client what sort of information they want to see depending on resolution.
News Airline is big company that as we think is constantly changing so this should be shown to visitors, as we know it also helps positioning the website.
Although we prepared 3 screen for welcome screen to show you and the client how amazing result can be achieved thanks to our design idea.
Everything is presented on rotating banner.
08 Š DWG Design 2013 |
kontakt@dwgdesign.pl
Search/welcome - desktop screen
Search/welcome - mobile phone screen
Offers (inspire me) /deals This site works not only depending on what location visitor is but also depending on what preferences he/she has. During reaserch we realized that search works as a tool to find for flight visitor is looking for, specified flight. We fought that there is still no solution form people looking form great deal. So we prepared second screen after scrolling down the welcome section (we know that it is technically possible to scroll whole section for user that uses mouse scroll and swipe gesture on tablet of phone).
The main idea of this section is to find interesting deal depending on users preferences. So there is price range to choose form, date with preselected time period and search “inspire me” button. As a concept we think that offers can be presented on the map as a pins with location and price, more of that on the left side we created hide able menu showing offers according to search result, this time with photos that encourage to check it closer. We thought of this design as it will be second page we designed with homepage. If you decide to work with us on this idea you can also decide if you want this or normal scrollable page as additional to this one on “Special offer” subpage.
11 © DWG Design 2013 |
kontakt@dwgdesign.pl
Offers (inspire me) /deals - desktop screen
Footer/sitemap Last section on homepage is page that in fact works for us as short sitemap. Here you can find most important links and contact information. In addition to that we provided social media section and newsletter sign up box.
14 Š DWG Design 2013 |
kontakt@dwgdesign.pl
NOTES
16 © DWG Design 2013 |
kontakt@dwgdesign.pl
DWG Design ul. Mikołaja Reja 87 / 4a 50-343 Wrocław Poland kontakt@dwgdesign.pl