BACK
Type
UX/UI
Keywords
Background
VOICE of AI is the worlds top event for all things conversational and generative AI. We bring together the worlds leading thinkers for automating code writing, customer service and content creation.

Before Design

requirements & problems

"We have an existing site and successful event previously called VOICE Summit. However, with the shift in the market to Generative AI, we are updating the site to live at VOICEOf.AI and we're going to rename the event VOICE of AI. The tagline will be "Learning the Language of AI" and we'll cater to all those who are transforming products, services and creation leveraging generative AI."

"This should be a very strong and appealing home page for a major tech conference at the cutting edge or AI."

"Try to reuse the VOICE logo AND incorporate the "of AI" of the updated event name/brand in a very prominent way in the logo lockup. Would also love to see the "Learning the Language of AI" in the header."

‍

design points

  1. The info architecture is not fit for a conference
  2. A better hero section with impact
  3. The reason section should be more easy to read
  4. Community section needs to be more simple
  5. More CTA buttons for business leading

‍

About Design

  1. Navi. Bar - I adopted the design style of frosted glass for the top navigation bar, which can better show the images at the bottom. Can be hidden during page scrolling
  2. Hero session - The image of the whole Hero session is generated by the midjourney AI engine and the result of my post-processing. It has a strong impact, and on the basis of a good integration with the title "Learning the language of AI", it can catch users' attentions.
  3. What is VOICE - Here I change the layout to enhance the data. I want them looks like part of Hero section to lead audiences’ attention
  4. Reasons - I used a cleaner Layout and minimalism pattern to show the reasons, which will be more friendly for responsive layoutAlso, the overlay style could have a nice animation after developement
  5. Companies - Here I changed the layout of LOGOs into 2 rows. And I recommend carousel for auto playing
  6. Community - Here I redesigned the whole section by reusing the shape of ‘O’ in ‘VOICE’. I think this is a good way to show that VOICE is a place for everyone to have their own voices

‍

‍