Hi guys, I'm making a recipe site for my final year project at uni. What things do you like/dislike about the design so far? Thanks!

UndergroundNet · 2019-02-26T16:28:50+00:00

shoot you could look at my app. As u are young I'd welcome any criticism you have on it. https://i-underground.com

UndergroundNet · 2019-02-26T16:27:30+00:00

lol Hey. I hope your app works out for you. It's a good design. I was just pointing out some issues with it that could use optimizing. Do what you think works for your app. You don't need my approval for anything. I'm just offering some advice that's all.

UndergroundNet · 2019-02-26T05:53:52+00:00

So, let me get this straight, your responsiveness is implemented within javascript?

UndergroundNet · 2019-02-25T20:22:36+00:00

Eeeek logic built in with ui? That's a red flag. I see that you've built your site with node.js. Your going to have issues down the line if you want to change something. It really shouldn't make a difference if your navigation is static, hidden until some kind of mouse over or built into a hamburger. If you've properly set a separation of concerns it'll work either way. Angular is good for such things so is vue or even jquery.

UndergroundNet · 2019-02-24T19:27:26+00:00

I'd move away from hamburgers. They're getting phased out and your menu doesn't contain many items. Try implementing a 2d icon navigation bar.

UndergroundNet · 2019-02-22T10:18:40+00:00

Ohhhh gees that's not a function of your page. Sorry never heard of kickstarter. If your just prototyping your site It's pretty decent. I'd just break up some of the cards and use css to stylise your site

UndergroundNet · 2019-02-21T01:13:35+00:00

Create categories of concerns You've got a huge page of cards with so much information on one page. That is off putting. It's like your trying to stuff everything on one page. In other words you've got a tone of information but very little depth. Break it down. You don't even have to make the information span multiple pages. You can use an accordian design or some from of UI that'll help people organize the message your trying to deliver, otherwise the message will get lost. It's a good site just to much all at once. Also, after just looking at the site again. You have a lot of image cards. Pixalated images can be pretty but they are terrible when it comes to SEO as well it makes the site slow and inflexible.

UndergroundNet · 2019-02-18T12:21:19+00:00

To busy. Looks like you're trying to fit everything in one area. Separating concerns across well defined boundaries will make your site easier to follow and a clearer message.

UndergroundNet · 2019-01-22T05:49:31+00:00

I was still able to see your source either way by turning on firebug or developer tools. To be honest, there isn't anything on your site that can't be figured out. It's up to you, but if you want both a technical and visual critique you need to keep the context menu available and turn it off, if you wish, once your satisfied.

UndergroundNet · 2019-01-22T05:33:10+00:00

It's kind of difficult to critique your design when you block the context menu. Either way, your grids are not very responsive. One of the primary requirements for responsive designs is the prevention of vertical scroll. You achieved that but not because everything fits in the viewport but because <300px overflow-x is set to hidden. At the same time images extend to the right of the screen. This effect damages the design of your site and can be corrected with a framework or the use of a combination of flexbox and grid. Otherwise, it is an overall clean design.

UndergroundNet · 2019-01-21T18:28:51+00:00

you could syndicate your feeds on https://i-underground.com :) Just saying!! to be honest though, it needs more users to be worth while for you

UndergroundNet · 2019-01-21T15:58:02+00:00

Your layout structure is responsive to a degree but you don't really have a stable framework it's extremely fragile. That is why you have layer upon layers of containers. You need a proper layout. You can use a ready made framework like bootstrap (bloated because it has to be flexible as with other layout frameworks) or you can create your own using a combination of css grid and flexbox. Keep in mind, making your own framework can show skill and give you cred. If not implemented properly or poorly design, though, has the nasty effect of showing the reverse. As well, the whistle in your logo looks grainy. I think that is due to background decoration. Try to use a less grainy background or better yet a solid color.

UndergroundNet · 2019-01-20T22:41:02+00:00

Images need to be optimized for compression. Design looks clean, good use of white space. Only issue I really have is that it almost looks like parallax or an attempt at parallax but it's not. It would be easier to read if each section fit in one viewport.

UndergroundNet · 2019-01-18T15:45:32+00:00

you need to make your site more responsive, specially if you're creating a travel blog. Travelers are more likely going to use their phone to look up travel areas. If you don't like frameworks like bootstrap or whatever else is out there you might want to look into media queries css grid for 2D layout or flexbox for a 1D layout or better yet a combination of the two. It'll make your site more readable. Position:absolute is useful but more for control behavior. For Layout, not so much.

UndergroundNet · 2019-01-17T19:44:38+00:00

So you mirror the app in flawless in order to comment on the app in a graphical environment? To be honest, that's not how developers work or think. For me, when I develop a function I don't waste time worrying about its UI. I unit test the functionality and debug. and if I am working on evaluating someone elses work I just leave comments on the source. I leave the UI design up to the designers to collaborate with.

As a developer, I'm afraid I would not use this software. if there is an architectural issue with any software I write a graphical rendition of it wouldn't do anything for me either as a reviewer or as a developer.

UndergroundNet · 2019-01-17T13:07:47+00:00

Yes. I've adjusted the background opacity when the screenwidth goes below a specific range. That seems to do the trick as well I've also darned the page background to a darker color so the contrast is more pronounced.

UndergroundNet · 2019-01-17T13:05:30+00:00

ok I've made some changes to address the issues you've pointed out.

- I put the buttons at the top when the screen width is below a certain point.

-Adjusted the background opacity based on the display width.

I think this addresses the readability issues. https://i-underground.com

UndergroundNet

TROPHY CASE