Create a fully responsive modern landing page for a professional photographer
The first steps of preproduction I drew up a mind map to brainstorm ideas for my project. I then gathered up my ideas and started drawing sketches to lay out the information architecture to show where each UI elements should be on the page. Finally, before developing the landing page I used Adobe XD to create low fidelity wireframes to confirm the design model of the project for both desktop and mobile.
- High definition images
- jQuery Owl Carousel
- Basic form for email address
- Font Awesome icons for high quality styling
- Bootstrap grid system for responsive design
- Creating fully responsive website design across multiple devices by applying Media Queries
Business professionals, Photographers looking to communicate their brand and gain credibility.
With user friendliness being the main objective in this project I decided to use a white and black color scheme as I really wanted to make use of whitespace and create a clear hierarchy for the user to have a clear understanding and also make it fun to scroll down the page.
One of the biggest challenges I faced in this project was making the page fully responsive. At this point we were at the early stages of learning media queries so I found it difficult to understand what elements needed changed and for the design to look mobile friendly.