Assignment - Home Page Layout for a Courier Company
The essentials required :
- Size: 1000px W ,1800px H
- a main image/illustration banner
- logo of the company
- links for contact and help
- a button to get a callback
- a section for 3 key features
- a section with some of their service images
- a small form for entering your details, name, number
The Design Process
Step 1A - Wireframe of the Design Plan
Started with the above wire frame.
Step 1 B: Filling elements into the initial wireframe
Position of Pictures and texts in each section and rough alignment.
Home Page Layout of a Courier Company (Fast Send)
Step 2 : Choose Fonts, Colors, Images and any other elements based on ideas
Mobile view of the design
Step 3 : Designing appropriate Logo using appropriate color
Step 4 : Completing the layout with all elements.
Making size, alignments and shade changes to ensure all details are clearly visible.
Step 5 : Took mockup of the layout; used iPad, phone views. Reviewed the overall view of the layout.
Checked for any alignment issues, spelling mistakes etc.
Made more mockup samples of various sections of the home page layout using laptop view.
Then checked and ensured that the design was meeting all the requirements of the assignment.
Step 6: The final design via laptop mock up screen.
Learning Outcome from this assignment
Learnt the usefulness of Wireframe/wire framing tools.
Wireframe helped me to brainstorm and collate all the ideas based on the requirements of the assignment.
This saves effort and time; otherwise if one goes directly into the design/layout building, a lot of time and resources will be spent on redesigning as one progresses further.
Apart from Digital Wire framing Tools saving us time and effort, they can be connected with other designing tools. They are also environment friendly and thus one can reduce wastage of paper.
