Web Portfolio
Here you can see all the artwork I have created in 3D Studio Max in the past 3 years.
Ramswaroop College
Feb 11th
This was one of my biggest projects & I was allowed to do whatever I wanted to keep the design good & minimal. The client gave the navigation links himself so I was not able to sort them again or make them better.
The header is simple depicting a iron board usually seen at colleges. I opted to go with a color scheme similar to the building of the college. Header has a object based search from which the user can do specific searches. He can search in the library for a book, or the whole website or just for a particular person such as teacher etc.
The flash ad shows pictures of the college followed by a latest news box. The icons used are from Tango Desktop Project. The homepage is self explanatory.
The left hand side navigation sidebar is AJAX based. As visible in the following screenshots. The pages has expandable & collapsible navigation based on Accordion design.
Proposed page for faculty contacts
iMaths
Feb 11th
iMaths is a MBA Preparation institute in Lucknow. They wanted there website to be different from the rest of the MBA institute websites such as TIME, Career Launcher which are examples of pathetic web designs. For iMaths I decided to go for a cartoony theme. I created a concept of notes & chalk board.
The site is made for students to come to iMaths, find about latest exam results, join iMaths institute, find about which colleges to apply for based on there marks etc.
Upon opening, the students is shown the latest news in the form of a Notice Board because usually news & information is seen on the notice board of a coaching institute. Then, rest of the information is shown in form of sticky notes. The empty area is for flash based animation & advertisement.
Label9420
Feb 11th
Label9420 is a Anti-Piracy system for consumer goods. The partner companies subscribe to Label9420 based on which they get a label which they can paste on every unit of there product. Once the a consumer buys a product he can scratch the label & can either SMS the Code, or call on an IVR system or Check the authenticity of the product on label9420.com.
Homepage with default state without user interaction
Homepage after user interaction/
The design of the page is made keeping real life Labels in mind hence the unusual label & tag like header. The background shows an allay of a supermarket store depicting consumer goods which Label9420 is targeting
The main emphasis of the website was on the checking of authenticity code. Once the page opens, the cursor is already at the Code 1 Section which glows to show it is selected. The consumer will enter the codes & select on check after which the box will extend using javascript animation to show whether the product is genuine, fake or whether the code in incorrectly entered. It checks in a database of codes for this.
News related to fake products is shown at the top. Below it are shown other ways to find authenticity of the product such as IVR System or SMS. Next to it are two icons based on Tango Icons set for Contact & About Label 9520. Clicking on any of these will open the next page in an overlay as shown in the image.
The client wanted two kind of logins, one for manufacturer & one for consumer hence the tabbed UI for login box which by default goes to Consumer because most of the times it will be the consumer visiting the website. Consumer can login to see a database of all the codes & the products he has authenticated in the past.
At the bottom is a scrolling list of partner logos. Clicking on any logo will open the partner company’s website.
Panache Airlines
Feb 11th
Panache is a Charted only airlines service in Lucknow. The client wanted a vibrant design so he gave the color theme of orange. I personally wanted to go with blue as it represents sky. The website is created so that the customers can find about there flight status, find flight schedule & find about various offers etc provided. The client was tech savvy himself so he agreed to keeping a minimal but usable design.
The navigation bar is made like an Airplane with the Logo of Panache at the tail like a real air plane. It is a menu based navigation with the drop down menu as shown in the screenshot.
Below the menu bar is a news ticker which shows news about any canceled airlines, change of plans etc.
The Status check section is tab based so there is no need to open a new page. Next to it is a flash Ad about the Airlines. Rest of the sections are mostly self explanatory. When user clicks on any link, the content in a Lightbox like black frame overlaying the main page as if a user clicks on a link, he wants to read that particular info only.
Academy for Nails ‘n’ Beauty
Feb 11th
ANBNS is a small firm in Lucknow doing designer Nail artwork for there clients & also teaches to beauticians. The client is Miss. Renu Madan who had an idea of design so she actually listened to me when I was proposing the wireframe & design of this website.
Since there isn’t much content for the website, I was able to easily make a website with full emphasis on AJAX. In the original & proposed website, no new page opens & the content comes at the location of Director’s message as that is enough to show, but can’t help the mentality of Lucknow’s people who want a new page opening on every click due to which the developer made content page separate from what was originally intended.
The navigation is simple text based. Opened link comes with a black underline. Selected links show up with a purple underline. The services provides by ANBNS are shown in the form of 6 thumbnails with a Pink Stroke on Hover.
New offers by ANBNS are shown at the offers section. The star is actually a flash animation in which the color changes to 5 different colors. This is a simple but effective way to attract the users eyes to the offers section.
