LOMBA KOMPETENSI SISWA

SEKOLAH MENENGAH KEJURUAN

TINGKAT PROVINSI JAWA BARAT
TAHUN 2017

MODULE A
CONTENTS

This module has the following files:

 MODULE_A.docx
 MODULE_A_MEDIA.zip

INTRODUCTION

“Chauffer Cars” is a company service specialise in wedding service car. They need a
new website to support their business which include their service, products offer and
reservation. The target audience for their website is young-couple whom are going to
marriage.

DESCRIPTION OF PROJECT AND MODULE

Your task is to create a responsive design of a website and a logo for the “Chauffer
Cars”. You have been provided with text and images that will help you in your design.
You also have been provided with “Chauffer Cars” old website. You should ensure that
there is sufficient text and images included in your design to give a good overall feel
of how the website will look once constructed. You may add other text and information
if you wish. Use of text will only be judged on design, not the meaning of the text.

You should create mock-ups of your re-design to be presented in

individual files for each of the defined devices and resolutions (width x
height):
 Computer - 1440 x 900 pixels
 Tablet - 768 x 1024 pixels
 Smartphone - 320 x 480 pixels

LKS SMK Tingkat Jawa Barat Bidang Lomba Web Design Tahun 2017 Page 1 of 4
 LOMBA KOMPETENSI SISWA
SEKOLAH MENENGAH KEJURUAN
TINGKAT PROVINSI JAWA BARAT
TAHUN 2017

The above resolutions are the devices standard format. Additional space may be used
if needed to illustrate scrolling or swiping as required by some devices. If you
incorporate menus or other features into your design you may illustrate these by
include additional views, either within the design or in additional files. Features and
functionality should be self-explanatory, no written instructions are allowed in the
mock-up files.
All mock-ups should be presented in real pixel size and must include a red line, less
than 3 pixels wide, showing the device screen border resolution.

This module involves designing the home pages of a website and a logo for the
organization “Chauffer Cars”. With requirement listed below:
 A logo which will be the corporate identity for the organisation. Logo must be
used as part of your design. Your logo should represent the organisation and the
subject of the website. The logo must be used in the design.
 Search cars and offers
 Sign-up component
 Log in component
 Listing of at least 3 (three) cars, each including:
o Thumbnail image
o Car Information (name, short description, etc)
o Price information (rent, usage, driver, etc)
 Current location and time
 User testimonial
 Reservation component

The design of front page must contain at least all information included on the original
website. The computer view should illustrate a hover/mouse over effect.

LKS SMK Tingkat Jawa Barat Bidang Lomba Web Design Tahun 2017 Page 2 of 4
 LOMBA KOMPETENSI SISWA
SEKOLAH MENENGAH KEJURUAN
TINGKAT PROVINSI JAWA BARAT
TAHUN 2017

This is a design module, no coding is allowed and all interactions should be visible in
the design images.
Your design will be assessed by industry standards and needs to incorporate best
practice of responsive design.

INSTRUCTIONS TO THE COMPETITOR

 Save your file in the root directory of the folder named "XX_MODULE_A" where
XX is your computer number. Naming of files:
o Computer: XX_computer.png
o Tablet: XX_tablet.png
o Smartphone: XX_smartphone.png
 You can create additional images (optional) per resolution to highlight hidden
elements, animations or any additional information that will aid in the development
of the website.
Naming of additional files:
o Computer: XX_computer_2.png, XX_computer_3.png
o Tablet: XX_tablet_2.png, XX_tablet_3.png
o Smartphone: XX_smartphone_2.png, XX_smartphone_3.png
 Save the source files of images to a folder called "XX_source_files" inside
"XX_Module_A" folder. Source files are the files containing the layers,
development files, i.e. .psd/.ai/.jpg/.svg/…

LKS SMK Tingkat Jawa Barat Bidang Lomba Web Design Tahun 2017 Page 3 of 4
 LOMBA KOMPETENSI SISWA
SEKOLAH MENENGAH KEJURUAN
TINGKAT PROVINSI JAWA BARAT
TAHUN 2017

 Give red box which will indicate how the web page looks on screen. Below is an
example of a computer display that you will submit.

LKS SMK Tingkat Jawa Barat Bidang Lomba Web Design Tahun 2017 Page 4 of 4