Landing Page Design - Githubissues

colbycheeze commented 8 years ago

@Austinauth commented on Thu Aug 11 2016

Complete UX & Visual for Logistics Wizard landing page

Content incoming from @jakepeyser
Basic description of the app
Architecture diagram
IT components & services meant for showcase
Source code link (Global header?)
Entry flow trigger

Reference step 1 of the original experience diagram

@Austinauth commented on Mon Aug 15 2016

@kingtraceyj Did you need me to mock anything up for this?

@kingtraceyj commented on Mon Aug 15 2016

@Austinauth i think what ben did was a great start. i'll use that for the basis. we'll just need the content to fully design it.

@kingtraceyj commented on Mon Aug 22 2016

Attached is the comp of the landing page.

There are a few calls to action.

github source code link at the top
a button to try it live (is this possible or does anyone who uses it need to fork it and use it?)
a link to the wiki -- this needs some copy edits. should we call out that it's linking to git hub? jake suggested we could call it user manual or something along those lines.

any feedback would be appreciated!

lw_landingpage

kingtraceyj commented 8 years ago

@LRRoberts0122

here are the svgs. i need to add the computer/laptop/mobile image with updated screens but i'll get that to you today.

also, i attached a "legend" to help with the circles since they're so many and they're all different. map legend thing

logisticswizard_svgs.zip

Scribblets commented 8 years ago

Thanks @kingtraceyj

I started working on it. =)

@colbycheeze Started working on the styles for the global button thingie. It's looking pretty good. =) Still need to figure out how to pass some of the props - for example, classes, but overall, it's working pretty well? =)

Scribblets commented 8 years ago

I've been working on a few components over Thurs and Fri. Need to finish the header, but the other components are 'done' (mostly).

@kingtraceyj Still needs the updated computer image thingie.

Gonna finish the header and go over some things with Colby and finish up before making a pull request. Then, I have to hook up the routes so the root directory points here.

Scribblets commented 8 years ago

Here's an update of the Landing Page so far! There are still a few things to be done.

Need to replace the header BG image.
Need an image graphic for the Logistics Wizard section.

(There's still some refinements to be made, but it's coming along nicely, I think!)

Scribblets commented 8 years ago

Also, the Github Icon isn't there atm. I need to update to the SVG solution that @colbycheeze has in the refactored GlobalNav. =) Just making a note.

kingtraceyj commented 8 years ago

@LRRoberts0122

attached is a png for the header. i'm having issues exporting the svg with the correct opacity and i don't want to be a blocker. once we're both back in the office we can sit and figure it. in the meantime if you want to use a png this should work. i'm working on the other image! coming soon ....

landingpage_header

kingtraceyj commented 8 years ago

@LRRoberts0122 here's the last image lw_showcase

Scribblets commented 8 years ago

Thank you @kingtraceyj ^_^

Scribblets commented 8 years ago

@kingtraceyj Also, if you have an AI file, I can fix it. I think the opacity issue is because of the type of blend mode the circles have? At least that's my guess. I fixed it by giving it a similar blue color, and setting the opacity in Illustrator. =)

I know you're busy, so if you just wanna toss me the file, I can fix it. ^_^

IBM-Cloud / logistics-wizard-webui

Landing Page Design #3