me

I am a web designer & developer.

Passionate web designer, skilled in Adobe Creative Suite, HTML, CSS & JavaScript. Creates seamless UX and UI with creative but functional designs. I am able to create visually appealing designs that can help your business generate new leads, converts the ones on the fence, and win the trust and loyalty of your existing customers. I plan, create and code web pages, using both technical and non-technical skills to produce websites that fit our customer's requirements. I am involved in the technical and graphical aspects of pages, producing not just the look of the website, but determining how it works as well. I may also be responsible for the maintenance of your existing site.

My Portfolio

img

VIEW - VINTAGE CARS

Project: This project requires to create a complete web page including layout and content that adapts to device and resolution. Purpose of the project is to make a single website functional across multiple devices and resolutions.

Tools: HTML, CSS, Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver, bootstrap libraries and jQuery.

img

VIEW - ONLINE BOOK SHELF

Project: This project requires to load external content through an API. It will emphasize working with JSON, gaining authorization, displaying the result, formatting the required content on a web page using the API documentation.

Tools: HTML, CSS, Javascript, jQuery libraries and Google Books API.

img

VIEW - CARE FOUNDATION

Project: The purpose of the project is to design & develop a complete 5 page “Design for Good-Charity Website” from scratch that includes content, mood boards, logo design, icon design, sketching, digital wireframes, layout, UX and code.

Tools: HTML, CSS Animations, CSS FlexBox, Grids, Adobe Photoshop and Adobe Illustrator.

img

VIEW - THE WATCH COMPANY

Project: This project purpose is to experiment with Content Management Systems (CMS) at a level that best suits client’s preferences. It will give overview of all the options available when determining how to integrate a CMS into a website.

Tools: CMS Content Management Systems. WordPress and Wix.

img

VIEW - ADMIN PANEL-DASHBOARD

Project: This project requires to design and than develop 5 pages of Admin Dashboard (Login, Forget Password, Admin Dashboard, Sample List, Sample Form) using CSS preprocessor. All pages will need to be tested on multiple devices.

Tools: HTML, CSS, Adobe Photoshop, Adobe Illustrator, bootstrap libraries and jQuery.

img

VIEW - DRAWING PAD

Project: The purpose of this project is to use design skills with coding concepts in a creative and visual way. Task is to first design and than develop an animated art piece /interactive graphic using the HTML5, Canvas and JavaScript.

Tools: Adobe Photoshop, Adobe Illustrator, HTML, CSS and JavaScript.

img

VIEW - CONTACT LIST WEB APP

Project: This is a group project. For this project groups will design and develop an online web application using Firebase to understand key concepts of utilizing a database. My role in the group was desgn mockup and code frontend framework.

Tools: HTML, CSS, JavaScript, React, FireBase, Adobe Photoshop and Adobe Illustrator.

img

VIEW - CAPSTONE

Project: For this project as a group of 2 we are designing and developing a website of a resturant business (Mae-Eats). My role is to design and prototyping a website that is functional across multiple devices and resolutions.

Tools: Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver, and Adobe XD.

img

VIEW - INDUSTRY PROJECT

Project: This project is about creating a Digital Product Concept for (PsyMood) A Toronto-based mental health Startup and gaining experience on serving a client. I am responsible for Discovery questions, Concept and prototyping in Adobe XD.

Tools: Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver, and Adobe XD.

GET IN TOUCH

  • Based in
  • Waterloo, Canada
  • contact@hassankhalid.ca
Your message has been sent. Thank you!