Blue Nile Boat Website design and development. Released under management of POINTNOUR. Blue Nile is the most perfect place introducing a variety of international & Egyptian Cuisine, leisure, high quality service & trendy sophisticated atmosphere.
In 1998 Al Homaizi Group decided to invest in Egypt. One of their 1st investments was Blue Nile Boat which was a new vision in the Egyptian Market regarding the concept of floating Restaurants, which has grown rapidly & became the In place in Egypt through the past years starting off with 3 venues & reaching up to 9 venues on board & 5 venues on land.

Blue Nile is the most perfect place introducing a variety of international & Egyptian Cuisine, leisure, high quality service & trendy sophisticated atmosphere.

When it comes to mixing pleasure, business & family gathering in an elegant fine dining atmosphere Blue Nile is the right choice.

Website features

• Full site
• 3D flash XML Carousel
• Semantic, valid XHTML and CSS
• Gracefully degrading code (for older browsers)
• Based on TESTO Free CSS Foundation Template. http://petermikhael.com/testo-free-css-foundation-template.html
• Cross-browser compatible, Tested and working in all major browsers including IE6
• Design is created using the 960PX Grid System (wide design)
• SEO friendly HTML code
• Powered by jQuery
• jQuery Shadobox
• Flash Header intro
• Favicon
• IE 6 PNG -Fix

Peter Mikhael Reel – 2009

The Mind Of The Green Apple

http://petermikhael.com/previews/htmls/rich_v_1
Okay.. Let’s make some flash stuff. Depends on the green apple of the original website design. I’ll explain every page individually in further steps.

The Mind Of The Green Apple Game

http://petermikhael.com/previews/htmls/green_apple_game
Continue with my project the mind of the green apple. I start to make a new flash game. Eating apples is my idea. Actually I got the idea when I’m driving. It has 3 frames long.

CHA International Website

http://www.cha-international.info
Go back to CHA-International as a freelancer XHTML/CSS designer. The website design by me. Developed by Ahmed Abdel-Aliem.

Tarek Nour Communications – Intranet 5.0

http://go.tareknour.tv/
> Video – Demo Reel – http://www.youtube.com/watch?v=La0Z-l6mIN8
Unlike the internet, which is a public network of computers, an intranet is a private network of computers that functions only within the boundaries of Tarek Nour Communications.

Yahya Al Bishri Website

http://yahyacouture.com
Yahya Al Bishri website one of the most interesting project I worked in. under management of RUBICS Business Solutions.

Tarek Nour TV Website

http://tareknour.tv
http://tareknour.tv/chicken_news/
http://tareknour.tv/tony_khalifa/
> Video POINTNOUR’s campaign for TNTV – http://www.youtube.com/watch?v=R_1F8h4cvpE
Al Kahera Wal Nas is a new Channel by TNTV a company under Tarek Nour Comunications.

RUBICS Business Solutions Website

http://www.rubics.net/
> Video RUBICS website design – Behind The Scenes – http://www.youtube.com/watch?v=Q4-0raXuDKA
RUBICS Business Solutions website a full 2d/3d website design from scratch.

OLYMPIA Health Club Website

http://www.olympia-center.com/
OLYMPIA Health Club website. Released under management of RUBICS Business Solutions.

Tarek Nour Advertising Website

http://tna.tareknour.com/
TNA has been a pioneer in advertising since its inception as the first Egyptian private sector Advertising Agency in 1978. Through three decades of listening to local consumers.

TNA has been a pioneer in advertising since its inception as the first Egyptian private sector Advertising Agency in 1978. Through three decades of listening to local consumers.

Nobody has developed a deeper understanding of regional and local markets. As a result of this understanding, and an uncompromising commitment to quality and innovation, TNA has become synonymous with successful and popular advertising campaigns, and constantly achieves remarkable results for its clients.

Website features

• Full site
• Valid XHTML Strict1.0 and CSS 2 .1, tableless Design
• Gracefully degrading code (for older browsers)
• Cross-browser compatible FireFox 2, FireFox 3, IE6, IE7, IE8, Safari, opera
• Based on TESTO Free CSS Foundation Template. http://petermikhael.com/testo-free-css-foundation-template.html
• Professional design
• Design is created using the 960PX Grid System (wide design)
• SEO friendly HTML code
• Flash Header Animation
• jQuery video gallery, supporting unlimited items
• jQuery Sexy Menu
• jQuery 100% unobtrusive wich degrades gracefully if javascript is turned off
• News Page with shadowbox

Al Kahera Wal Nas is a new Channel by TNTV a company under Tarek Nour Comunications. Al Kahera Wal Nas, has succeeded in attracting an Arab audience and capturing their attention through its bold, light hearted and unusual programs that are broadcast in addition to popular drama series.

Tarek Nour Television campaign overview

