First I apologize if this is innapropriate for this section, but i couldn’t find a place that would quite tailor to what I needed.
So, like the title says, i had a job interview where the objective was to make a landing page with html/css. I had 2 days.
And all i want to know is, if I failed pretty hard, because I haven’t got an answer, and I know the file’s been received. (and the person who i was talking with was quick with his replies, so i’m assuming i must’ve screwed up )
It’s very frustrating – failure is all part of the process but i’d like to know if there was something ‘terrible’ about it that I should’ve definitely avoided.
Here’s the specifics i had to fulfill.
— all text should be selectable texts and should be styled close to the design (but not necessarily pixel-perfect);
— responsive/mobile adaptation (blocks/columns orders are up to you);
— all images should be considered to be of minimal acceptable size (if you will not get it, just skip));
— hero section should be 100% of desktop window height;
— hero image should have some scrolling effect.
After a reply he threw this one:
– Also with pattern background and last section(scrollin effect): background could make things look nice if played around.
and here’s the site:
landing page example
and here’s what I did
I know what some of my shortcomings were.
It’s not very mobile responsive. It’s “ok-ish”.
some of the text was not close to the original design. Specifically the 2nd panel bit, where there’s words randomly thrown around. I just didn’t think it was that important, left it for last, time was running out and I just had it sent as it was.
the image backgrond files are kinda massive, but that’s exactly how they were handled to me in the .psd file.
And I think that’s it.
I used sass(not very well, but I did) and bootstrap, I should’ve asked if that was a problem, I guess. It might’ve made the only css file very messy, but you know I assumed he could’ve just as easily gone through the .scss files. In the end, i really have no specific idea what was the ‘red flag’.