Upload
others
View
5
Download
0
Embed Size (px)
Citation preview
Alya Talat 2016 Portfolio
www.alyatalat.com
ROLE
TEAM LEADER | DESIGNER | DEVELOPER
FRAMEWORKS AND LIBRARIES: JQUERY BOOTSTRAP
LANGUAGES: HTML / CSS CSS ANIMATION JAVASCRIPT
FEATURES DEVELOPED
CONTEST PAGE JS SLIDESHOW
INDIAROMA RESTAURANT
www.alyatalat.com/indiaroma
Guessing Game. This game was designed with the purpose of
never allowing a user to win. A JavaScript
function reads the user’s guess and then
generate a random number that does not
match this guess. The hidden items are then
revealed using CSS animation.
SPARKLES ONLINE SHOP
www.alyatalat.com/sparkles
ROLE
DESIGNER | DEVELOPER
FRAMEWORKS AND LIBRARIES: JQUERY BOOTSTRAP
LANGUAGES: HTML / CSS JAVASCRIPT PHP MYSQL
FEATURES DEVELOPED
CUSTOMER REGISTRATION & LOGIN CMS FOR PRODUCT INVENTORY
FEEDBACK FORM
Product Inventory Management System An admin side product inventory management system where users can add,
edit, and delete products. An upload image feature was included making sure
that the user previews image before it is uploaded. Future improvements would
involve editing the image using cropping and resizing tools.
TORONTO KIDS WEB APP
www.alyatalat.com/TorontoKids
ROLE
RESEARCHER | DESIGNER | DEVELOPER
FRAMEWORKS, LIBRARIES & APIs: JQUERY BOOTSTRAP GOOGLE API
LANGUAGES: HTML / CSS JAVASCRIPT PHP XML
FEATURES DEVELOPED
Consumed Open XML Data from Toronto City. RSS Feed from Pinterest
Mapping Events
List of Festivals and Events in Toronto City was consumed and filtered to obtain those events related to children only. The events are then mapped on Google maps. When pin is clicked, an info window appears and details also appear on a side bar using JavaScript.
TEMISKAMING HOSPITAL REDESIGN CASE STUDY
OVERVIEW
Temiskaming hospital is a rural healthcare provider located in Northern Ontario. They have a strategic plan with a vision to be a role model for northern rural health care by the year 2020.
THE PROBLEM
To be in line with their strategic plan and goals, the hospital’s website needs a redesign that will address its current problems. Two main issues with their website at the time of this project were:
1. Responsiveness: The website was not mobile friendly. 2. User Usability: The website’s navigation structure was not user friendly.
THE PROCESS
Stage 1: Planning. Stage 2: Card Sorting UX Testing Stage 3: Wireframes and client approval Stage 4: Development
PLANNING This included creating a complete plan for this project including a Gantt Chart for proposed timeline, and a draft budget plan.
UI/UX TESTING Card sorting was chosen to test the navigational structure. After interviewing a number of people, the navigation was transformed from this:
To this:
THE RESULT
ROLE
PROJECT MANAGER | RESEARCHER | DESIGNER | DEVELOPER
FRAMEWORKS, LIBRARIES & APIs: JQUERY BOOTSTRAP PAYPAL API
LANGUAGES: HTML / CSS JAVASCRIPT ASP.Net C#
FEATURES DEVELOPED
GIFT SHOP ONLINE BILLING
BLOG
PERSONAL PORTFOLIO
www.alyatalat.com
Developed using Wordpress Child Themes
CALORIE COUNTER
ROLE
DESIGNER | DEVELOPER
FRAMEWORKS, LIBRARIES & APIs: LARAVEL 5.2 BOOTSTRAP NUTRITIONIX API JQuery
LANGUAGES: HTML / CSS JAVASCRIPT PHP LARAVEL
FEATURES DEVELOPED
Search for food item using Nutritionix API. View Item details in Label Format, and Add food to database, then display only today’s entries.
Note: This project is not yet deployed and is in progress with a few styling tweaks to be
made.
WE-LASH-IT
www.welashit.com
Developed using Shopify’s Liquid Templating Language
ROLE
DESIGNER | DEVELOPER
FRAMEWORKS, LIBRARIES & APIs: LIQUID – SHOPIFY’s TEMPLATE FRAMEWORK
LANGUAGES: HTML / CSS
FEATURES DEVELOPED
I designed and edited a shopify’s theme making it responsive
ADAN HOSPITAL
www.adan-hospital.com
ROLE
DESIGNER | DEVELOPER
FRAMEWORKS, LIBRARIES & APIs: BOOTSTRAP JQUERY
LANGUAGES: HTML / CSS JAVASCRIPT PHP
FEATURES DEVELOPED
Find a Doctor Staff Password Protected Pages
Admin Backend – Create Announcement / Upload Documents