Index

1. Introduction

2. Objectives

3. Problem Statement (project to be done by students)

4. Execution Plan

5. Project Deliverables (students need to submit)

 Introduction

The thirst for learning, upgrading technical skills and applying the concepts in real life
environment at a fast pace is what the industry demands from IT professionals today.
However busy work schedules, far-flung locations, and unavailability of convenient time-
slots pose as major barriers when it comes to applying the concepts into realism. And
hence the need to look out for alternative means of implementation in the form of
laddered approach.

The above truly pose as constraints especially for our students too! With their busy
schedules, it is indeed difficult for our students to keep up with the genuine and constant
need for integrated application which can be seen live especially so in the field of IT
education where technology can change on the spur of a moment. Well, technology does
come to our rescue at such times!!

Keeping the above in mind and in tune with our constant endeavour to use Technology
in our training model, we at Aptech have thought of revolutionizing the way our students
learn and implement the concepts using tools themselves by providing a live and
synchronous eProject learning environment!

So what is this eProject?

eProject is a step by step learning environment that closely simulates the classroom and
Lab based learning environment into actual implementation. It is a project
implementation at your fingertips!! An electronic, live juncture on the machine that
allows you to

o Practice step by step i.e. laddered approach.

o Build a larger more robust application.
o Usage of certain utilities in applications designed by user.
o Single program to unified code leading to a complete application.
o Learn implementation of concepts in a phased manner.
o Enhance skills and add value.
o Work on real life projects.
o Give a real life scenario and help to create applications more complicated and
useful.
o Mentoring through email support.

How do we start accessing the Sample eProject?

The students at the centre are expected to complete this eProject and send complete
documentation with source code within the time allotted to us.

Looking forward to a positive response from your end!!

 Objectives of the project

The Objective of this program is to give a sample project to work on real life projects.
These applications help you build a larger more robust application.

The objective is not to teach you the software’s but to provide you with a real life
scenario and help you create basic applications using the tools.

You can revise the topics before you start with the project.

These programs should be done in the Lab sessions with assistance of the faculty if
required.

It is very essential that a student has a clear understanding of the subject.

Kindly get back to us in case of any doubts regarding the application or its objectives.
Problem Statement:

EcoHarbor - Navigating Sustainable Living

Brand Concept: EcoHarbor is a brand that serves as a guiding beacon for those
navigating the waters of sustainable living. It embodies a lifestyle that seamlessly
integrates eco-conscious choices with modern style, offering a range of products
designed to simplify and elevate environmentally responsible living.

Product Range: EcoHarbor's product range includes a variety of sustainable, stylish,

and practical items for every facet of life:

1. Harbor Homeware: Featuring recycled glassware, bamboo kitchen utensils,

reusable stainless steel straws, and biodegradable dinnerware.
2. Oceanic Apparel: A collection of eco-friendly clothing and accessories made
from organic and sustainable materials, promoting style with an ecological
conscience.
3. Renewable Living: Sustainable household products, including energy-efficient
LED lighting, smart thermostats, and eco-friendly gardening solutions.
4. Pure Reflections: A line of organic skincare, cosmetics, and grooming products
with a focus on clean, cruelty-free, and natural ingredients.

Brand Aesthetics: EcoHarbor's visual identity combines natural and contemporary

elements. The color palette encompasses soothing oceanic blues, serene greens, and
warm wood textures, creating a refreshing and organic ambiance. The logo represents a
harmonious fusion of nature and modern design elements, symbolizing the brand's
commitment to a balanced and sustainable lifestyle. Typography is modern and
approachable, reflecting the brand's accessibility.

Brand Message: "Sail Towards Sustainable Style" - EcoHarbor's tagline embodies the
brand's mission to make eco-conscious choices accessible while promoting a lifestyle
that is stylish and eco-friendly.

Team: G5

Student1468229 Talal Rasool OV-6886-ADMS

Student1470578 Urwa Zafar OV-6886-ADMS
Student1463467 Kamila Afzal OV-6887-ADMS-PRIME
Student1470989 Husain Taher OV-6886-CICD
Student1474038 Mohammad Shaheer Mashhood OV-6886-CICD
Student1479182 Muhammad Arham Khan OV-6886-CICD
Student1481631 Muhammad Humayun OV-6886-ADMS
Student1481736 Syed Ali Haider Abidi OV-6886-ADMS

A. General design requirements:

1. All designs should reflect the brand's product or service requirements
 2. Students can decide the names for all the products and services to the
