Freelancer: viannie
Jaa:
Tee ilmoitus työstä

Category styles

I tried some styles for category box based on your instruction file. Category details show on hover. Please give feedback. Thanks.

Kilpailutyö #20 kilpailussa                                                 Design Homepage or Landing page (simple, just need a good idea)

Julkinen selvennystaulu

  • viannie
    viannie
    • 7 vuotta sitten

    Done: thin line under group names, separate first row, add space between sub categories, change 'see more' style. Don't worry, all are in separate layers so you can easily move or change any elements' style. https://www.dropbox.com/s/0hl3df69bv6e9i8/ex.jpg?dl=0

    • 7 vuotta sitten
  • zimirus
    Kilpailun järjestäjä
    • 7 vuotta sitten

    Also, we will likely go with category names in the middle of the picture. Not sure yet. Is it going to be easy to change the way you'll have files set up?

    • 7 vuotta sitten
  • zimirus
    Kilpailun järjestäjä
    • 7 vuotta sitten

    Hi, I meant the column where we have the names of the groups, i.e. Better Your Body, etc., that column is a bit too wide and the actual menu with images looks squished because of that. I like pg. 4 (line in the middle), lets do that one, but make lines thinner like on pg. 5. Overlays are good. Make sure the files is multi-layered, so we can change the colors and ratios of everything. A couple quick changes: 1. lets separate in the first group: Fitness vs. Health vs. Beauty. Under Health we can put "develop dietary plan", "massage". 2. Add even more separation between sub-category rows, more space between Math, Science, etc... 3. Let's make "see more..." stand out more. Bold, add a shape for it, something that makes it different. Can also be always be at the very bottom of the square.

    • 7 vuotta sitten
  • viannie
    viannie
    • 7 vuotta sitten

    All done. Please have a look. https://www.dropbox.com/sh/5msalmvqnvnkrvr/AACarG3epHVjEcDE3VIE8Y5Oa?dl=0

    • 7 vuotta sitten
  • viannie
    viannie
    • 7 vuotta sitten

    Hi zimirus. "The right side with group names, make that white space smaller, it takes up too much of the page right now." --> which white space?

    • 7 vuotta sitten
  • zimirus
    Kilpailun järjestäjä
    • 7 vuotta sitten

    For overlay, I like row 2, cell 2. Lets space out the sub-categories more. Right now, with a quick look, it doesn't necessarily look like a list of sub-category selections, but seems like description of the category

    • 7 vuotta sitten
  • zimirus
    Kilpailun järjestäjä
    • 7 vuotta sitten

    Underline group names on the left with row 2 cell 1 and 3 and a thin version row 3 cell 3. It would be easier to choose once put together. Yellow in thin might not be as easy to see.

    • 7 vuotta sitten
  • zimirus
    Kilpailun järjestäjä
    • 7 vuotta sitten

    For the static menu, lets make sure we have the ability to move category names to the middle of the image. The right side with group names, make that white space smaller, it takes up too much of the page right now. For Home Improvement, lets just show an image of the house somehow without the worker. Other pro services - can be an image of a guy in a suit and tie or something like that, but do not show the face. For custom tasks, yellow square is good!

    • 7 vuotta sitten
  • viannie
    viannie
    • 7 vuotta sitten

    Please decide style for overlay layer among these examples. https://www.dropbox.com/s/v03vbsytwzmkun9/overlaypreview.jpg?dl=0

    • 7 vuotta sitten
  • viannie
    viannie
    • 7 vuotta sitten

    Some group styles for you to choose https://www.dropbox.com/s/xk7z39cce5onbmd/groupstyles.jpg?dl=0 but in my opinion, the current white background with grey border looks cleaner.

    • 7 vuotta sitten
  • viannie
    viannie
    • 7 vuotta sitten

    Please have a look and clarify any changes you want. And give me general idea to choose picture for the last 2 categories since I don't know their details info.

    • 7 vuotta sitten
  • viannie
    viannie
    • 7 vuotta sitten

    https://www.dropbox.com/s/o5g8c1kn4c880ic/finalpre1.jpg?dl=0

    • 7 vuotta sitten
  • viannie
    viannie
    • 7 vuotta sitten

    I'll make it done asap and send a preview.

    • 7 vuotta sitten
  • zimirus
    Kilpailun järjestäjä
    • 7 vuotta sitten

    4. For the row name (example "Better your home") keep the background white (adjustable if needed), but underline it with the relevant color as in the dropbox link above. 5. Make the file layered, so, if we want to, we can adjust design to create images like in row 1, cell 1-3. Is this doable today?

    • 7 vuotta sitten
  • zimirus
    Kilpailun järjestäjä
    • 7 vuotta sitten

    After seeing these variations, it is clear to me that too much color is overwhelming, but I really like your approach and I know what to do now! Directions for changes: 1. Lets use example in row 2, cell 2 (no colors). and put the name in the middle of the image. Choose only one font, white or black, so the images have to be lighter or darker accordingly. example: www.proreferral.com scroll down to menu. 2. For the first row you correctly focused on the images showing BODY. in the second row images should focus on mind/spirit, in the third on the home. 3. For overlay lets use example row 4, cell 3, but keep a slight border between white and background and eep all words centered and font black, example on overlay: https://www.proreferral.com. ... but underline with title with color (green in case of BODY), example: https://www.dropbox.com/s/j55jumog7802wv5/Untitled1.tiff?dl=0. Use the similar colors for green, blue, etc as in the example.

    • 7 vuotta sitten

Näytä lisää kommentteja Käsitellään...