!!!! Web Development !!!! Javier Garza Cantisani

Transcription

1 Web Development Javier Garza Cantisani

2 Saleboox CRM(beta) (2014) Objective Create a Web App solution focused in LatAm startups to help them manage their new clients, keep track of their sales and payments. Challenges No existing definition of system architecture and functionality My tasks Project Management Business analysis Architecture analysis Database architecture UX analysis Development Developer: PHP, JavaScript, jquery, AJAX, CSS3, HTML and MySQL

3

4 Finreal (2014) Objective Create a new redesigned website to improve the UI and enhancing the customer experience by redefining the process for requesting a loan online. Increase online leads Challenges Understand user s behavior and time on website Nearest store locator from Zip Code development Metrics for not near stores My tasks Project Management Database architecture UX analysis Development Wordpress CMS Setup and configuration System Development: PHP, JavaScript, jquery, AJAX, CSS3, HTML5 and MySQL

5 Automated functionality Results Improved UX/UI Increased user engagement on site Automated the Zip Code field to search for the nearest available store based on that area and assign the client automatically. Submitted client s information to the local store in order to make schedule a meeting or close the deal. Improved online leads requests by 120% Increased closed deals by 30% Metrics for Zip Codes not near any store, as a strategy to open more stores near demand. Submitted to Web System

6 Talely (2013) Objective Create an online environment (HUB manager and Application) where users can create digital stories directly from their web browser without any programming skill needed. Challenges Not an existing definition for the application architecture. Sync the research and development team with the design in order for them to understand technology capabilities and limitations. My tasks Product Management Business Strategy UX analysis Development Front-end Developer: JavaScript, jquery, CSS3, and HTML5

7 Results Easy to use Application Development HUB Manager for digital stories HUB Manager Application Development for Digital Stories

8 OnePay App (2013) Objective Create a solution that allows users to manage and pay all of their bills in one place. OnePayApp helps consumers stop worrying about their bills. Challenges Lack of structure on product s concept and behavior No existing definition of system architecture and functionality My tasks Project Management Business analysis Architecture analysis Database architecture UX analysis Wireframes elaboration Development Developer: PHP, JavaScript, jquery, AJAX, CSS3, HTML and MySQL

9 Architecture and Workflow Multiple meetings defining business structure from client. Defined architecture and work-flow from business model. Database architecture designed from elements required by client and business model definitions.

10 Results User friendly application

11 Puppies Behind Bars (2013) Objective Create an easy to navigate website where users can donate to the cause and apply or adopt a service dog. Challenges Content breakdown structure. Increase the amount of applications for adopting or applying for a service dog. Tasks Project Management Wireframes elaboration Development CMS Setup and configuration Developer: PHP, JavaScript, jquery, AJAX, CSS3, HTML and MySQL

12 Results New fresh website Intuitive UI Better UX than before Website structure was grouped by categories Increased user engagement New Website Old Website

13 Design For Change (2012) Objective Create an online platform focused on community service projects. Let users create or participate on school s projects, having a prize for the most successful project per period of time. Challenges Automatize a real world concept into the web Further understanding needed from project scope and automatized capabilities Understand, analyze and develop the UX from start to finish through the project stages. Registration process had many requirements and constrains My Tasks Project Management Architecture analysis UX analysis Wireframes Development Drupal CMS Architecture, Setup and Configuration Developer: JavaScript, jquery, PHP, CSS3, HTML and MySQL

14 Workflows Meetings with client understanding their needs on subscriptions and business model for a better implementation of the work flow throughout the system. Developed process to fulfil all possible use cases. Architecture Analyzed with client and mapped every element and functionality the system needed for it to work as requested.

15 Wireframes Tested and analysed website's processes work flows and elements positioning for an optimal UX/UI.

16 Results More than 60K users registered

17 FutureEd (2011) Objective Develop an online platform where users can subscribe to a variety of online courses. This courses will have assignments, lectures, quizzes, essays. Challenges Not an existing definition of the website/application architecture. Poor concept deepness. No workflow definitions. Analyze and develop a catalog of every element and detail required for the application. Sophisticated course development platform. My Tasks Architecture analysis Wireframes elaboration Development Drupal CMS Architecture, Setup and Configuration Development: JavaScript, jquery, CSS3, PHP and HTML

18 Architecture Mapped all the elements the system needed, from pages, content types, assets, users, instructors and networking functionalities. Linked everything into one whole unified working system.

19 CMS Wireframes Front End Wireframes Designed workflow on how system administrator should create and update the application s content easily. Based processes on best practices for Content Management Systems. Worked with designers to arrange and fit every element needed. Providing a great UX throughout the whole experience. Users should access courses with no more than three clicks. Intuitive blocks for faster content creation and editing

20 Results Clean intuitive UI/UX website Easy navigation

21