NaveedLalani.com UI Concept!

[SIZE=3][FONT=Times New Roman]Hola,[/FONT][/SIZE]

[SIZE=3][FONT=Times New Roman]I haven’t posted anything for critique for a while, been super busy with freelance and school work, thankfully things are slowing down a bit as school is almost over for the semester![/FONT][/SIZE]

[SIZE=3][FONT=Times New Roman]Any who, for my UI class, I had to design a basic prototype. I choose to do a concept for my portfolio. My goal was for it to be an extension of my logo, and have a unique concept. I spare you the details (had to write a 8000 word paper about it, do testing, wireframes, sitemaps, etc), so here is the semi-functional mockup:[/FONT][/SIZE]

[FONT=Times New Roman][SIZE=3][COLOR=#800080]http://www.naveedlalani.com/temp/sts/index.html[/COLOR][/SIZE][/FONT]

[SIZE=3][FONT=Times New Roman]Since it was just a class project, and teacher was loading it from files on her computer, there is no preloader, it’s about 2.4 mb (again, it’s not optimized), so just be patient and it will load. [/FONT][/SIZE]

[SIZE=3][FONT=Times New Roman]Please follow these instructions to check out the pages:[/FONT][/SIZE]

[SIZE=3][FONT=Times New Roman]1. Wait for content to load[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]2. Let the logo animation play.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]3. Now you are at the Home page. Click on the”?” and the help menu will come up.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]4. Click “X” and the home menu will disappear, and you will be back at the home page.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]5. Click Brain Structure, this will take you to the about page.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]6. Click on Left and Right Hemisphere in the bottom navigation. This will take you to the portfolio page.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]7. Click on Ogilvy to open up that region.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]8. Click on Kodak, to view the project done for that client.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]9. Click on 2 to change the picture.[/FONT][/SIZE]
[SIZE=3][FONT=Times New Roman]10. Click “Oral Cavity’ to view the contact page.[/FONT][/SIZE]

[SIZE=3][FONT=Times New Roman]This will just go in my concept folder (for now), but was a fun project none the less. I will be launching a simple new portfolio with all my updated work (at least the ones I can display) by Christmas time.[/FONT][/SIZE]

[SIZE=3][FONT=Times New Roman]Sorry for the long post, and thanks in advance for the feedback![/FONT][/SIZE]

[FONT=Times New Roman][SIZE=3]-Naveed[/SIZE][/FONT]

[FONT=Times New Roman][SIZE=3][COLOR=red]Update: Added a simple (and horrific looking) preloader, my usual preloader script was acting up. Hopefully this helps those that thought it was broken.[/COLOR][/SIZE][/FONT]