web development proposal - mountain malaysia are mountain web development & digital marketing...
TRANSCRIPT
We are Mountain Web Development & Digital Marketing Company.
We are startup company vows to revolutionize Malaysia web development Industry
Official Website : http://Mountain.com.myContact Number : 018-7872039Email : [email protected]
Main Company Portfolio Video & Introduction video
Video Link
https://www.youtube.com/watch?v=iljgcqkKh1U
Approved by Steve :
Web Development Proposal
Proposal - 1 Page 1
Web Development Behind The Scene
Click here to view : https://www.youtube.com/watch?v=ARPLy9oQDOM
Mountain Team Assigned In This Project
Team Goal : Do It With Passions
Project Manager : Joffrey Ng Interface / UI Designer : Yu RongMarketing Strategist: Ben HiewWebsite Developer : Vints Ng, Sebastian Shaw
Web Design & Development Process
Proposal - 1 Page 2
Section one | Logo Design
Design Philosophy : Material Design inspired by Kickstarter / Google
Color Palette: Website UI / Logo Color
Main Targeted Audience : Female (244,59,87) PINK
What is Material Design ?
Material Design (codenamed Quantum Paper) is a design language developed by Google.
Expanding upon the "card" motifs that debuted in Google Now, Material Design makes more liberal use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows.
RED : Red is energizing. It excites the emotions and motivates us to take action. Hence achieving company primary goal. Converting Visitors into Customers
Color Set Used
Why diamond ?
Diamond is rare, meaning that this moment is the upmost important moment of your life. Make the right choice.
Website Currently Live on http://EXZA-DEMO.COM
Mountain Authorized Showcase Server For Client Usage only
We aim for create this website without giving client documentation in mind•
It's incredibly easy to handle both frontend and backend•
Just few click away. Everything seems and feel like intuitive •
Primarily Development Goal
Minimizing visitor / user actions taken to get to the point they wanted
Section 2 : Technologies behind the scene
Global content delivery network making sure all user IE. Mobile / Tablet / PC getting consistent page speed
1.
Server side automatically compress image 2.Google API integration3.Social logins 4.
Website Security
DDOS Protection1.Database encryption2.100% Server up time3.
Project Manager : Joffrey NgGraphic Designer : Yu Long Backend Developer : Ong Kang
Schedule In person meeting
M
F
Please do not share and disclosed this page information. / Protected by Section C -138 LAW
This document is share by mountain by sole study purpose only.
Beaumoment Project Cast Studies
Proposal - 1 Page 3
Website Design & Development
Design Philosophy : Minimalism
Font Used :
Why we use this font ?
Karla is one of the best font out there looks great on mobile devices even on small screen. We experience over 100 type of fonts. Ultimately we think Karla is the best Fit.
Keynote
We literally strip off and removed anything that distract user.
•
Deliver website information without compromise.•10X easier to navigate•Clean & professionally made•
•
Deliver company main services•
Without clutter•
Big tap, easier to tap for mobile user or smaller screen user
•
User Experience :
We hand to user aged within 7 - 12
We ask them, do you know what is this? And how do use It ?
Q.
Yes, without further explainingtheir instantly know how to navigate the website fairly easy.
R.
UI / Function
Easily search based on user location
•
Automatically select current user location
•
Categories listing. Clean & Neat•
Background video on PC or Desktop Device
Vide back ground Maximizing Visual Appearance of the website•Video Stimulate good & positive & fun on human brain. Based on phycology •
Human brain tend to remember things that make them happier.
Make everlasting impression•
Beautifully crafted listing page
Google map API•
Proposal - 1 Page 4
Video Stimulate good & positive & fun on human brain. Based on phycology •
Human brain tend to remember things that make them happier.
Make everlasting impression•
Save your business partner X10 easy and clean submission process
Screen clipping taken: 2/27/2016 8:40 AM
Street View / Google Map API Integration
Beautifully crafted listing page
Google map API•One click add photos / edit listing•
Further details about the website development will be discuss with client in person meeting
Client : Mei Ling - Founder
Assigned Project Manager : Joffrey Ng
Proposal - 1 Page 5
Responsive Website Design & Development
Responsive Design prepares websites for the future of modern website design by making them beautiful across multiple devices.
Fully Responsive
Proposal - 1 Page 6
Direct Booking System
Hotel Room Image
Hotel Room Description
Hotel Booking System Concept
Proposal - 1 Page 7
Another Booking Area
Proposal - 1 Page 8
Proposal - 1 Page 9
objective for your company's website is to inform and educate, engage your fan/customer base and position your brand as a thought leader through resource content.
PURPOSE◊
COMMUNICATION◊
“F” PATTERN DESIGN◊
Good use of colora)
Text that is easily readb)
Simplicityc)
Delivery the company message : CLEAR AND LOUDd)
Fast-loading pagese)
Minimal scrollf)
Prominent, logical navigationg)
Cross-platform/browser compatibilityh)
Search Engine Optimized (SEO)i)
Web Development Principal
Proposal - 1 Page 10
Users appreciate quality and credibility
Design Philosophy : SEMI - FLAT / Minimalism / Clean
Influenced by Swiss/ International Design and Artistic minimalism, flat design uses techniques from various mediums and eras and draws them together in something all its own.
Conducive to responsive design•Easy for users to learn the system and navigate•Structured layout and crisp visuals create visual maturity•Speedy loading times•
Simple typography promotes readability•
Examples :
Design Concepts / Style
Proposal - 1 Page 11
Proposal - 1 Page 12
Communicate Trustworthiness
The design itself can communicate trustworthiness in four ways:
Design quality : professional appearance feels solid; clear navigation conveys respect for customers and an implied promise of good service. Typos or difficult navigation communicate disregard for the users.
•
Up-front disclosure of all aspects of the customer relationship.
•
Comprehensive, correct, and current content and product selection feel solid. If a site has product photos, it should have good shots of all products. Haphazard, random content signal a brittle service. Rolf Molich and Christian Gram ran usability tests of a map site that did not show a recently constructed bridge: users instantly lost faith in the site and wondered what else was missing from the maps.
•
Connected to the rest of the Web with links in and out. Not being afraid to link to other sites is a sign of confidence, and third-party sites are much more credible than anything you can say yourself. Isolated sites feel like they have something to hide
•
How We Designs for Trust
Proposal - 1 Page 13
Prelaunch Website URL :
Top Art Interior Design
http://www.tadesigns.com.my ( Work in Progress )
Our Latest Work
Proposal - 1 Page 14
Some of our previous work and examples:
Further Details about Brand Identify will be discuss by our project manager : Joffrey Ng
Branding Redesign
Proposal - 1 Page 15
Construction Company
Iskandar Investment Firm
Latest March Project
Proposal - 1 Page 16
Latest Brand Identity Development
Proposal - 1 Page 17
Green Color: Green, the Color of life is associated with meanings of growth, harmony, safety, fertility.
Color Psychology Green is also traditionally associated with money, finances.
Color Scheme Concept
Font for Web
Font Used : Open Sans
Why we choose this font ?
Simply put It makes your website feel professional , Trust and Authority . Neat and Modern.
Color Scheme / Font
Proposal - 1 Page 18
Well there is more !
We won't be covering too much technical aspect and we don't want to make your life miserable. Let's talk :D. We are here to help.
If you are interested in speaking with a specialist about the technical details of your project, I can schedule an in-person meeting for you to discuss that with a Business Development Manager.
Design Wireframe / Framework Preview
Proposal - 1 Page 19