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 : contact@mountain.com.my

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