Your SlideShare is downloading. ×
Masrawy.com 2013 relaunch concept and design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Masrawy.com 2013 relaunch concept and design

512
views

Published on

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 …

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.


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
512
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • MPU EXPANDING SHOWCASE ON HOMEPAGE
  • MPU EXPANDING SHOWCASE ON HOMEPAGE
  • SUPER BANNER EXPANDING ON HOMEPAGE
  • SUPER BANNER EXPANDING ON HOMEPAGE
  • FEATURED NEWS SLOT – SOLD PER DAY
  • HOZONE EXPANDING FROM THE BOTTOM TO THE TOP
  • HOZONE EXPANDING FROM THE BOTTOM TO THE TOP
  • CONTENT PUSHER
  • Transcript

    • 1. 2013
    • 2. 2000 - 2013
    • 3. ••
    • 4. 2000
    • 5. 2002
    • 6. 2006
    • 7. 2010
    • 8. 2011
    • 9. 2011
    • 10. 2011
    • 11. 2011
    • 12. 2011
    • 13. 2011
    • 14. 2013
    • 15. -
    • 16. KPCB – Internet Trends 2012
    • 17. KPCB – Internet Trends 2012
    • 18. oooo
    • 19. •••
    • 20. ••
    • 21. 20%20%8%7%4%3%2%1%3%1%iPhoneBB 9800BB 9780Galaxy S3iPadMost NotebooksSome LaptopsMany Laptops
    • 22. 800x600
    • 23.
    • 24. 20+ Inches Screen
    • 25. iPhone & iPad
    • 26. December 2011First draft
    • 27. 2012
    • 28. 2012
    • 29. % 140% -27%
    • 30. Google / OrganicPages/Visit Avg. VisitDurationBounce Rate2:42 00:04:07 56.32%6:73 00:06:31 19.87%
    • 31. Apple iPadPages/Visit Avg. VisitDurationBounce Rate1:84 00:02:37 66.73%6.81 00:15:44 19.84%Apple iPad
    • 32. http://beta.Masrawy.com
    • 33. Designed with Ad Products in mind• Clear value for the advertiser’s brand• Constant engagement with the brand• Non-cluttered user interface
    • 34. Designed with Ad Products in mind• Improved CTR:• All ad products are above the fold• Ad Products are seeded within thecontent clips• Clear locations on all pages• Ads are served based on:• Demographics and Interests
    • 35. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features bar
    • 36. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features barMPU Expanding
    • 37. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features bar
    • 38. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features barSuper Banner Expanding
    • 39. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features barFeatured News Slot
    • 40. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features barHot Zone
    • 41. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features barHot ZoneExpanding bottom-up Full SlideX
    • 42. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features bar
    • 43. Narrow Header LOGONavigationMPUPushed DownFeatured AreaPushed DownMost ImportantHeadlinesPUSH DOWNNarrow Footer & Features barX
    • 44. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMost ImportantHeadlinesMasrawy WritersNarrow Footer & Features barSwipe / Scroll RightSwipe / Scroll Left
    • 45. Narrow Header LOGONavigationSuper BannerMPUFeatured AreaMostImportantHeadlinesMasrawyWritersNarrow Footer & Features bar• All Ad Products are above thefold (no vertical scrolling on thehomepage)• All Expanding Products areexpanding with 100% screenvisibility & attentionHorizontal Scrolling by:- Keyboard Arrow Keys- On Screen Arrows- Finger swipes (on touch screens)
    • 46. Narrow Header LOGONavigationMonsterBanner300x600Channel Page ContentMasrawySideNavigationNarrow Footer & Features bar
    • 47. Narrow Header LOGONavigationMonsterBanner300x600Channel Page ContentMasrawySideNavigationNarrow Footer & Features barExpanding Monster BannerX
    • 48. Channel Page ContentNarrow Header LOGONavigationChannel Page ContentMasrawySideNavigationNarrow Footer & Features barMPU250x300Channel PageContentChannel PageContentChannel PageContentChannel PageContent Channel Page Content
    • 49. Channel Page ContentNarrow Header LOGONavigationChannel Page ContentMasrawySideNavigationNarrow Footer & Features barMPU250x300Channel PageContentChannel PageContentChannel PageContentChannel PageContent Channel Page ContentExpanding ShowcaseOn SlidesX
    • 50. Channel Page ContentNarrow Header LOGONavigationChannel Page ContentMasrawySideNavigationNarrow Footer & Features barMPU250x300Channel PageContentChannel PageContentChannel PageContentChannel PageContent Channel Page ContentChannel Page ContentNarrow Header LOGONavigationChannel Page ContentMasrawySideNavigationNarrow Footer & Features barMPU250x300Channel PageContentChannel PageContentChannel PageContentChannel PageContent Channel Page ContentFull Slide TransitionalSkip Ad
    • 51. Narrow Header LOGONavigationRelated ContentNarrow Footer & Features barMPU250x300House PromotionMost ViewedArticle PictureArticle ContentArticle Headline
    • 52. Narrow Header LOGONavigationRelated ContentNarrow Footer & Features barMPU250x300House PromotionMost ViewedArticle PictureArticle ContentArticle HeadlineExpanding ShowcaseOn ArticlesX
    • 53. Standard MPU300 x 250Standard Channel MPUSupports: Animated GIF, Flash, Video, Rich Media
    • 54. Standard Channel Monster SizeSupports: Animated GIF, Flash, Video, Expanding, Rich Media
    • 55. Monster Banner300 x 600Standard Channel Monster SizeSupports: Animated GIF, Flash, Video, Expanding, Rich Media
    • 56. Sample Monster SizeSupports: Animated GIF, Flash, Video, Expanding, Rich Media
    • 57. Full Slide AdvertSupports: 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
    • 58. Full Slide AdvertSupports: 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 queueFull Page
    • 59. Login Page full Slide Advert.
    • 60. Login Page full Slide Advert.Full PageBrand ColorBrandColorBrand Color
    • 61. 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
    • 62. UserVisitFacebookLikes some Facebook pagesLOL serve campaigns that fitthe user’s profile based onwhat he/she likes onFacebook
    • 63. Sponsorships
    • 64. Current SponsorshipsPerm. PlacementPerm. PlacementPerm. Placement
    • 65. Proposed SponsorshipsBrand Engagement throughpermanent buttons such as the scrollBrand Engagement through permanentButtons in page such as the scrollEasy & Perm. Access to fullPage of content related to the brandPermanent BrandingPermanentbrandingCustomizing default iconsIn order to serve the brandPerm. Branding
    • 66. Expanding Sponsorships
    • 67. CHANNELS SPONSORSHIPS
    • 68. Channel Sponsorships
    • 69. Channel Sponsorships
    • 70. Channel Sponsorships
    • 71. Channel Sponsorships
    • 72. Channel Sponsorships
    • 73. Channel Sponsorships
    • 74. Channel Sponsorships
    • 75. Channel Sponsorships
    • 76. Thank YOUe: mokatia@linkonline.cot: @mokatia