1 / 24

Comprehensive Web Design Strategies: Enhancing Commercial Value through Effective Technologies

This guide by Joel Bapaga outlines effective web design strategies, from conceptualization to evaluation. It emphasizes understanding the target audience, analyzing competitors, and defining website goals. Detailed phases include design structure, production with authoring tools, rigorous testing across browsers and devices, and smooth launch procedures. The document also covers maintenance, ensuring site enhancements and security which keeps the website competitive. Technologies like MVC, PHP, MySQL, and jQuery are explored for enhancing functionality and commercial value, underlining the importance of technologies to achieve efficient web solutions.

london
Download Presentation

Comprehensive Web Design Strategies: Enhancing Commercial Value through Effective Technologies

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Joel Bapaga on Web Design Strategies Technologies Commercial Value

  2. Strategies • Conceptualisation • Analysis • Design • Production • Testing • Launch • Maintenance • Evaluation

  3. Conceptualisation • Intended / target audience • Goals or mission of website • define primary audience goals • conduct competitive analysis • define content outline • create sitemaps and wireframes

  4. Analysis • Information topics • Functionality requirements • Environmental requirements • Contents requirements • Information Architecture • Organise and label information on websites so regular people (not involved in the design of the site) can actually find what they are looking for.

  5. Design • Determine the site structure and organisation (template) • Prototype the design (page layout) • Website organisation • Hierarchical • Linear • Random

  6. Design (Continued) • Navigation • Global (accross the website) • Local (for a subsection of the website) • Use of breadcrumbs • Clear labels and use font internet friendly • Social Media Integration (APIs)

  7. Tools used to build a website • Sitemap (Google XML) • Wireframe (Template Selection) • RAD (Codelobster) • Workbench (Database Management) • Custom CSS • Custom PHP

  8. Production • Choose a web authoring tool (Codelobster) • Organise website files (.htaccess rights) • Develop / install and individually test components • Add contents (Dummy data for testing purposes) • Customise CSS (Custom CSS Plugin) • Customise PHP (Custom PHP Plugin)

  9. Testing • Test on different web browsers and versions • Test with different screen resolutions and devices • Test using different bandwidths • Test from another location

  10. Testing (continued) Types of Testings • Automated • Link checker • w3c xhtml and css validation tools • Usability • Interact with the user and peers • User / client testing

  11. Launch • Sign-off • Change management • After Sales Support Notification

  12. Maintenance • Site enhancements • Fixes, loops / bugs / critical updates • New components • Security implementations • Audit Trail • Backups • Client Rapport

  13. Evaluation • Revisit goals, objectives, mission • How far goal and target been met • Develop plan to better meet goals, objectives, mission, security • Back to number Conceptualisation

  14. Why this technique? • Fast • Reliable • Deliverable • Code on the fly • Various documentations and help to help achive goals • Great Commercial Value

  15. Technologies • MVC (WordPress) • PHP • mySQL • jQuery • APIs • CSS

  16. Why MVC? • Model – View – Controller is a software architectural pattern for implementing user interfaces. • Reusable object codes • A pattern that allows to significantly reduce the time taken to develop applications with user interfaces.

  17. WordpressCMS? • WordPressis truly FREE and Open Source • Plugins give you more functionalities • The Visual Editor and CMS are Outstanding • Easily Add a Blog To Your Site • Themes Let You Style Your Site • It’s Easy to Keep WordPress Secure • WordPress is Google Ready! • WordPress Sites are Accessible • Your Site Can Grow With You

  18. Why PHP? • Short Time to Market • PHP enables fast implementation of complex solutions. • Easy Integration • PHP runs on practically any platform • Flexibility • PHP also offers great flexibility during and after the initial project. • Availability of Resources

  19. Why mySQL • Easy to use • Secure and fast • Inexpensive and scalable • Manages memory very well • Runs on many operating systems • Supports several development interfaces

  20. Why jQuery • jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML • Could be run localhost or parsed from repository • Improves UI and UE • Very customisable

  21. Why APIs • a set of functions and procedures that allow the creation of applications which access the features or data of an operating system, application, or other service. • Very handy in connecting your website to social media sites • Improves backlinks for good SEO practice

  22. Why CSS • A style sheet language used for describing the look and formatting of a document written in a markup language.

  23. Commercial Value • Services are updated more and also more often • Quality of WordPress services is better • Linux Server hosted • Easy of expansion • Great After Sales Value • Components reusable in other projects

  24. Presented by Joel Bapaga http://nextdime.wordpress.com References • Wikipedia • WordPress • Oracle

More Related