Download - How to Make a Good Website - 20th GBG Dhaka
![Page 1: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/1.jpg)
20th GBG Dhaka Meet-up
How to Make a Good Website
Sunday, November 3, 2013
In partnership with:
![Page 2: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/2.jpg)
Welcome Note (5 min) GBG Managers – Nash Islam, Riyad Husain & Salman Hossain
Building a Custom Site: How We Made Propertyinbd.com (10 min) Ashaque Ul-Haque, Co-Founder, PropertyinBD
Use of Natural Language in Web Development (10 min) Shafkat Alam, CTO, BlueScheme
Website Visitor’s Experience – Don’t Make Them Think! (10 min) Masrur Hannan, UX Consultant & Founder, Bonolota Designs
The Importance of User Interface Design & Its Measurable Impact on the Bottom Line (10 min) Saddam Azad, Founder & CEO, DugDugi
Designing a Useful Site (10 min) Milon Nazimaudduala, Chief Product Officer, G&R Ad Network
People & Pixels: Managing Web Projects (10 min) Razin Mustafiz, Product Manager, Newscred
A Word from BlueScheme (5 min) Rameez Hoque, CEO, BlueScheme
Closing Note & Next Steps
T O D
A Y’ S A
G E N
D A
![Page 3: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/3.jpg)
Welcome Note
GBG Managers: Nash Islam
Riyad Husain Salman Hossain
![Page 4: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/4.jpg)
Our Objectives
Increase adop%on of internet technologies amongst Bangladeshi organiza3ons. Plan events that appeal to a wide variety of key audience segments – e-‐commerce, marketers, students, women, mappers & more Build a community that gets to know each other by hos3ng atleast 1 live event per month
![Page 5: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/5.jpg)
Our Team GBG Managers
Advisor Head Intern
![Page 6: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/6.jpg)
Google’s Objective with GBG
Build a non-‐technical community run by local volunteers to share knowledge and best prac3ces for Google web technologies. The GBG is an experimental ini3a3ve started in 2012, and is based on the success of the Google Developer Groups worldwide, where developers meet to discuss building applica3ons with Google products. See detailed informa3on on GBG on Google’s official GBG page
![Page 7: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/7.jpg)
GBGs Worldwide
100+ GBGs worldwide
30+ GBGs in South & Southeast Asia Nearby GBGs include Pakistan, India, Sri Lanka, Thailand, Indonesia, Malaysia, Cambodia, Vietnam & Philippines
![Page 8: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/8.jpg)
Our Events
See pictures and presenta3ons on our Blog, Google+ & Facebook page.
We’ve organized 20 successful events so far, reaching more than 1500 local digital professionals, entrepreneurs & changemakers. We are a community of technology thought leaders
![Page 9: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/9.jpg)
GBG Dhaka 2013 Event Roadmap • Jan 6 – E-‐Commerce Hour & Startup Weekend Mini Bootcamp
• Feb 1 – Building Brands with Digital
• Feb 16 – Educa3on & Collabora3on Online
• Mar 29 – Mapping Bangladesh
• April 25 – GBG @ PMO Innova3on Adda
• May 10 – Mapping Experts Meetup
• May 21 – Empowering Project Management with Web Tools
• June 1 – Women on the Web Workshop #1
• June 30 – Student Leaders Workshop
![Page 10: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/10.jpg)
GBG Dhaka 2013 Event Roadmap • Sep 7 – Mapping Banani #1
• Sep 8 – Dhaka’s Tech Communi3es
• Sep 14 – Mapping Banani #2
• Nov 3 – How to Build a Good Website
• Nov 10 – Latest in E-‐Commerce
• AND LOTS MORE!
Share YOUR IDEAS for events with us!
![Page 11: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/11.jpg)
![Page 12: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/12.jpg)
![Page 13: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/13.jpg)
![Page 14: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/14.jpg)
![Page 15: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/15.jpg)
Full-Control! Embed Stuff & More
![Page 16: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/16.jpg)
Building a Custom Site: How We Made
PropertyinBD.com Ahsan Ul-Haque
Co-Founder PropertyinBD
![Page 17: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/17.jpg)
“Innovation distinguishes
between a leader and a
follower.”
![Page 18: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/18.jpg)
BUILDING A CUSTOM SITE HOW WE MADE PROPERTYINBD.COM
Date: 3rd October; Sunday
![Page 19: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/19.jpg)
Introducing Myself
Ashaque-ul haque Co-Founder Propertyinbd Profession: Art Director
![Page 20: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/20.jpg)
About “propertyinbd”
¨ property related classified website. ¤ Where people come and get to find their desirable house office shops or any other
commercial space and similarly they can post their salable or rentable property here.
¨ The best feature of our - “easy search option” ¤ People can search by locality based (ex. Not by full uttara but one can search by sector too).
¨ People can get every kind of property related information ¤ Buy
¤ rent
¤ property news
¤ Events
¤ articles.
¨ Listing property for individual person is totally free and Developers can showcase their products with a individual website under “propertyinbd” which is a monthly based paid service.
![Page 21: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/21.jpg)
How the Idea Came
• Experience is the source of idea! • Thinking of something new, does not exist in market • Property related portal was not present
![Page 22: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/22.jpg)
And the opportunities….
¤ The experience of practical life ¤ revolution of internet
¤ future real estate market in Bangladesh
These are the three thing which drives us to make a website like this
![Page 23: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/23.jpg)
Then….
![Page 24: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/24.jpg)
The Execution
¨ Team making ¤ Analysis ¤ design ¤ Technical ¤ Data storage ¤ Branding
![Page 25: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/25.jpg)
Factors we Considered
¨ Analysis of property portal in Bangladesh ¤ find out the lacking of these website
¨ We also analyzed some world’s popular property portal ¤ zoopla(uk)
¤ iProperty(singapore)
¤ Rumah123(indonasia)
¤ indiaproperty, makaan(india)
¨ Sorting out the unique idea/feature and merging with our unique and helpful idea which can really
¨ Must be helpful & convenient for users
![Page 26: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/26.jpg)
The website: First concept
![Page 27: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/27.jpg)
The website : 2nd try
![Page 28: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/28.jpg)
The website: Final design
![Page 29: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/29.jpg)
The website : Live Website
![Page 30: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/30.jpg)
The website : Property listings
![Page 31: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/31.jpg)
The website : Property Details
![Page 32: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/32.jpg)
The website : Article
![Page 33: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/33.jpg)
The website : Developer Listings
![Page 34: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/34.jpg)
The website : Developer Home
![Page 35: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/35.jpg)
Challenges we faced
¨ Behavioral change of consumers
¨ Creating awareness of our website
¨ Communication
¨ Lack of experience
¨ Required Investment amount
![Page 36: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/36.jpg)
Getting more close to People
![Page 37: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/37.jpg)
Getting more close to People
![Page 38: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/38.jpg)
Getting more close to People
![Page 39: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/39.jpg)
Getting more close to People
![Page 40: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/40.jpg)
Getting more close to People
![Page 41: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/41.jpg)
Getting more close to People
![Page 42: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/42.jpg)
Getting more close to People
![Page 43: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/43.jpg)
Response from Market
- More than 500 registered members - Increasing number of contributors
- 25 Thousand visitor
- 1 lakh 50 thousand page view
- Became 2nd position in property portal according to alexa ratings.
We are planning mass communication for our publicity.
![Page 44: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/44.jpg)
Future Plan
¨ Getting enlisted with real estate companies
¨ Enriched with all the information
¨ Contact with architect firms, interior design houses as well as law house
¨ Required initiatives for enabling it as market leader.
![Page 45: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/45.jpg)
Thank You
![Page 46: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/46.jpg)
Use of Natural Language in Web Development
Shafkat Alam CTO
BlueScheme
![Page 47: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/47.jpg)
NATURAL LANGUAGE IN WEB DEVELOPMENT Shafkat Alam CTO, Bluescheme HBSc Computer Science, HBA Economics University of Toronto, Canada
![Page 48: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/48.jpg)
Issues with Language
Web programming is the science of coming up with increasingly complicated ways of concatenating strings.
Source: Twitter
• Bi-lingual – English, Bangla • Multicurrency – Taka, Dollar, etc • Pluralisation • Gender Selection
![Page 49: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/49.jpg)
Typical auto generated messages
• Welcome back Mr/Ms ____, you have 5 new message(s) • Welcome back Mr/Ms ____, you have 1 new message(s) • Welcome back Mr/Ms ____, you have 0 new message(s) • Number of new messages: 5
• Product price: BDT 1,00,000.00 • Product price: USD 1,00,000.00
• There are 8 result(s) in 1 categor(ies)
• Facebook in the early days, • Person X updated their profile picture
![Page 50: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/50.jpg)
Thing to Note • Standardise plural data with the following keywords
“zero”, “one”, “two”, “few”, “many”, “other”. • All languages can be roughly mapped to these keywords,
and it is the basis of optimised user messages
![Page 51: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/51.jpg)
Optimised Messages
• Welcome back Mr ____, you have 5 new messages • Welcome back Ms ____, you have 1 new message • Welcome back Mr ____, you have no new message
• Product price: BDT 1,00,000.00 • Product price: USD 100,000.00
• There are 8 results in 1 category
• Facebook in the early days, • Person X updated his profile picture
![Page 52: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/52.jpg)
Solutions & More Resources
• The UX of Language by Alex Sexton • http://alexsexton.com/blog/2012/03/the-ux-of-language/
• Gettext (jed) • ICU MessageFormat
![Page 53: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/53.jpg)
Website Visitor’s Experience: Don’t Make Them Think!
Masrur Hannan UX Consultant & Co-Founder
Bonolota Designs
![Page 54: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/54.jpg)
Website Visitor’s Experience ‘Don’t Make Them Think!’
Masrur Hannan www.linkedin.com/in/masrurhannan
Content ‘mostly’ based on:
Don’t Make Me Think, by Steve Krugg, Ex- Apple UX personnel.
![Page 55: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/55.jpg)
Discussion Topics
• What is User Experience (UX)? [2 minutes, 2 Slides]
• How to Design User’s Experience [3 minutes, 3 Slides]
• Website Visitor’s Experience [5 minutes, 11 Slides]
![Page 56: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/56.jpg)
What is User Experience (UX)?
![Page 57: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/57.jpg)
User Experience (UX) in daily life
![Page 58: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/58.jpg)
What is User Experience Design?
![Page 59: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/59.jpg)
How to design User’s Experience
Bonolota Designs’ methodologies in User Experience Design:
1. Initial RESEARCH 2. Prototyping 3. User Testing of prototypes 4. Iterative design and development with USER TESTING 5. Post-launch performance measuring
![Page 60: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/60.jpg)
User Experience (UX) Design objective
![Page 61: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/61.jpg)
User’s Experience Design and Websites Website Visitor’s Experience - ‘Don’t Make Them Think!’
Any Web Page, should be:
1. Self-evident 2. Obvious 3. Self-explanatory
Visitors should be able to “get it”, and with no Squinting :)
![Page 62: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/62.jpg)
Website Visitor’s Experience Design
When creating a site, the most important job is to get rid of Visitor’s question marks!
![Page 63: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/63.jpg)
Website Visitor’s Experience Design
![Page 64: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/64.jpg)
Website Visitor’s Experience Design
Things that make us think Links and buttons that aren’t obviously clickable. · Where am I? · Where should I begin? · Where did they put _____? · What are the most important things on this page? · Why did they call it that?
![Page 65: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/65.jpg)
Website Visitor’s Experience Design
We don’t read pages. We scan them.
![Page 66: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/66.jpg)
Website Visitor’s Experience Design
![Page 67: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/67.jpg)
Website Visitor’s Experience Design
Glancing around, a website visitor should be able to point at the different areas of the page and say: “Things I can do on this site!” “Links to today’s top stories!” “Products this company sells!” “Things they’re eager to sell me!” “Navigation to get to the rest of the site!”
![Page 68: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/68.jpg)
Website Visitor’s Experience Design
Designing the Home Page: 'conveying the big picture'. • Site identity and mission
• Site hierarchy
• Search
• Timely content
• Deals
• Shortcuts
![Page 69: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/69.jpg)
Website Visitor’s Experience Design
Designing the Home Page, getting the message across: 1. The tagline – precise, NOT vague 2. The Welcome blurb – Not ‘mission statement’ 3. Don’t use any more space than necessary.
![Page 70: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/70.jpg)
Website Visitor’s Experience Design
Things that can diminish goodwill: 1. Hiding information that visitors want 2. Punishing visitors for not doing things your way! 3. Asking visitors for information site don’t really need 4. Putting sizzle in my way 5. Amateurish looking sites
![Page 71: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/71.jpg)
Website Visitor’s Experience Design
Things that can increase goodwill: 1. Save visitors steps wherever you can
2. Know what questions I’m likely to have, and answer them 3. Keep website pages up to date 4. When in doubt, apologize 5. Make it easy to recover from errors
![Page 72: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/72.jpg)
Thanks! …
Sorry, perhaps NO time for Q&A? URLs: www.bonolota.com (coming soon)
www.fb.com/bonolotadesigns Email: [email protected] Masrur Hannan: [email protected] SlideShare: http://slideshare.net/mhannan Linked In: www.linkedin.com/in/masrurhannan
Thanks again, Masrur Hannan.
![Page 73: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/73.jpg)
The Importance of User Interface Design &
its Measurable Impact on the Bottom Line
Saddam Azad Founder & CEO
DugDugi
![Page 74: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/74.jpg)
UI/UX DESIGN AND ITS IMPACT ON
BUSINESS BOTTOM LINE
![Page 75: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/75.jpg)
CALL TO ACTION
• Think of the user as a people with needs
• Provide an incen3ve to the user
• Communicate the USP – using text, graphics and even video.
![Page 76: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/76.jpg)
Simple, yet effective
![Page 77: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/77.jpg)
Appealing, instills a sense of curiosity
![Page 78: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/78.jpg)
Solve a problem
![Page 79: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/79.jpg)
OBAMA FOR AMERICA CAMPAIGN DONATIONS
• A/B tes3ng of – Call to Ac3on – Contrast – Visibility – Focus
![Page 80: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/80.jpg)
![Page 81: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/81.jpg)
$200 MILLION IN ADDITIONAL REVENUE
![Page 82: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/82.jpg)
Thank you.
![Page 83: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/83.jpg)
Designing a Useful Site
Milon Chief Product Officer
G&R Ad Network
![Page 84: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/84.jpg)
Muhammad Nazimuddaula • Started career as an Animator
2003 • Worked in Advertising for 2 years • Working with websites since 2005
![Page 85: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/85.jpg)
Drawings in 30 seconds
![Page 86: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/86.jpg)
after adding some colors on
30 seconds drawings
![Page 87: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/87.jpg)
good design is good plan
![Page 88: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/88.jpg)
![Page 89: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/89.jpg)
it starts with paper and pencil
(pen, photoshop etc also allowed)
![Page 90: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/90.jpg)
![Page 91: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/91.jpg)
![Page 92: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/92.jpg)
![Page 93: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/93.jpg)
![Page 94: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/94.jpg)
![Page 95: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/95.jpg)
![Page 96: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/96.jpg)
![Page 97: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/97.jpg)
its never too late to ‘do the right thing’
![Page 98: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/98.jpg)
![Page 99: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/99.jpg)
![Page 100: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/100.jpg)
thanks J
![Page 101: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/101.jpg)
People & Pixels: Managing Web Projects
Razin Mustafiz Product Manager
NewsCred
![Page 102: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/102.jpg)
![Page 103: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/103.jpg)
![Page 104: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/104.jpg)
![Page 105: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/105.jpg)
![Page 106: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/106.jpg)
![Page 107: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/107.jpg)
![Page 108: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/108.jpg)
![Page 109: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/109.jpg)
![Page 110: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/110.jpg)
![Page 111: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/111.jpg)
![Page 112: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/112.jpg)
![Page 113: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/113.jpg)
![Page 114: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/114.jpg)
![Page 115: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/115.jpg)
![Page 116: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/116.jpg)
![Page 117: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/117.jpg)
![Page 118: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/118.jpg)
![Page 119: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/119.jpg)
A Word from BlueScheme
Rameez Hoque CEO
BlueScheme
![Page 120: How to Make a Good Website - 20th GBG Dhaka](https://reader034.vdocuments.site/reader034/viewer/2022052503/545567d2af795998788b486b/html5/thumbnails/120.jpg)
THANK YOU !!
Please follow us on Google+ & Facebook to keep up to date on our latest activities