Start By Thinking About The Whole Website
A visitor to your website is there to solve a particular problem, he or she has not pitched up at your virtual doorstep because he has fallen in love with your site and wants to scroll around it all day.
So your overarching aim must be to provide a journey from your landing page to the solution to your visitors particular need with the mimimum fuss and distractions.
Visitors to your site may have arrived there by a variety of ways:
- Via a search engine.
- Through email outreach.
- Use of advertising etc.
Depending on the details you may require differing landing pages that are dependent on the route by which your visitor has arrived.
Draw up a plan for your pages and content. On a spreadsheed list your pages and summarize the content to go on each page.
Mobile First – What Content will you need?
Smarphone screens are relatively small and users are usually browsers so verbage is out and concision, brevity, laconicism, or conciseness is in. Keep it short and to the point.
The next step would be to use something like Giffy to sketch out page layouts for both smartphones and desktops, including elements such as headers, footers, content areas and navigation
- 10 things to do before starting your website by Moonfruit
- Brackets A modern, open source text editor for your web design.
- Dummy Text Generator
- Gliffy Diagram Software Team
- Is your web page mobile-friendly? By Google
- Mobile-first web design. Why is it important in 2020? by JustCoded
- Responsive Design vs. Adaptive Design: What’s the Best Choice for Designers? By UxPin
- Responsive Websites: Setting the CSS Viewport Meta Tag 08/08/17 by bitdegree
- Should My Online Store Be Responsive, Adaptive, or Mobile First? By VenturaWebDesign
- The Best 8 Free and Open Source Diagram Software Solutions by Goodfirms
- Why mobile first design is the only 2019 strategy that will work 05/0319 by SearchEngineWatch
- Your First Multi-Device Site by Google Developers
- The Bootstrap 4 Bootcamp. Learn to build beautiful responsive websites with the latest Bootstrap version (4.1.3), Flexbox, HTML5, and CSS3!
- Web Design Responsive Website Template from Scratch HTML CSS
- WordPress Theme Development with Bootstrap