Masrawy.com , the largest portal in Egypt, Launched in 1999 and till May 2013 it still ranked as the #1 most viewed portal in Egypt On 19th of June 2013, the new design was revealed at a prestigious event at the Fairmont Nile City Hotel in Cairo to a big crowd of media, journalists, industry figures, bloggers, marketing agencies, Egyptian telecoms, and Masrawy's advertisers. The entire project was done 100% at LINKonLINE, the mother company of Masrawy.com ** This is a completely New CMS, Masrawy old CMS has been the same since 2006, outdated and not flexible, our new CMS was built after a thorough study of the CMS market (open source & licensed enterprise software's), we knew exactly what we wanted and what we are missing in our current setup, and also what the market is offering now, and then built our own CMS based on Data base structure and rich features of the top notch enterprise scale CMS and coupled it with the ease of use and fancy interfaces of the open source ones. ** This is a New User Experience, our target was to reduce the visual clutter on homepage and each page, organize the content layout, everything you need to know about any article you clicked on, you will get it without the need of any scroll, it's all in your attention area, it's where you expect to read/find/use it, also it’s a responsive design, it respond to your screen size and serve the content that suit this screen size for pleasurable experience either by adding or subtracting content from the pages dynamically. ** New Navigation Concept, swipe your finger across the screen, horizontally or vertically, and new content will appear, simply click on any article and then use the side arrows on the screen, or your keyboard arrows and then keep clicking for an endless content experience ** New Ad Products, We have studied carefully the factors that affect campaigns performance and worked to improve that for the benefit of our advertisers while not affecting the user's experience negatively, all ad products now are above the fold for clear viewership, and larger sizes of ads were introduced to give much needed space for more creative ad concepts and scenarios. http://beta.masrawy.com Masrawy.com has witnessed huge improvement in the traffic metrics of its beta release compared to its original design.

1. 2013

2. 2000 - 2013

3. •
•

9. 2000

10. 2002

11. 2006

12. 2010

14. 2011

15. 2011

16. 2011

17. 2011

18. 2011

19. 2011

20. 2013

21. -

27. KPCB – Internet Trends 2012

28. KPCB – Internet Trends 2012

34. o
o
o
o

35. •
•
•

37. •
•

38. 20%
20%
8%
7%
4%3%
2%
1%3%
1%
iPhone
BB 9800
BB 9780
Galaxy S3
iPad
Most Notebooks
Some Laptops
Many Laptops

39. 800x600

41. –

42. 20+ Inches Screen

43. iPhone & iPad

51. December 2011
First draft

52. 2012

53. 2012

57. % 140% -27%

58. Google / Organic
Pages/Visit Avg. Visit
Duration
Bounce Rate
2:42 00:04:07 56.32%
6:73 00:06:31 19.87%

59. Apple iPad
Pages/Visit Avg. Visit
Duration
Bounce Rate
1:84 00:02:37 66.73%
6.81 00:15:44 19.84%
Apple iPad

60. http://beta.Masrawy.com

62. Designed with Ad Products in mind
• Clear value for the advertiser’s brand
• Constant engagement with the brand
• Non-cluttered user interface

63. Designed with Ad Products in mind
• Improved CTR:
• All ad products are above the fold
• Ad Products are seeded within the
content clips
• Clear locations on all pages
• Ads are served based on:
• Demographics and Interests

64. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features bar

65. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features bar
MPU Expanding

66. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features bar

67. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features bar
Super Banner Expanding

68. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features bar
Featured News Slot

69. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features barHot Zone

70. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features barHot Zone
Expanding bottom-up Full Slide
X

71. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features bar

72. Narrow Header LOGONavigation
MPU
Pushed Down
Featured Area
Pushed Down
Most Important
Headlines
PUSH DOWN
Narrow Footer & Features bar
X

73. Narrow Header LOGONavigation
Super Banner
MPU
Featured Area
Most Important
Headlines
Masrawy Writers
Narrow Footer & Features bar
Swipe / Scroll RightSwipe / Scroll Left

74. Narrow Header LOGONavigation
Super Banner
MPU
Featured AreaMost
Important
Headlines
Masrawy
Writers
Narrow Footer & Features bar
• All Ad Products are above the
fold (no vertical scrolling on the
homepage)
• All Expanding Products are
expanding with 100% screen
visibility & attention
Horizontal Scrolling by:
- Keyboard Arrow Keys
- On Screen Arrows
- Finger swipes (on touch screens)

