Landing Page UI Design I

UI website - 1

This is a design made by Kazana (KDesigns) it has designs for different devices including Desktop, Tablet and Mobile Phones and the landscape mode of mobile phones to show the responsiveness, the design has an indicator legend screen for the design (For Desktop) with typography and color scheme. The desktop version has some animations but the remaining devices have no animation and fortunately includes the XD file, you can play with the file.

The UI has following parts:

Menu

• The menu has a logo and menu links with a shopping bag icon that indicates the availability of store.

• One button has a different colour to indicate that it’s an active button and it is the same case for the other devices’ screens the difference comes to mobile phones both portrait and landscape mode where the menu changes into a hamburger menu.

Hero Section

• The hero section is made of a title that says “Make change through Design” but this title is cut by other description paragraph like “Make change through [...Paragraph...] Design”.

• Images with highlights of some services.

• Call to Action button.

Services Section

• Title of the section

• Description paragraph of the section to indicate what the services are about.

• Respective services with icons, Title and description.

Blog

• Highlights blogposts with titles, arrow icons and description.

Contact

Footer

• Newsletter column

• Footer links

• Social media icons (Links)

Navigation Side Bar