Mocanu Andrei

BTEC Level 2 First Extended Certificate in information and Creative Technology

Assignment 2 Planning a Website

Design for the Website on Weebly.com

I have been asked to create a Website Design and Specifications about this website .

In this document I would like to show you my website with some features and the
design of it. The numbers of the sites are 8 in total .

 Here we have the main page, basically the index of the website, that’s the index
website would be a help page as well, for the costumer/user. If one user want’s
a new phone or recommendations from a specialist, he or she will receive an
email with all information and photo’s about the phone including price or
discount promotion.
All we have to do is to type the valid email address, the subject for example *(I
want a phone which is small, a camera of 13mp and 7mp on the back, my
budget is 200£)*. Then we input the name and last name and then a moderator
or an admin will help you to choose your phone, sending an email with more
promotions. On the right we can see 3 phone offers with some important details Menu
of them. And the navigator links, the link like “SAMSUNG PHONES, HUAWEI
LOGOPHONES,
OF THE LAPTOPS NEW BRAND” etc., are the links to send to more pages from
SITEthe site, And down we can see the name of the site with the slogan.
 1.INDEX&HOME
BACKGROUND IMAGE WITH LIGHT CITY IN THERE.

Email *

Comment *
Phone name Phone name Phone name

Price Price Price

Details Details Details

Name *

First* Last *
Hyperlinks
I certify that my work is mine and all sources have been fully acknowledged.

SUBMIT

LOGO and NAME OF SITE

Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

ACTUAL DESIGN OF THE SITE:

----------------------------------------------------------

 Talking about the actual website design , I would like to talk about the features of this
website meaning hyperlinks , sending emails and online purchase.
First of all , I’ll show some images of the site and then , but first of all the design.
2.ABOUT

FREE SPACE FOR OTHER

UPDATES
NEWS AND OFFERS ABOUT
PHONE’S.
OFFICIAL DETAILS
ABOUT THE PHONE.

INTERACTIVE MAP TO
FIND THE FACTORY.
NEWS ABOUT PHONES.

Social media link button

Social media link button

Social media link button

I certify that my work is mine and all sources Social mediafully

have been linkacknowledged.
button
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

After I just finished the design of the website, I create straight away the page making everything to
look better for the viewer .

 After I finished the design and the actual website , I start to carry on with next slide’s
till I finished everything.
This slide it show’s to viewer the contact details for factory , if they met a problem
they can call them or email them very easily and save time. On this slide I made few
changes , moving the hyperlinks from the social media. I made a form also.
3.CONTACT

CONTACT US
LOGO
OFFER MESSAGE FOR COSTUMERS WHO WANT’S SOME HELP.
FORM TO
FIND-US.
OFFERS AND
INFO.
FORM
PHONE ICON LAPTOP ICON WATCHES ICON
DETAILS DETAILS DETAILS
ABOUT THE ABOUT THE ABOUT THE
PRODUCT IN PRODUCT IN PRODUCT IN
DETAIL. DETAIL. DETAIL.

I certify that my work is mine and all sources have been fully acknowledged.
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

Creating that design ,I start to complete this task and make the actual website following the design.

After I edited the website, and upgrade it . The website look’s like that.

I certify that my work is mine and all sources have been fully acknowledged.
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

4. SAMSUNG PHONES That’s the forth slide , and the name of the slide is SAMSUNG PHONES . On
this slide would be details about the SAMSUNG PHONE’S and offers for it . That’s not our product
,but is a partnership for us.

SAMSUNG LOGO AND TEXT + BLACK GROUND.

OFFERS FOR PHONES FROM SAMSUNG

IMAGE
BACKGROUND.

IMAGE IMAGE IMAGE

OF THE OF THE OF THE
PHONE PHONE PHONE

NAME OF NAME OF NAME OF

PHONE PHONE PHONE

After finishing the actual website , I started to create hyperlinks and also tried to make the website
more satisfying and smooth , easy to use.

I certify that my work is mine and all sources have been fully acknowledged.
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

5. HUAWEI PHONES Starting with the design of this slide , I would like to contain some more
features such as hyperlinks , edited photos .
HUAWEI LOGO ABOVE AND TEXT + BLACK&GREY GROUND.

IMAGE
OFFERS FOR PHONES FROM HUAWEI
BACKGROUND.

IMAGE IMAGE IMAGE

OF THE OF THE OF THE
PHONE PHONE PHONE

NAME OF PHONE NAME OF PHONE NAME OF PHONE

& HYPERLINK & HYPERLINK & HYPERLINK

On that slide , from HUAWEI PHONES , I made few changes such as images edited , more text and
hyperlinks to be more easy for the user to access the page. If you press on the name of the phone or
“CLICK HERE” , you will be redirected to another tab with a new page , where you can buy the actual
phone. So after all editing on this slide, I finished to create that page to look like that.

BEFORE

&

AFTER

I certify that my work is mine and all sources have been fully acknowledged.
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

6. LAPTOPS NEW BRAND

Starting with the next slide of the webpage , I tried to make every slide to look similary with all the
slides.
On this slides we can see the title , an laptop , and after it we can see a text who’s telling us that we
can find here the best prices when you order online.

A little bit lower , we have the bottom of the page where we can find a header a three images with
hyperlinks , if we press on the image we will be redirected to another website where we can mage
order safely .
DESIGN:

IMAGE OF THE LAPTOP (PNG)

TEXT WITH THE OFFER INFO.

BACKGROUND
BLACK&GREEN.

BACKGROUND IMAGE TEXT WITH THE OFFER INFO.

IMAGE WITH LAPTOP

HYPERLINK

IMAGE WITH LAPTOP IMAGE WITH LAPTOP

HYPERLINK HYPERLINK

ACTUAL WEBSITE

I certify that my work is mine and all sources have been fully acknowledged.
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

7. APPLE WATCHES
TEXT:
DESIGN:

PURPOSE AND USER REQUIREMENTS

TEST PLAN
A LIST OF ASSETS
SCREENSHOT OF PHOTO WHERE ARE THE IMAGES.
SCRRENSHOTS OF WEBSITE
HOW THE FINAL WEBSITE IS SUITABLE FOR AUDIENCE AND PURPOSE.

ACTUAL WEBSITE:

I certify that my work is mine and all sources have been fully acknowledged.
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

TEST PLAn

8. SELL YOUR PHONE.

TEXT:

I certify that my work is mine and all sources have been fully acknowledged.
Mocanu Andrei
BTEC Level 2 First Extended Certificate in information and Creative Technology
Assignment 2 Planning a Website

DESIGN:
ACTUAL WEBSITE:

I certify that my work is mine and all sources have been fully acknowledged.