Meg Lewis

Intro to Web Design: Friendly Design for Startups and Small Business

This looks like it would convert. I would recommend using another color then the pink. It looks a little out of place. I think white would do just fine.

Hey Justin,

I thought the circle icons were the navigation for the page. 

One suggestion that I do have is to make use of transparency. This will allow you to show more of the background images. When the user hovers over the circle icons they would become 100%/solid. 

Hi Justin! I think you're off to a really awesome start. I think this is coming along nicely. Here's a few things I'm thinking:

1. I love the giant photo. It would be really nice if that giant photo could change on refresh to another photo. Perhaps it varies between 3-4 images? That would keep the page interesting while highlighting various aspects of NOLA's nightlife or events!

2. From what I can tell (the image is small, not your fault!) it looks like you went with a flat button style for this design. That is completely fine! However, since the button is flat it makes those circular icons look like they could also be buttons. This is simply because they are so large and they are independent of one another. I'm not making a specific suggestion here, I just thinking users may try to click on them just to see what happens. Maybe something does happen when the user rolls over them. Tooltip showing a sample event, perhaps? There are a lot of possibilities here.

Meg, thank you for the feedback. 

This actually gives me a few ideas on how to make it flow better. 

I think I will rework the sections in the book so they look less like buttons. 

Hey Justin! Excited to see some edits. Take your time, I just want a chance to give you some more feedback before the course ends. We have plenty of time though!

I run an online magazine called InvadeNOLA. Its a daily blog featuring the awesome people, places, and projects in our city. We have a pretty simple blog theme, but I'm trying to teach myself more about creating specific landing pages.
Specifically this is a landing page giving more info about an upcoming book we're creating called THE INVADER'S GUIDE TO NEW ORLEANS.
Went through a few variations, but I think this is the best one:
<img src="http://s3.amazonaws.com/skillshare/uploads/project/3553a4486e5875a46edf26948709fa6a/1bd931cb" alt="The Invader's Guide to New Orleans - image 1 - student project" srcset="http://s3.amazonaws.com/skillshare/uploads/project/3553a4486e5875a46edf26948709fa6a/1bd931cb 600w, http://s3.amazonaws.com/skillshare/uploads/project/3553a4486e5875a46edf26948709fa6a/1bd931cb 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy">

Company

Community

Teaching

Mobile