brand.
3. Should use English, easy to pronounce, easy to remember
4. The use of images available on Stock Online is allowed
5. We encourage students to use their own developed design content &
photographs to use in design products
6. COPIED DESIGNS FROM AVAILABLE SOURCES WILL DISCARD THE
PROJECT

B. Design requirements
1. BRAND
A. Logo
 Use up to 3 color, simple, easy to remember
 Show the industry of the brand
 Logo design based on the name given by students
Size (mm): A3 - Landscape
Software: Adobe Illustrator

B. Stationery
 Follow the right style in terms of design, lines, shapes, and
color with the logo
 Follow Master Concept

a. Business card:
Including logo, shop information, contact information, ...

Size (mm): 55x90 Landscape or Portrait, 2 sides

Software: Adobe Illustrator

b. Letter head:
Including logo, shop information

Size (mm): 210 x 297 Portrait, 1 side

Software: Adobe Illustrator

c. Envelope:
Including logo, shop information

Size (mm): 220 x 110

Software: Adobe Illustrator

d. Folder:
Including logo, shop information

Size (mm): 420 x 297

Software: Adobe Illustrator
2. ADVERTISEMENT 1
A. Poster:
 Design 1 Poster
 Purpose of advertising in public places, or decoration in shop
 To build the image of the product or brand in the public mind,
etc.
 Use images that include raster or vector images
 Headline, slogan
 Body text (Option)
 Contact information
 Follow the right style in terms of design, lines, shapes and
color with the logo
 Follow Master Concept

Size (mm): A3 Portrait 297x420

Software: Adobe Photoshop / A Adobe
Illustrator.

B. Print Ad:
 Design 1 Print Ad
 Purpose of advertising in public places, or decoration in shop
 To build the image of the product or brand in the public mind,
etc.
 Use images that include raster or vector images
 Headline, slogan
 Body text (Option)
 Contact information
 Follow the right style in terms of design, lines, shapes and
color with the logo
 Follow Master Concept

Size (mm): Actual reference

Software: Adobe Photoshop / Adobe
Illustrator.

C. Brochure:
 Design 1 Brochure
 Purpose of advertising in public places, or decoration in shop
 To build the image of the product or brand in the public mind,
etc.
 Use images that include raster or vector images
 Headline, slogan
 Body text (Option)
 Contact information
 Follow the right style in terms of design, lines, shapes and
color with the logo
 Follow Master Concept
 Size (mm): A4 – 3-fold (2 sides)
Software: Adobe Photoshop / Adobe InDesign

3. ADVERTISEMENT 2
A. Poster:
 Design 1 Poster
 Purpose of advertising in public places, or decoration in shop
 To build the image of the product or brand in the public mind,
etc.
 Use images that include raster or vector images
 Headline, slogan
 Body text (Option)
 Contact information
 Follow the right style in terms of design, lines, shapes, and
color with the logo
 Follow Master Concept

Size (mm): A3 Portrait 297x420

Software: Adobe Photoshop / Adobe Illustrator.

B. Standee:
 Design 1 Standee
 Purpose of advertising in public places, or decoration in shop
 To build the image of the product or brand in the public mind,
etc.
 Use images that include raster or vector images
 Headline, slogan
 Body text (Option)
 Contact information
 Follow the right style in terms of design, lines, shapes and
color with the logo
 Follow Master Concept

Size (mm): Portrait 134 x 356mm

Software: Adobe Photoshop / Adobe Illustrator

C. Flyer:
 Design 1 Flyer
 Purpose of advertising in public places, or decoration in shop
 To build the image of the product or brand in the public mind,
etc.
 Use images that include raster or vector images
 Headline, slogan
 Body text (Option)
  Contact information
 Follow the right style in terms of design, lines, shapes and
color with the logo
 Follow Master Concept

Size (mm): A5 (2 sides)

Software: Adobe Photoshop / Adobe Illustrator

4. Portfolio requirements (final document)

o Portfolio is a document that summarizes all the products that students
have designed above
o The cover includes the following contents:
 Project name
 Logo Arena
 Student full name and Roll number
 Batch
 Faculty name
o Content pages are divided: each product is arranged at least on 1 page
o In each product page, the following information should be clearly
indicated:
 Design product images
 Design ideas and concept
 Dimensions (length, width, proportion)
 Margin, bleed
 Number of columns, column spacing (for magazines, catalogs)
 Number of pages (magazine, catalog)
 Mockup - 3D illustration of folding forms (for Brochure, Folder.
Standee)
 Mockup - 3D illustrating the shape of the product object
 (For bottles, cans, boxes, etc.)
 Font used: font name, font size, tracking, leading, etc.

