04 Landing page

On Day 4, my assignment involved creating a Landing page. I chose to design an event registration page and sought inspiration. Ultimately, I found the Figma Config page to be exceptionally well-designed, and I decided to model the core idea for my design based on it. Additionally, I requested ChatGPT to generate text for an event organized by a sustainable design company. I successfully designed both mobile and desktop versions, although the process took an hour longer than initially planned. Although I intended to create an interactive prototype, time constraints prevented me from completing that aspect for the day. In the upcoming days, my focus will shift towards building simpler assets and honing my skills in motion design.

Here is a detailed version of the landingpage layout:
Hero Banner:

  • Large banner featuring a captivating image or video representing sustainable design.

  • Clear and concise event name and date.

  1. Section Dividers:

    • Use subtle eco-friendly patterns or lines to separate different sections.

    • Ensure each section has a visual identifier (icon, color, or image) related to sustainability.

  2. Speaker Section:

    • Grid layout with circular or hexagonal frames for speaker photos.

    • Consistent spacing for a clean and organized appearance.

  3. Registration Section:

    • Prominent and inviting registration button with a contrasting color.

    • Use icons or images related to the registration process.

  4. Footer:

    • Social media icons with subtle hover effects.

    • Copyright information, privacy policy, and terms of service links.

 
Previous
Previous

05 On-boarding screens

Next
Next

03 Login page