Web Site Design and Development
Project: Diet Quiz:
The site was developed to help people test their diet knowledge and learn about nutrition and health at the same time. It features 10 quizzes, 3 calculators, recipes, and videos.
Objective:
Redesign and create responsive and mobile friendly design with modern look and feel that is easy to use on any mobile device and desktop computer.
Challenges:
Creating JavaScript calculators and database-driven quizzes. Top navigation drop down menu for mobile devices (Toggle navigation for mobile devices).
Technologies/Tools Used:
HTML5, CSS3, Bootstrap 3.3.0, JavaScript, jQuery, MS Visual Studio 2012, Balsamiq Mockups, Photoshop CS6, Video Creation Software
Project: Color Venue:
Site where users will be able to create their own simple infographics, using icons, images, charts and text.
Objective:
Design and create web site with modern look and feel that is easy to use and navigate.
Technologies/Tools Used:
HTML5, CSS3, Bootstrap 3.3.0, JavaScript, jQuery, MS Visual Studio 2012, Balsamiq Mockups, Photoshop CS6
User Testing:
User testing was a very important step for this project. My team released a demo and asked a small group of our current users to test the prototype and give us their feedback. We wanted to ensure a user can actually interact with the product. The overall feedback was very positive and empowering. However, I also learned that some of our screen designs were really not user-friendly and needed some rethinking. That's how I came up with our final design.
Project: Financialized.com:
The web site has been created with the goal to help anybody interested in learning important financial concepts. The site has 8 categories each of them featuring "Latest" Section and "Articles" Section.
Objective:
Redesign and create modern looking web site using HTML5, CSS3, Bootstrap, JavaScript and make it mobile friendly and responsive.
Challenges:
Customise/styling top navigation, animating the navbar when scrolling, (getting the navbar to shrink when scrolling using third party library), make it semi-transparent, using and modifying ScrollSpy to highlight active links and achieve smooth scrolling using jquery. Implementing Parallax Scrolling to make background and content move/scroll at a different speed.
Technologies/Tools Used:
HTML5, CSS3, Bootstrap 3.3.0, JavaScript, jQuery, MS Visual Studio 2012, Balsamiq Mockups, Photoshop CS6
Project: Low Carb Foods:
Guide to low carbohydrate lifestyle. It features low carbohydrate recipes, sample menu, e-book, infographics, videos, and original images.
Objective:
Redesign and create responsive and mobile friendly web site using HTML5, CSS3, and JavaScript.
Challenges:
Creating unique and modern responsive design that works seamlessly across multiple platforms and devices.
Technologies/Tools Used:
HTML5, CSS3, JavaScript, jQuery, MS Visual Studio 2012, Balsamiq Mockups, Adobe Photoshop CS6, Adobe Illustrator CS6, Video Creation Software