Size (mm): A4 297x210 landscape, 1 side print

Software: Adobe InDesign

Requirements on work assignment of team members

No Student name Task
.
1 Brand + Portfolio
3 Advertisement 1
4 Advertisement 2
5 Promotion
 Requirements for submission of products + documents
1. Sketch book: Specify the general requirements of the Project, outline in
pencil for all design items and detail the outline of the items. Submit to the
Education Department according to the design submission schedule.
2. Portfolio: submit with the finished product and upload all original files to
google drive. Submit to the Education Department according to the design
submission schedule.
3. Products: submit a printout according to the specific requirements of each
product listed above and upload the original files to google drive. Submit to
the Education Department according to the design submission schedule.

What need to be submitted as final output to eProject HO and How?

Upload following element on Google drive and forward us the link along
with student details (Name, portal enrollment no, Course Name,
semester & Viva Marks).

A. Folder (Final output) containing: Final Portfolio

B. Folder (Rawfiles) containing: Raw files
C. Folder (Documentation) containing: Documentation

Technology:
1. Adobe Illustrator
2. Adobe Photoshop.
3. Adobe Lightroom
4. Adobe InDesign

Execution Plan:

Graphic design is a field that requires the ability to think creatively to solve the problem.
It's not only about the ability to think, but it also requires the designers to be able to
execute as well as possible and visualize the results of their thoughts into their works.
Both these points may be described as a concept and execution. Two things are
interrelated also support each other in creating an effective design work.

Concept

The concept is an abstract thought. It has become a planning map that can be useful as
a guide to the designer in the act and make decisions. The concept originated from an
idea that later developed to align and clarify the various possibilities.
Why does graphic designer need the concept?

The concept is an abstract thought. It has become a planning map that can be useful as
a guide to the designer in the act and make decisions. The concept originated from an
idea that later developed to align and clarify the various possibilities.

There are several ways that can be maximized in order to produce an interesting design
concept. But in essence, a brilliant idea came from a broad understanding and
knowledge of design object. Professional designers always start with research to obtain
critical information related to project design as much as possible. The information is then
processed in such a way through the stage brainstorming to produce an idea that could
be developed into an interesting concept.

Execution

Execution is the stage where the designers begin to visualize the ideas and thoughts into
the form of graphic works. Execution requires visualization capabilities as well as good
technical from the designer. There are many factors that could affect the ability of
execution. Such as: experience, aesthetic considerations, taste, understanding the
design principles, knowledge, etc. Thus, the execution does not only include the ability
to use graphics software such as: AI, PS but more than that, the executions require
comprehensive capabilities of a graphic designer either in principle or technical.

Conclusion

A concept originated from an idea that comes from understanding and knowledge and
processed through brainstorming process While the execution is a process of how a
visualized concept into a design work. The concept and execution are two vital things in
work on a design project. both are related to each other to optimize the message in a
work of design.

Design: Design is an excellent blend between concept and execution.

Documentation:

Documentation should cover at least the following points in details:

A. Cover page (creative, attractive and relevant to the subject)
B. Project details
C. Project developers name and roles
D. Specification
E. Pre-production
a. Idea
1. Goal
2. Target Audience
3. Delivery media
 4. Composition tools
5. Planning
6. Resource allocation
7. Designing interface
8. Storyboarding
9. Character
10. background
11. integrate the media elements
12. scripting (dialogue and interaction)
F. Production
1. Collection / shooting images
2. Collection original Arts
3. Digitizing Arts
4. Collection / developing 2D / Animated elements
5. Collection / Recording sounds
6. Proofreading
F. Post-production
a. Testing
b. Mastering or Burning on a media
c. Archiving / storing the data
d. Duplication (if required)
e. Delivery / Distribution
f. Compositing
g. Editing
G. Knowledge enhancement
H. Self-experience
I. Special thanks to the guide
J. Last page
Note: Additional activities (if performed during the eproject making) can also be
included in the documentation points.
The documentation has to be presentable (decorative, attractive detailed and should be
submitted as soft copy).

Duration:
As mentioned in the schedule.

Note: Don’t forget to take your data backup every day. This will save your project work
from the following:
 Virus problem
 System failure
 File corrupt
Data Backup is an important event to be done on regular basis in a project management