36 comments

  • Joel CalifaJoel Califa, 5 years ago

    Would definitely be considerably better with a different serif, but I dig it a lot!

    4 points
    • Elaine LeeElaine Lee, 5 years ago

      :D Yes! There are definitely some really nice serifs that I would love to use instead. Wanted to see how the classic Times New Roman holds up. And if people notice that it's Times New Roman when used like this. Thanks for the feedback.

      0 points
  • Elaine LeeElaine Lee, 5 years ago

    Update: I am tweaking my site as feedback are coming in. Thanks!

    2 points
  • Surjith S MSurjith S M, 5 years ago

    Really nice and straight to the point.

    You might need to fix this weird Firefox issue (Win 8.1 64 bit Moz Latest) http://cl.ly/471v10261z10

    ~Surjith

    1 point
    • Elaine LeeElaine Lee, 5 years ago

      Thanks for finding that. I couldn't recreate it, but I realized I don't have the same machine. While in firefox I did find a bunch of width issues on the images when the screen is small.

      Fixing these now.

      Were there other issues you've found on Win 8.1 64 bit Moz Latest? Thanks!

      0 points
      • Surjith S MSurjith S M, 5 years ago

        Hello,

        Changing the "overflow" property from the below code causes the issue. Either removing or changing the value to "auto" fixes the issue

        .nav-links { display: block; overflow: scroll; ... }

        No other issues found.

        Cheers, ~Surjith

        1 point
  • Travis TerwilligarTravis Terwilligar, 5 years ago

    I like that you're bucking some trends with your portfolio. The animated gifs helped tell the story and I like that a lot. Overall, feels like you've got some strong experience and you've done some great design work.

    I did experience a few usability issues, which I found using my phone: I didn't realized the large green block below your intro paragraph was navigation. On mobile the hover effect doesn't work, so I just thought it was a list of your work experience. Also, on mobile I didn't realize the header menu would open up your nav. Perhaps indicate that it's a menu to make it a bit more clear? Also, I read the first case study (which was nicely done btw), but then I started skimming, just looking to see what other type of projects you worked on. While skimming through the various projects, I got a little lost because the sections kinda ran together. Maybe add a little more contrast from one section to the next?

    Anyways great work!

    1 point
    • Elaine Lee, 5 years ago

      Great feedback. I'm working on making the nav more intuitive. Yeah, the background that separates each section is a bit subtle. Will figure out how to indicate the end of one section and the beginning of the next.

      Regarding the block on mobile, thinking on the spot, maybe it's not necessary if the sticky nav is more intuitive.

      Thanks Travis!

      0 points
  • Chris Johnston, 5 years ago

    I like the clean design and don't mind the scrolling, but I have no idea what you do or what skills you are trying to sell. Are you designer, are you a front-end developer? Also, for each portfolio piece, there are a lot of words and I am not sure what your contribution was on each. Overall, I think the design is there, but it is lacking focused branding and a central marketing message.

    1 point
    • Elaine Lee, 5 years ago (edited 5 years ago )

      Got it. I am a designer, but I do work in code more recently. In my old portfolio, I explained in too much detail about my role as a designer and felt that perhaps it was redundant. It seems that the theme from the feedback is that I may have removed too much about me being a designer. Will refine. Thanks!

      1 point
  • Vici ShaweddyVici Shaweddy, 5 years ago (edited 5 years ago )

    I love the clean design and the classic font. The content looked great too (even though I haven't got a chance to read the whole things).

    My feedback:

    • As someone mentioned the fixed navigation bar might help a lot especially a user needs to scroll down to see your projects. ( I just realized you have a navbar but I didn't notice it was a navbar lol maybe adding a menu icon so it won't look like a header).

    • This might be a preference but I think having a separate page for every project can be helpful for people who don't like to scroll so the page will be shorten. It's a long page honestly. Imagine the experience on mobile site.

    • Make sure your "contact me" is also visible (not having a user to scroll down until the end of the page).

    Overall I like it! Good job! :)

    1 point
    • Elaine LeeElaine Lee, 5 years ago

      Yeah, I was going for the scroll page so people don't need to decide on what to look at next, but wanted the navigation to give you the option to jump to another project.

      Perhaps making the nav a bit more apparent will help with that. I also wanted to figure out how to snap to a new section when someone scrolls down so the ending to each section is a bit more apparent.

      thanks for the feedback!

      0 points
      • Vici ShaweddyVici Shaweddy, 5 years ago

        another two cents, having different background colors on each section can make a big difference too if you want users to know that they are in different projects.

        0 points
        • Elaine LeeElaine Lee, 5 years ago (edited 5 years ago )

          Agree, perhaps I was being too abstract with the language "Say Hi" as contact me. Since anyone reviewing my portfolio would need to find this information quickly, I've changed in the nav "Say Hi" to "Contact me" so there's no ambiguity. Thanks!

          0 points
  • Shawn Semmes, 5 years ago

    Really nice work and great site, however your intro paragraph left me confused. I wasn't sure what you were talking about or who you were. It starts to make sense by the second or third paragraph but I would work on the introduction.

    1 point
  • Ray MartinRay Martin, 5 years ago

    I've always had a weird affinity towards Times. Good work!

    1 point
    • Elaine LeeElaine Lee, 5 years ago

      Thanks! Times New Roman used at certain sizes doesn't remind us of the font we try not to use in our Word doc. I also like Garamond.

      0 points
  • Gabriel GarridoGabriel Garrido, 5 years ago (edited 5 years ago )

    This is really refreshing! I'd be nice if you could still have some navigation around to check between the different projects instead of having to scroll back top. Otherwise looks great!

    What software are using to create those user flows?

    Edit: I just noticed you can click the top bar and see the navigation. :P All good.

    1 point
    • Elaine Lee, 5 years ago (edited 5 years ago )

      Thanks Gabriel. There's a sticky nav on top that slides down when you scroll down the page. Was that working for you? And if it is now working, is it intuitive?

      0 points
      • Gabriel GarridoGabriel Garrido, 5 years ago

        Haha I just noticed it, but yes not so intuitive. Maybe add a signifier?

        0 points
        • Elaine LeeElaine Lee, 5 years ago (edited 5 years ago )

          Got it. Oh, also I used Sketch to create the flows. But, I wouldn't say it was the easiest. Surprisingly when I was creating a pitch deck in keynotes, I realized it was pretty easy to create flow in there.

          Which other applications do you use to create flows?

          0 points
  • Jonathan ShariatJonathan Shariat, 5 years ago (edited 5 years ago )

    Looks great, and awesome work! Wow!

    My feedback: At first it seemed you were a programmer or something I was a little confused. The bot is a really cool project but I was a bit confused. I know you are many things but the description up top didn't help set my expectations.

    Hope that helps!

    1 point
    • Elaine LeeElaine Lee, 5 years ago

      Ah, got it. Thanks so much for the feedback. I was using the top area to show a snippet of my experience or what I'm working on. Perhaps need to indicate I'm a designer better?

      0 points
    • Elaine Lee, 5 years ago

      "Founding team designer building a personal bot..." How's that?

      0 points
      • John Moore Williams, 5 years ago

        "Founding team" bit confuses me — which founding team?

        0 points
        • Elaine LeeElaine Lee, 5 years ago

          The team that found the startup. Any suggestions on how that can be rephrased? Thanks John.

          0 points
          • John Moore Williams, 5 years ago

            Sure thing, Elaine. Maybe: "Founding-team designer at Large, building a personal bot. Former product designer at Assembly and General Assembly. Got into product design via psychology, advertising, and hacking at whatevers."

            1 point
            • Elaine LeeElaine Lee, 5 years ago

              Great! Thanks for the copy suggestion.

              0 points
            • Elaine LeeElaine Lee, 5 years ago (edited 5 years ago )

              How's this? Lead designer on the founding team building Large, a personal bot. Previously designed for Assembly and General Assembly. Got into product design by way of psychology, advertising, and hacking at whatevers.

              1 point
  • David McGillivrayDavid McGillivray, 5 years ago

    Some feedback: — Copy writing needs work - it reads as an awkward mix of statement-like notes, and flowing prose within the paragraphs. Choose a style and stick to it.

    — I love the navigation bar, it's brilliant. (although is the plus meant to rotate fully so it's an X? - at the moment it's off-kilter)

    — Having the 'Large' bots project first is very confusing. Think about the flow of the projects as a narrative, think about it through the lens of a first time visitor that knows nothing about you. And also imagine that people are skimming the copy on your website, because they are. The visuals you display look complex and overwhelming, and do not provide a concise visual snapshot of what you do. Which is the purpose your first project needs to serve. I understand it's a complex concept to successfully communicate visually, but I think you need to find a different approach, or not have it as the first project people see when they scroll.

    — very confused what the 'office manager tech stack' thing was.

    — The display of screenshots mostly in grids feels very flat. There’s also no real visual rhythm to any of it, and that's an issue for a page that long. The grids of thumbnails make it very un-inviting, and visually very fatiguing. With a long scroll page like this you just have to work harder to present the work otherwise people will get bored/lost very quickly. While I know a designer designing their own portfolio is immensely hard, if potential clients/employers struggle as much as I did to digest your work, that will tell them all they need to know about you as a designer I’m afraid.Some of your actual work doesn't look that bad, but you're doing it a disservice presenting it this way.

    — A lot of the text sits far too close to the thumbnails, creates a very awkward tension, and not in a good way. Just needs more finesse.

    — Break the ‘Contact Me’ out visually from the projects, it’s a totally different thing, it shouldn’t look the same. If someone does see something they like, and then struggle to find a way to contact you, it’ll rightly be a massive red flag for them.

    — Respect the click-bait headline with Times New Roman. :) Don't hate the font, feels kind of purposefully naive which I think you were going for

    0 points
    • Elaine Lee, 5 years ago

      Thanks for the feedback David. Yeah, the X in the navigation was meant to be a little off-kilter. Regarding the grid, how would you display the screenshots instead?

      0 points
  • Laurens SpangenbergLaurens Spangenberg, 5 years ago

    I have lots of respect to Times New Roman as a typeface and the historical significance; although when I see Times New Roman used on a nice website, a small part of me keeps thinking that it's a bug that prevented a certain web font from loading.

    0 points
    • Elaine Lee, 5 years ago

      :D Yeah, I want to use Times New Roman purposefully to remove the stigma around it.

      0 points