My name is Nabeel, a web developer and UI/UX designer based out of beautiful Vancouver, Canada. I dont create projects, I create beautiful, neat, and unique experience.
UI Design, Wireframes, Mockups, Usability Testing
This project was a final part of the UI designing project, Photographer Quest, The app concept is to create an application where amateures and novie users are able to improve their photography skills and learn more about the camera they own through an interactive and collabrative learning environment.
Some users expressed confusion about the rewards system, namely desiring a clearer connection between the completed quest and the rewards shown on the profile page.
We removes the point system because there was no purpose to the points other than getting points. Instead we focused on creating badges that reflected the quest the user has completed.
Many users found the transition from the sign up page to the quests page too abrupt.
A smoother, friendlier, more introductory transition is required to better accomodate beginner users. A simple greetings page could be used, or explanatory popups could be added. Alternatively, the first page may be more inviting as the dashboard page rather than the quests page.
Users noted that the profile page seemed dull and the graphics used did not relate to any of the possible quests they could complete. Overall the visual layout needed to be improved better.
Changed the overall visual layout of the profile page and created more relevant icons. iPhone brand design parameters were followed
Issue#4: User Control
Some users were distracted by having the camera shutter button visible before it was usable, providing false assumptions of user control.
We hid the shutter button from the user until it was time for it to be used. This way, we avoid the user from having confusion about what they are able to interact with in the current screen and brings more focus to what the user should interact with.
All users found that there was too much text and the text was too small, blurry and difficult to read. They found themselves having to stop and look closely at the text, or skim over the text impatitenly and found that it dirupted the flow of interaction.
More consise instructions can be used, with small pops ups employed to replace the unpopular wall of text.
Design Initial Idea for App, Create Persona, Design Journey Frame
The project is to come up with the idea for an application for beginner photographers. The project went through different aspects of interface designing to come up with great idea for an application. For this aspect of the project, we talked about purpose of the application, goal, and context. Target audience was decided along with the goal and context of the application.
The experience map was created to determine the learning curves of the application and how individual users would interact with the application. Also, the each step determines how the user would be thinking and feeling as they are using the application.
Mini personas were created to determine what kind of users will be using this application and what their particular goals and throught process for the application.
Typography, Color Scheme, Storyboard, Interaction Framwork
This is the part process of the Photographer Quest application. The project consists of wireframes and interaction story broad. In addition, color scheme, type-face, functional-data element, and different methods are discussed.
User can login with their username and password if they have an account, or chose to create an account. Once the user is logged in, they will not see this page again until the log out.
A new user creates a username and password, input their email, and may upload a profile picture to create an account.
User can swipe through the available quests. Beginner quests each focus on a single function and are structured such that they must be completed in order because each quest builds on the quest before to introduce each function slowly and logically, and in relation to previous function.
A user can go to the profile page to see their profile pictures and view the achievemnt they earned. They also have an option to see how many firends are following them and who are their followers.
On the screen below, the current quest's function is highlighted and popup briefly explain its use. Using a slider, user can adjust the value and see its effect on a sample image. They will they be instructed to take any photo using the function properly.
Migration of SFU Math Department site to Adobe CQ5 was one of the biggest project I have worked on individually. I have learned a lot throughout the process especially Adobe CQ5. The CMS system is very unique and easy to learn. Besides the given template, I have designed the website from the beginning. The html editor I used was SublimeText.
Just like SFU Math department, I have also worked on SFU EMPU website. I used Adobe CQ5 for copying the old content to the new platform. I have designed the website from the beginning. The HTML editor I used was SublimeText.
A local restaurant needed the website for run their business. I offered them my services to create a logo, photography, and web design. I followed the step by step procedure to create the outstanding website according the client's needs.
The Main Issue is an interactive documentary focusing on the issues along the Main Street in Vancouver. The project consists of hotspots for video, articles and images when clicked on the icons. The project had an outstanding final result. The site is not responsive and it is better to view on lange screen.
Nabeel first got hooked on web development and design while working on a project with his friends from university. With his sights set on learning everything about his field, he started consuming fresh and disruptive information so he himself could design whatever he chose to. His passion in the subject led Simon Fraser University to scoop him into their web development department; He assisted them with website migration to the Adobe CQ platform where he further refined his design skills.
Nabeel loves all things outdoors, simplistic and eco-friendly. As a free-lancer, he got to demonstrate that side of him through user experience, interface designing and web development. He loves creating, minimalistic, functional interfaces for others to use. For him, it is his poetry, an art where he gets to kindle his own imagination and form wonders for the world to experience. His ideal day involves cross-fit training, tweeting his favourite MMA fighters & UX gurus, and playing cricket.
You can contact Nabeel at 604-771-2760 or email at email@example.com