Monday, April 28, 2014

Login Design for Trans Maldivian Airways

Trans Maldivian Airways is a private airline based in Ibrahim Nasir International Airport. It operates floatplanes to resort islands in the Maldives. They have recently started using SMS Pro’s web-based aviation safety software. We would like to give them a new look to their login page to generate good will and because we like working with the crew over in the Maldives.

Screen shot of existing log in page.


First Design


First I grabbed a few images from their website and stored them on my computer. Their nice images made my work easier. After picked out the image for first design, I started to work with my favorite tool--Photoshop. I had the image blurred because I wanted the login form dominant, and then placed it below our logo. For the login form, I had white transparent background and changed the tone to be TMA’s logo color and placed it on top of the main image, then relocated all content as usual.

Screen shot of first design.



Second design


The second design, I did the opposite way with the first design. This one I used the original image without blurring it. However I cropped its size to fit my page. I had the login form and TMA’s logo located on the left side. I expanded username and password fields wide enough to make them jumped out of the stunning image background. Then use same tone of TMA’s blue color for login button. I left all content as it was in the first design. Lastly, I repositioned our logo and welcome message.

Screen shot of second design.


Each design had its own unique way to accomplish. I worked around the image since it was the center of attention. We will have TMA make decision on the login page new look.


NWDS Alaska Web Design


About NWDS - founded in 2003 by six software engineers, NorthWest Data Solutions (NWDS) provides custom computer programming and systems design services. NWDS creates many types of software, including e-commerce, financial, defense, engineering, logistics, aviation and more. www.nwds-ak.com

Thursday, April 3, 2014

Design Login Page for West Air Sweden

West Air Sweden is a cargo airline based in Gothenburg, Sweden. It operates scheduled and ad hoc freight charter services for FedEx, DHL, TNT and UPS. West Air has been using SMS Pro's Web-based aviation safety software since the end of 2013.

Screen shot of existing login page.


First Design


What I would like to change was login form style and color. First I added the grey background to style the form. I also wanted to add color and an element to emphasize it a little more. Then I thought if I have an icon it should work too. So I created the key symbol with illustrator and placed it next to the form title; it helped to gain more attraction. Next, I started to work on the font and size by having larger size for the elements I wanted to emphasize and rearranged their locations. Then added color to it, looked pretty good!

I decided to use the large picture to be background for both login form and content. Then I had login form on the right side of the page. For the content, I changed the font color to be white on the black-transparent background.

Screen shot of first design login page.



A second design


This design I changed the look of login form by having transparent background and font color to be white instead. Then I moved it to the center of the page. I still using the same image but framed its height shorter also added a black transparent layer on top of it. Next relocation the whole content below the image and adjust welcome message size.

Screen shot of second design login page.





NWDS Alaska Web Design


About NWDS - founded in 2003 by six software engineers, NorthWest Data Solutions (NWDS) provides custom computer programming and systems design services. NWDS creates many types of software, including e-commerce, financial, defense, engineering, logistics, aviation and more. www.nwds-ak.com