14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

Feedback on Startup Website Design

by travisl
12 replies
  • WEB DESIGN
    • |
Hello,

I am looking for some feedback on my startups website that just launched in beta. I'm looking for feedback on the design as well as concept but I'm looking for suggestions to make improvements on the design as it ramps up into a full publishing platform!

Indivox


Thanks guys!

Also if you see anything that you like want to know how I did anything on the site in particular, I'd be happy to share it!
#design #feedback #startup #website
  • Profile picture of the author AprilMSU
    I love you made it responsive. Just one thing though... Put some margin or padding space once the text hits mobile screen size so that the text is not stretched/touching the side of the screen.
    {{ DiscussionBoard.errors[9193173].message }}
  • Profile picture of the author travisl
    @AprilMSU

    Yeah that's been bugging me as well. I haven't had the time to find a good workaround for it, but I really want images to be full width on mobile. Adding a padding or margin to the text also adds it to images and I think it looks worse.

    I'll find a way to do that though!
    Signature
    {{ DiscussionBoard.errors[9193269].message }}
    • Profile picture of the author savidge4
      the CSS cheat to fix this is to add a border.. something like
      Code:
       {
        border: 2px solid transparent;
 }
      Hope that Helps!

      Originally Posted by travisl View Post

      @AprilMSU

      Yeah that's been bugging me as well. I haven't had the time to find a good workaround for it, but I really want images to be full width on mobile. Adding a padding or margin to the text also adds it to images and I think it looks worse.

      I'll find a way to do that though!
      Signature
      Success is an ACT not an idea
      {{ DiscussionBoard.errors[9193346].message }}
  • Profile picture of the author travisl
    Thanks for the tip Savidge,

    It still ends up applying to everything in the content. I need the images to be 100% width (with no padding on the sides) and I need the text to have padding on the sides, so it's a little tougher fix.

    I think I'll end up having to edit the original php file (I'm using wordpress.)
    Signature
    {{ DiscussionBoard.errors[9193398].message }}
    • Profile picture of the author savidge4
      Correct me if I am wrong but you are trying to add CSS styling to:
      Code:
      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
      That is the whole ball of wax... you need to pinpoint the areas you want to change specifically. I am going to bet singling out 'caption', or 'article' or 'details' or 'figcaption' will do the trick for you. Once you know which element exactly, you can bypass the border option I stated above, and go with padding that specific element

      Hope that Helps!

      Originally Posted by travisl View Post

      Thanks for the tip Savidge,

      It still ends up applying to everything in the content. I need the images to be 100% width (with no padding on the sides) and I need the text to have padding on the sides, so it's a little tougher fix.

      I think I'll end up having to edit the original php file (I'm using wordpress.)
      Signature
      Success is an ACT not an idea
      {{ DiscussionBoard.errors[9193496].message }}
  • Profile picture of the author Anne Laidlaw
    You are off to a great start! Looks clean and loads good too.

    Anne L
    Signature
    Giant Plugin Biz High Quality WP Plugin Package
    WP Plugins Are Hott!! Claim Your Piece Of The Pie Today!
    Free Squeeze Page Creator - FREE Instant Access To Alou's Killer Squeeze Page Creator.
    Alou.com - Wordpress SEO - Latest free WordPress SEO, Plugins, Themes and more!
    {{ DiscussionBoard.errors[9193547].message }}
  • Profile picture of the author travisl
    @Savidge

    Thanks you so much for taking the time to look into it. You are looking at my CSS reset used for cross browser capability. my div for the content is called "the-content", in which I have it styled to fit on larger screens and media queries for smaller screens.

    And since you guys pointed this out I looked into it and just did a fix with this negative margin trick within my media query.

    Code:
    #the-content {
margin-left:7px;

}

#the-content img {
margin-left: -7px;

}

    So that was the fix. Thanks for helping out with that guys.


    I will be building to create a "great" version of the site where as now I see it as "good enough."

    Any suggestions on what to add?

    Thanks
    Signature
    {{ DiscussionBoard.errors[9193602].message }}
  • Profile picture of the author travisl
    @Anne

    Thanks for the comment. That makes me feel good, because I spent quite some time developing it, even though I know it still needs to get better!
    Signature
    {{ DiscussionBoard.errors[9193812].message }}
  • Profile picture of the author OpenAccessBPO
    It is good for a start up website design, You just have to resize the image for it to be look more impressive.
    Signature
    Call Center Philippines that offers voice, non-voice, & back office solutions from its Philippine operations site. Open Access BPO lets clients customize their outsourced services to fit their business' needs.
    {{ DiscussionBoard.errors[9193830].message }}
  • Profile picture of the author jmorris18
    Travis, what exactly is your concept? What platform are you using? Nice design with some minor changes as others have also suggested.. Good Luck. Wish you great success..

    Jason
    Signature

    Jason Morris

    {{ DiscussionBoard.errors[9194362].message }}
  • Profile picture of the author travisl
    Jason,

    The high level concept is it's a media publishing platform, with alternate monetization strategies that the norm, where users get votes to use on the things that they want to see.

    For instance we publish a bands music. Users like it and vote for it. We work with that band to produce more music, and we publish more bands like that.

    The media that is published will range from entertainment, to lifestyle advice through videos, infographics, articles, shows etc.

    We plan to offer more features as the world is shifting away from getting their content from traditional sources. You can check out the story on the site (link found in footer)

    Right now the site is built on wordpress.
    Signature
    {{ DiscussionBoard.errors[9194403].message }}
  • Profile picture of the author travisl
    @OpenAccess

    Which image are you referring to? The featured image on the homepage?

    Thanks
    Signature
    {{ DiscussionBoard.errors[9194405].message }}

Trending Topics