1|Page
Luxe Technologies Limited, Airport Road, Abuja, Nigeria. 04 Jan, 2018. Dear Sir,
PROPOSAL FOR THE WEB DESIGN, DEVELOPMENT AND IMPLEMENTATION We don't need to tell you how important your website is to your brand, your customer experience, and your ability to interact with your target audience. Your website needs to look on-brand, work smoothly, allow users to easily find what they’re looking for and do what you want them to do. It needs to load quickly, be search-engine friendly, simple for your team to update, and responsive to whatever kind of device users are viewing from. You need a site that gives you a voice to position yourselves as leaders in your industry and engage with your target audience.
At Luxe Technologies, we can make all these happen; we will transform your site by integrating the above features. We are an experienced, skilful and creative information technology agency that specializes in delivering cutting edge web technology to clients and making it aesthetically appealing in the process. Our Proposal will show our approach and processes to the implementation of the websites. Sincerely,
Oreoluwa Osoba CEO 2|Page
Table of Content 1.
The Need ..................................................................................... 4
2.
The Solution ................................................................................ 4
3.
About Luxe Technologies ............................................................. 5
4.
Tools and Technologies ................................................................ 6
5.
Workflow Process ........................................................................ 8
6.
Main Features of the Website ..................................................... 10
7.
Time Frame ............................................................................... 20
8.
Your Investment ........................................................................ 21
9.
Website Maintenance ................................................................. 23
10.
Approval and Authority to Proceed ............................................ 24
3|Page
1. The Need The organization requires a high impact, robust, fully functional website necessary to ensure an effective user experience to promote the esteemed organization as an entity of excellence. We hereby submit this proposal for the website development of a unique, dynamic and responsive website for the organization (hereafter known as the Client). This proposal describes the technology, process, time frame and investments for the website development project.
2. The Solution When the project is complete, Luxe Technologies would have successfully implemented a fully functional website for the client. We will execute and implement the development of a robust, professional website using the latest technologies and trends designed to portray the organization’s aims and objectives. This cutting edge website will feature all the elements, functions, and specifications as requested by the client. The system will provide solutions by integrating a holistic design of features including a user community (forum), live audio stream of radio programs, Messaging, Video Chat and Voice Call capabilities, a French Training Centre and a Tourism Centre among others.
4|Page
The objective of the website is to be current and interactive while offering valueadded services to the clients by using information and communication technologies to improve connections in the community and throughout the world. Despite the evident complexity and depth of the website, the user experience will remain particularly user-friendly and easy to navigate. The design will be highend, pleasant and clean, creating an atmosphere of confidence and professionalism. All features will be developed to ensure that the new website will be optimized for performance.
3. About Luxe Technologies Web Design We design and build professional websites for businesses and organizations looking to grow online. Our services help businesses solve problems, reach more customers and drive growth. Mobile Sites We're experts in developing mobile-friendly websites that help generate an online presence. We make sure your website is optimized for all mobile devices
5|Page
no matter the screen size. With mobile browsing set to overtake desktop browsing, a mobile website is critical to your online success. Consulting We work with businesses to solve problems using web solutions and digital strategies. Whether you need a CMS solution for your business website or need to improve your site's search engine optimization (SEO), we can help.
4. Tools and Technologies Central to the design will be a robust Content Management System (CMS) called WordPress; this will ensure that the website stays secure and up to date. The major web technologies used on the website will be a server-side scripting language, PHP, where the content of the site is called in by the scripting language from other files or from a MYSQL database depending on actions taken by the user. Other technologies included W3C, HTML, DHTML, JavaScript, XHTML, CSS and XML. Luxe Technologies will develop designs using top notch design software including tools from the Adobe Creative Suite - Adobe Fireworks, Adobe Photoshop and Adobe Illustrator. We will design the required number of design templates home pages and designs of extra general page templates. We will
6|Page
develop all templates using CSS 2.1 and CSS3 specifications for styling the XHTML (HTML 4 and HTML 5) standard documents. The website will be developed as a dynamic sites connected to a databases to easily and efficiently process information in an organized and structured way to create pages and posts sorted in a variety of different ways depending on how the user wants to view them. This ability to connect to a database will allow development of an interface which permits the input and management of data via a web-based series of administration pages. The developed templates will appear and function consistently among all browsers from Microsoft Internet Explorer 7+, Mozilla Firefox 2.0+, Apple Safari, Google Chrome and other W3C Standards compliant web browsers. It will have more than rudimentary functionality on Microsoft Internet Explorer, but will not necessarily appear or function as it does on W3C compliant browsers because of know issues with this web browser.
7|Page
5. Workflow Process
Requirement Analysis A thorough understanding of the business goals, customers, their expectations and behaviour, and how the website factors into all of it. This involves gathering all specifications and requirements of the project. There will be an in-depth research of the field, market research and target population. In this phase we will establish the strategy to best accomplish our goals within budget and timeframe. Here, we will determine the full and final in-depth scope of the project, this will give us the foundation for moving forward with just the right recommendations for the design and development of the new responsive website. Design Once we’re armed with this information, we will begin the conception of the main goals of the website and of the users’ pathways, including conception of the website’s flow. There will be the preparation of detailed charts and wireframes showing the different areas of the website, their features, the technologies that
8|Page
will be implemented, as well as optimization of the navigation according to the application’s goals. We’ll set to work sketching out the interface, including the home page, subpage, and any additional templates needed. Development This phase involves front end programming and hand coding (XHTML / CSS / JavaScript) of all the web pages. There will be the implementation of advanced programming and integration of the latest front-end web technologies for enhanced user experience and usability. Launch/Testing We integrate the new designs with the site. To do this we’ll need to mirror the live site in a development environment, then we will test the site across different browsers (Firefox, Chrome, Safari, Internet Explorer , etc.) and devices. Any bugs that arise from this testing will be fixed prior to the User Acceptance Testing. User Acceptance Testing This phase involves fine tuning the final details of the website design and features. It involves the configuration and setup of the server that will host the website, once this is setup, the site will be migrated to the live server. Go Live When we have finished incorporating all the content and components, we will move the website from the development sub-directory to the main root level of the domain on the server thereby making the site go live.
9|Page
6. Main Features of the Website 1) Community Forum A community forum will be integrated and built into the sites, with features including:
Member Profiles Management
Account Management
Email notifications
Extensible user groups
Creation of micro-communities.
Activity Streams
Private Messaging
2) Messaging, Video and Voice Calls Video Chat / Voice Call: We will integrate an advanced technology, extensible to a large level for messaging, video chat and voice calls that adapts to the website speed. WebRTC and Flash Technology have the ability to support messaging, video chat and voice calls features across all browsers, desktop, tablets iPhone and android mobiles. There will be the ability for total control over a one way or two-way video chat, making sure communication over the web is seamless.
10 | P a g e
Co Browsing Software: This dynamic feature will provides remote sharing of screen to help the user navigate, fill up forms or data on the website. Even the text or Video chat can be done simultaneously to get better communication with least gap. It is fast to initiate as soon as the user accepts the request without the need for any additional software or extensions need to be installed. Screen Sharing: The Screen Sharing feature allows users to share their screen from both the sides and one at a time. It supports the user as it is very effective to guide them through the process. It’s seamless and fluent processing will provides a full HD experience for both parties. Statistics and Analytics We will implement a module to tracks all the activity of users. This will enable the organization know more about the website users’ activities and system analytics.
3) French Language Training Centre A training centre where students can learn the French language will be integrated on the website. This module will allow for course creation, course overview, course videos, quiz and examination for students and issuing of certificates to successful students. Other features include
11 | P a g e
Registration and Online Payment for courses
Automated and manual assessment and reporting features
Complete media integration
Interactive discussion boards to help develop a more robust learning environment
Allow students to download and upload quiz files or any other file types
Completion certificate
Assign multiple instructors and course facilitators to various courses
4) New Updates (Blog) A blog which will be captioned news updates will be integrated on the site. This will allow for the website to be up to date at all times keeping users in the know. Adding this feature in the website will allow search engines index the site, ensure visitors come back often for new content and updates as well as document and archive the organization’s news and events.
5) Live Audio Stream We will implement a powerful and versatile live audio streaming solution to allow broadcast of live audio as it happens in the studio. The system will also allow the broadcast of pre-recorded content live.
12 | P a g e
Unlimited Listeners The system will allow the organization reach an unlimited number of views. The system will be setup on dedicated servers set aside to ensure connection and engagement with listeners all over the world. Live Player The system implements an embedded live player on the website, allowing users listen to the live radio broadcast on the website. Schedule Events The system allows the functionality to create a show or broadcast in advance by scheduling an event. It allows for the creation of a personalised and shareable link for the scheduled broadcast to be promoted in advance on social media platforms. Statistics and Analytics Statistics will keep the organization informed on how well broadcasts are performing with end of broadcast and weekly statistic emails. The statistics will detail number of listeners, chat messages and likes. It will also give the ability to control the frequency of these updates. Audio Quality The system will ensure the control of the quality of the audio stream to suit bandwidth. It gives the capability to switch between low, standard and high quality audio to suit the bandwidth restrictions on internet connection, or to match the quality to suit the type of content being broadcast.
13 | P a g e
6) RSS Feeds RSS stands for Really Simple Syndication or Rich Site Summary however it is often referred to as feed or news feed. RSS is basically a structured XML document that includes full or summarized text along with other metadata such as published date, author name, etc. The RSS feature integrated into the site will allows users to keep track of recent news from the affiliates of the embassy as well as other site without having to manually visit these affiliate sites.
7) Tourism Centre The site will be integrated with features of digital itineraries which include interactive tourism site galleries, tourist attraction information, integrated maps that show a tour’s progression, information per destination and other features that will bring promote Nigeria’s best tourism sites to the rest of the world.
8) SSL Certificate An SSL certificate provides the level of assurance that the website visitors are looking to see. It not only provides great data protection with industry-standard encryption levels and key lengths, it also includes organization validation. It is vital to keep credit or debit card information or any other kind of data secure.
14 | P a g e
9) Other Integrated Features Multi-User Access control capability Multi-User Access control capability will allow different users to login to authorised sections within the site along with appropriate approval management. Wordfence With one million downloads and a rating of 4.9/5, WordFence is one of the most popular WordPress security plugins. It covers login security, IP blocking, security scanning, and WordPress firewall and monitoring. Mobile Compatibility As more and more people use their mobile phones to access the Internet, creating a mobile optimized website has become a necessity. We will create a mobile version of the websites with the help of web-based mobile website builders. Information Architecture How information is organised and presented on the website is vital for good usability. However, it is often neglected. It has become even more important today as websites offer a wide range of information and resources to attract their target market. The site will be planned in sections and categories carefully and presented in a way that it is easy for users to find.
15 | P a g e
Browser Consistency Although modern browsers have evolved and become more efficient, some inconsistencies still exist in how a website is interpreted by different browsers. It is important to ensure the websites appears and behaves consistently across all major browsers such as Chrome, Internet Explorer, Firefox, Safari and Opera. Error Handling Good error handling and description on-screen messages are very important for good usability. However it is often overlooked. Correct handling of errors at a code level ensures the website is robust and free from bugs. Displaying the right error message improves the user experience and overall usability. Valid Mark-Up & Clean Code A website that adheres to the relevant web design best practices and standards is often more robust and dependable. It also ensures the website will load faster and appear consistent across browsers and devices. It also makes it easier to locate problems and troubleshoot if the need arises. Social Networking Tools More and more people are spending more and more time on social media networks to connect with businesses and brands and get news and information. We will integrate the sites with social media links and buttons.
16 | P a g e
E-mail Service Creation of email addresses for staff at the company featuring automatic spam protection and automatic virus protection. WYSIWYG Editor This is a word-like editor that allows the update of thebcontents of the website, including linking, inserting images, document lists, language blocks, breadcrumb trails, file uploading, multimedia uploading and more. Search Page This allows for search keywords in the website or an area of the website. A search page will be added to the websites. Site Map This is an auto-updating page based on the website’s document structure and descriptions. This tool helps with SEO (search engine optimisation) and user navigation. Comments Comments are replies to entries of news article on the website. You can choose whether to allow people to make comments or not on any page of your website. Pages with comments allowed will have a form for users to add a comment, and to read the comments other people have already made.
17 | P a g e
Password Protected Sections For Added Security This allows the creation of sections or areas on your website where entry is restricted by a password. Email Forms This facility will allow for the creation of customised email forms for website users to fill out. Fields can be marked mandatory, and the form will feature a variety of different responses, such as check boxes, radio buttons, drop down lists etc. This will allowing site users to contact the company in a secure and guided manner, without having to list email addresses on the site. Location Map This will make it easy for clients to view the location of the company on a map. There is also an additional feature to allow users get directions from wherever they are to the organization’s address. FAQ Informed clients are easier to work with therefore, a “Frequently Asked Questions” page that saves time by explaining important details to your patients will be incorporated in the site. Custom Visual Design A user interface will be developed to make the user’s interaction as simple and efficient as possible. Graphic designs will also be developed to support its usability. The design process will balance technical functionality and visual
18 | P a g e
elements to create a system that is not only operational but also usable and adaptable to changing user needs. Graphics Creation All graphics (photographs, logos, artwork, or other) will be provided by the client. If these are not available, Luxe Technologies will be responsible for creating the graphics that will be used.
19 | P a g e
7. Time Frame To complete the work outlined in the project scope, we'll need approximately 8 weeks from beginning to end. Upon signing the proposal we are prepared to start work immediately.
Phase
Time Required
Requirement Analysis Design Development Launch/Testing User Acceptance Testing Go Live
Total Time 8 Weeks
20 | P a g e
8. Your Investment Below is the budget we've estimated based on the scope of services outlined earlier in this proposal. Please note that prices are inclusive of template purchase, support and Training fees.
Name
Duration
Price
Domain Name Registration and Hosting
Yearly
N60,000
SSL Certificate
Yearly
N70,000
Subscription and Integration of the Messaging, Video and Voice Calls Feature
Yearly
N250,000
Integration of the French Language Training Centre
-
N150,000
Subscription, Integration and Implementation of the Live Audio Stream
Yearly
N350,000
Website Design & Development
-
N400,000
Payment, Implementation and Execution of a Secure Payment Gateway Portal (Programming and Liasing with Interswitch)
-
N250,000
Total N1,530,000
21 | P a g e
Yearly Recurring Cost Name
Duration
Price
Domain Name Registration and Hosting
Yearly
N60,000
SSL Certificate
Yearly
N70,000
Subscription for the Messaging, Video and Voice Calls Feature
Yearly
N200,000
Subscription for the Live Audio Stream
Yearly
N200,000
Total N530,000
22 | P a g e
9. Website Maintenance An important part of keeping your site relevant and attracting visitors is by updating your content. This can be through support, new resource, software updates or latest organization information. We all help maintain the website under a • Monthly Retainer – N80,000 This would include any updates made to the website. The maintenance can be setup as 3, 6 or 12 month retainers, based on the frequency of updates.
23 | P a g e
10. APPROVAL AND AUTHORITY TO PROCEED We approve the project as described above, and authorize the developer to proceed.
Name
Approved By
Title
Date
Date
Approved By
Date
24 | P a g e