75. Narrow Header LOGONavigation
Monster
Banner
300x600
Channel Page Content
Masrawy
Side
Navigation
Narrow Footer & Features bar

76. Narrow Header LOGONavigation
Monster
Banner
300x600
Channel Page Content
Masrawy
Side
Navigation
Narrow Footer & Features bar
Expanding Monster Banner
X

77. Channel Page Content
Narrow Header LOGONavigation
Channel Page Content
Masrawy
Side
Navigation
Narrow Footer & Features bar
MPU
250x300
Channel Page
Content
Channel Page
Content
Channel Page
Content
Channel Page
Content Channel Page Content

78. Channel Page Content
Narrow Header LOGONavigation
Channel Page Content
Masrawy
Side
Navigation
Narrow Footer & Features bar
MPU
250x300
Channel Page
Content
Channel Page
Content
Channel Page
Content
Channel Page
Content Channel Page Content
Expanding Showcase
On Slides
X

79. Channel Page Content
Narrow Header LOGONavigation
Channel Page Content
Masrawy
Side
Navigation
Narrow Footer & Features bar
MPU
250x300
Channel Page
Content
Channel Page
Content
Channel Page
Content
Channel Page
Content Channel Page Content
Channel Page Content
Narrow Header LOGONavigation
Channel Page Content
Masrawy
Side
Navigation
Narrow Footer & Features bar
MPU
250x300
Channel Page
Content
Channel Page
Content
Channel Page
Content
Channel Page
Content Channel Page Content
Full Slide Transitional
Skip Ad

80. Narrow Header LOGONavigation
Related Content
Narrow Footer & Features bar
MPU
250x300
House Promotion
Most Viewed
Article Picture
Article Content
Article Headline

81. Narrow Header LOGONavigation
Related Content
Narrow Footer & Features bar
MPU
250x300
House Promotion
Most Viewed
Article Picture
Article Content
Article Headline
Expanding Showcase
On Articles
X

82. Standard MPU
300 x 250
Standard Channel MPU
Supports: Animated GIF, Flash, Video, Rich Media

83. Standard Channel Monster Size
Supports: Animated GIF, Flash, Video, Expanding, Rich Media

84. Monster Banner
300 x 600
Standard Channel Monster Size
Supports: Animated GIF, Flash, Video, Expanding, Rich Media

85. Sample Monster Size
Supports: Animated GIF, Flash, Video, Expanding, Rich Media

86. Full Slide Advert
Supports: Branding, Videos, Articles, Content, Albums, Registration Form, etc…
Full Advertising Slide is inserted every 6~8 content slides.
Full Advertising Slide could be priced differently based on its location within the queue

87. Full Slide Advert
Supports: Branding, Videos, Articles, Content, Albums, Registration Form, etc…
Full Advertising Slide is inserted every 6~8 content slides.
Full Advertising Slide could be priced differently based on its location within the queue
Full Page

88. Login Page full Slide Advert.

89. Login Page full Slide Advert.
Full Page
Brand Color
Brand
Color
Brand Color

90. Read the news through the eyes of your friends
- Every user has a news page on Masrawy
- Pin/Like content so it would be saved on your page
- Share you “newspaper” with your friends
- Ad Products are served based on
- The user profile’s interest group
- Liked Content
- Pinned Content
- User’s Comments

91. User
Visit
Facebook
Likes some Facebook pages
LOL serve campaigns that fit
the user’s profile based on
what he/she likes on
Facebook

92. Sponsorships

93. Current Sponsorships
Perm. Placement
Perm. Placement
Perm. Placement

94. Proposed Sponsorships
Brand Engagement through
permanent buttons such as the scroll
Brand Engagement through permanent
Buttons in page such as the scroll
Easy & Perm. Access to full
Page of content related to the brand
Permanent Branding
Permanent
branding
Customizing default icons
In order to serve the brand
Perm. Branding

95. Expanding Sponsorships

96. CHANNELS SPONSORSHIPS

97. Channel Sponsorships

98. Channel Sponsorships

99. Channel Sponsorships

100. Channel Sponsorships

101. Channel Sponsorships

102. Channel Sponsorships

103. Channel Sponsorships

104. Channel Sponsorships

105. Thank YOU
e: mokatia@linkonline.co
t: @mokatia