POINTNOUR (http://www.pointnour.com) is a full service digital advertising agency under the mother company, Tarek Nour Communications. We can tell you about our strategic thinking, our great ideas and our global reach, but our real difference lies in our approach.

As Digital Advertising Agency POINTNOUR presents TNTV as one of the pioneer TV channels that goes DIGITAL. An integrated digital campaign for Al Kahera Wal Nas was developed. TNC and POINTNOUR decided to reach the untapped segment and compliment the other media vehicles by going DIGITAL.

POINTNOUR providing services like: SMS, MMS, Mini Call, PCM, WAP micro sites, Vodafone live banners, IVR 2020, Retail Receipts, Interactive Banners, SEO (search engine optimization), Online PR, Opt-in –email, Social Networking, Campaign management, You-tube videos, Websites, Micro sites (landing page), Google ad words

Tarek Nour Television Campaign Approach

1. SMS
Target: A Class Sending time: 7,30 pm, right after Iftar

2. Websites
http://tareknour.tv
http://tareknour.tv/chicken_news/
http://tareknour.tv/tony_khalifa/

3. Facebook group
http://www.facebook.com/home.php#/group.php?gid=92762758111&ref=ts

4. YouTube channel
http://www.youtube.com/cairocentric

5. Twitter
http://twitter.com/cairocentric

6. Flash Banners
• Feesh wa Tashbeeh (Lamis El Hadidy)
• Lemaza? (Tony Khalifa)
• Bab El Shams (Rula Jebreal)
• Chicken news
• Qahwa sada
• Al Hakeeka Al Ghaeba (Soad hosny)
• La sosta
• Hadf Bahr (Sumaia el khashab)
• Ebn el arandali (Yehia El Fakharany)
• Afra7 eblis (Jamal Soliman)

Website features

• Full site
• Gracefully degrading code (for older browsers)
• Tested and working in all major browsers including IE6
• Clean style
• Professional design
• Design is created using the 974PX Grid System (wide design)
• SEO friendly HTML code
• jQuery Lightbox
• Flash Banners
• jQuery plugin for photo gallery
• YouTube API for latest channel videos

Unlike the internet, which is a public network of computers, an intranet is a private network of computers that functions only within the boundaries of Tarek Nour Communications.

Moreover, the intranet differs completely from the internet in terms of audience and strategic objectives. It is true however, that an intranet might sometimes use the internet as a vehicle to connect across facilities and locations. Even so, access is still restricted and not available to the general public.

TNCers can now manage their online content, application files and other data through the new Intranet “version 5.0″, which will be a core for business processes and distribution of accurate and relevant knowledge to the various stakeholders via a strong authorized engine.

Intranet team

TNC IT launched the new intranet version 5.0 on Tuesday July 14th. The IT team which consists of IT Programmer Mahmoud Mokhtar and Web Designer Peter Mikhael under the summer vision of Head of IT & Digital Services Tarek Khalifa has been working on this project diligently since 2008.

Top Features

Widgets functions This interface will contain several widgets. Each widget can be collapsed, removed and edited. The widgets can be sorted into the three separate columns by the user (using a drag and drop technique). Each widget can contain any amount of regular HTML content, text, images, flash etc. The finished product will be a sleek and unobtrusively coded iGoogle-like interface which has a ton of potential applications!

Tabs

Find the widgets you love in seconds and add it to your page. The New Version has 3 different pages (Common Page – Personal Page & TNC Page) which can all be customized.

Super Speed

New View Web pages way faster.

Easy Customization

Thousands of add-ons give you the freedom to make your page your own.

Mail Exchange

My Intra 5.0 has a mail exchange by default on your page. For more information, check the full list of widgets.

Reset Position

Reset button can set back all widgets to the default positions.

Private Data

My intra includes improved tools for controlling your private data.

Better web application

It ensures better web application performance through using the new web parts. My Intra 5.0 is based on .net c# and AJAX rendering platform.

Cross-browser compatibility

Widgets, customization, support for all web browsers, improved tools and faster content rendering are all available in the new intranet.

http://tareknour.com

Advertising and Production – Silver

TNC Wins First Website Award - TNC Official Article

Egypt Web Awards aims to serve as an inspiration, archive and at the same time reward creators for their skills so that they continue to improve it. It is also to promote the innovative spirit of web designers to meet professional and international standards, to promote intellectual and production opportunities, as well as to develop an interactive proactive and reactive community that aims at providing recognition to this e\sector in the most superlative way.

Furthermore, Egypt Web Awards is an encouragement for all sectors to showcase their websites and be more involved in the IT. Through Egypt Web Awards, participants have the opportunity to widen contacts and networks, foster co-operation, enhance knowledge, build capabilities and exchange information, Egypt Web Awards is a platform for creative people to showcase their works and attain market recognition. and website owners in Egypt.

The EWA was created by Mr. Pierre Mcurls in Lebanon as a local event in 2004. After its significant success, the idea was adopted by other neighboring countries now including 11 Arab countries. The EWA begun in Egypt a year ago. The EWA is a member of the Pan Arab Web Awards which recognizes the best websites in all 11 countries.

There were 138 competing websites in 38 different categories. Tarek Nour Communications’ website www.tareknour.com was one of the participating websites in the Advertising and Production category and was awarded the silver trophy. While announcing the award, the host said “we cannot mention advertising without mentioning Mr. Tarek Nour.” This award is the first website award for TNC.

TNC’s website tareknour.com is based on an original design. Its concept was created by TN’s creative IT Services, developed by IT Development and optimized. There are two different versions of the website; Flash and html. The original concept of the design started in pencil and paper, after that it was converted into a (2D) art design, then a (3D) art design and finally a flash animated design. The website has various layers with four distinct designs, three static ones and a dynamic one.

The Website combines all the different Ad Agencies, Communications and Media Services under TNC and each one has its own page. It provides news, insights, work and information of the whole group. Moreover, it contains the recent ads done by the group as well as some old ads. The strongest two points of the website are TNC news and the videos.

Organized by; Egypt Web Academy.

Sponsored by; TOYOTA, YellowPages, Tegara Net, KEMET.

In Association With; Microsoft, ITIDA, Toyota IT Division, CIT.

Supported With; Toyota IT Division, CIT.

Media Sponsored; CIT2Day, Raye7 Gaay, Alam Rakamy, Sok El Asr Magazine.

Official Contact Cented; Teleconnect.

http://www.tareknour.com/

Tarek Nour Communications website it’s a big project which I worked on it. for about 6 months i started developing this website.

I’m actually make an article about that website because it’s really deep and have a varieties of designing and developing concept and techniques.

Guys Who Involved with me in this project:

Tarek Khalifa – IT Manager

Mahmoud Mokhtar – Senior Programmer

Mohamed El Messeiry – Business Solutions Developer

Marwan Zaki – Senior Technical Specialist

Mohamed Farag Abdallah – Technician

website structure:

Flash Version:
using Autodesk Maya, Adobe Flash, Adobe Dreamweaver, Adobe Photoshop, Adobe After Effects, Adobe Illustrator

the whole structure

1: the intro page created with Autodesk Maya,, Adobe After Effects, Adobe Flash. combined the 3 different tools together to make the start up animation and the rotated 3d corporate logo.

2: the whole flash website controlled by Action Script 2.0. the all pages separated with different SWF files.

header section

1: full functional flash photo gallery u can use controllers to skip forward or backward for latest press ads. also u can pause or play the image play frames.made by Action Script 2.0.

2: 5 main menus contained the most common links in the whole website. menu driven by Action Script 2.0.

the main page structure

1: 55 pages driven by Action Script 2.0 using numbers. every page have a unique number in the whole website. the number mean unique thing for every box including the logo and page content.

2: the all boxes are actually 1. and duplicated 45 times to reduce the size of the frame rate and the whole website size

3: all pages separated with a different SWF files and every page have a unique loader.

4: every box animation built in Autodesk Maya and exported as SWF file frames.

the small boxes footer structure

33 shortcut functional tinny boxes. I’ll represent every box from right to left

1: random page: choosing a random page from the 55 page in our key frames agencies, companies, menus.

2: animation 2: loading the website start up animation with different animation style.

3: home: shortcut to the home page

4: 4 different colors: shortcut to 4 different colors to change the whole boxes color driven by Action Script 2.0.

5: wire frame: shortcut to change the boxes to wire frame style exported from Autodesk Maya and finalized in Adobe Flash.

6: 3 different makes shortcuts: mask the website to 3 different main list of links. Ad agencies, communications, main links.

7: drag and drop page: this page actually convert the all links to drag able boxes snapped to the mesh box structure. driven by Action Script 2.0.

8: sound control: controlling the sound on or off with changing the led animation. driven by Action Script 2.0.

9: randomize mode: this mode randomize the boxes to different positions with a smooth animation. driven by Action Script 2.0.

10: the next bunch of other is shortcuts to the most common links.

inner pages structure

1: all pages have an animation with unique design and a shortcut function to move to any page with one click.

XML our work and news pages structure

1: our work
our work page have a 3 main links landmarks, today’s TVC’s, programs. the flash page opened by JavaScript behavior centralize the pop up page in the center of page.
the actually player and list of files driven from XML file content ( XML exported from admin area). the other function of the our work is the combo box flash option which is mask the videos or agencies.
also when uploading the video to the admin page it’s converted to FLV video file and take a snapshot from the uploaded video everything exported automatically.driven by Action Script 3.0.

2: News
news page also driven from an admin area converted to XML and displayed in a page with scrolling. all this pages also have individual link. to represent the article.

HTML:
using Autodesk Maya, Adobe Flash, Adobe Dreamweaver, Adobe Photoshop, Adobe After Effects, Adobe Illustrator

the whole structure

the website have a 3 different designs with the same layout driven from CSS rules. the all design changed randomly in the home page. after random page the design stick to the end of navigation.

header section

1: the header 9 boxes created with Autodesk Maya, Adobe Photoshop. represent diffrent direction of everypage.
2: the header photos is a 22 press ADS changed randomly.

left hand side

1: the left hand side videos loaded from the database the last 5 today’s TVC’s and when clicked the actual video played in the same video interface.

main content

1: the main content for the all pages.

news page structure

1: this page contained the all list of the news articles have a each inside the all news titles and content and jump to an chosen article from combo box.