Nabeel Muhammad Logo

hello there,

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.

Portfolio

UI Design Projects

Photographers Quest Photographers Quest Initial
Close
Initial Method

My Role

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.

Journer Frame

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.

Mini Personas
Photographers Quest
Close
Initial Method

My Role

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.

Login Register Page

Login Page
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.

Sign Up Page

Sign Up
A new user creates a username and password, input their email, and may upload a profile picture to create an account.

Quest Selection

Quest Selection
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.

Profile Page

Profile Page
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.

Sliding Interface

Web Development Project

Aurin BioTech
Close
Aurin Biotech

My Role

HTML5, CSS3, JavaScript/jQuery, PHP, CMS(Wordpress), Logo Design

Aurin Biotech is a website for the upcoming researchers at University of BC. Researchers want to put out their years of research to the general public for investment purpose.

View the Website

SFU Math Department
Close
SFU Mathmatics Department

My Role

Migrating content to CQ5, Designing, Information Architecture, Site Map, HTML5, CSS3, JavaScript, jQuery

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.

View the Website

SFU EMPU Department
Close
SFU EMPU Department

My Role

Migrating content to CQ5, Designing, Information Architecture, Site Map, HTML5, CSS3, JavaScript, jQuery

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.

View the Website

Chili Pepper Resturant
Close
Chilli peppers

My Role

Creating Wireframes & Mock-ups, HTML5, CSS3, JavaScript/jQuery, Logo Design, Photography

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.

View the Website

The Main Issue
Close
The Main Issue

My Role

HTML5, CSS3, JavaScript/jQuery, Behaviours, Animated Hotspots

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.

View the Website

My Skills Chart

Design

Adobe Photoshop Skills Adobe Illustrator Skills Adobe InDesign Skills Adobe Dreamweaver Skills

Web Language

HTML5 Skills CSS Skills JavaScript Skills jQuery Skills PHP Skills

About Nabeel

Nabeel Muhammad Image

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 m.nabeel87@gmail.com