Skip to contentSkip to footer

Frontend Designer Interview Questions

Salaries
Interviews

9 frontend designer interview questions shared by candidates

The next step in our process is this brief activity - we'll be looking at your code & your design skills. Please get it back my way by the end of the long weekend (I'll look at them first thing Tuesday morning). Let me know if that won't work for you, or if you have any questions. For a brief glimpse of this tool in organizer's hands, check out the teaser video at www.actionbuilder.org. The Activity This is a section from our actual app. We'd like to see how you can expand on the existing design in both look and function. 1) Code the screenshot. Don’t worry about the export, sort, and definitely not the toggles between the different views or the click to call/email/map an address functionality. We’re more concerned about the quality of your code. 2) Clicking on the drop down arrow should slide out that person's information. We'd like to see email address, phone, and physical address for each person. Feel free to use the same dummy information for each person. We want to see how you tackle this as a design challenge. What does that wind up looking like? Some key details: The font-family CSS stack is `proxima-nova,sans-serif`. Proxima Nova is part of Adobe Fonts, if you don't have access to Adobe Fonts please use Montserrat from Google Fonts. The icons are Font Awesome. (fontawesome.com) Make it responsive! Max width is 940px (this is just one column on the page, fyi). Please do not use any existing libraries or frameworks other than CSS resets and jQuery for event binding, and adding and removing classes. We want to see your ability to code and problem solve from scratch. When you're finished (should take less than 3 hours), please put it online where we can view it, upload your source to Github, and send the links back to us.
avatar

Frontend Designer

Interviewed at Action Network

Dec 1, 2024

The next step in our process is this brief activity - we'll be looking at your code & your design skills. Please get it back my way by the end of the long weekend (I'll look at them first thing Tuesday morning). Let me know if that won't work for you, or if you have any questions. For a brief glimpse of this tool in organizer's hands, check out the teaser video at www.actionbuilder.org. The Activity This is a section from our actual app. We'd like to see how you can expand on the existing design in both look and function. 1) Code the screenshot. Don’t worry about the export, sort, and definitely not the toggles between the different views or the click to call/email/map an address functionality. We’re more concerned about the quality of your code. 2) Clicking on the drop down arrow should slide out that person's information. We'd like to see email address, phone, and physical address for each person. Feel free to use the same dummy information for each person. We want to see how you tackle this as a design challenge. What does that wind up looking like? Some key details: The font-family CSS stack is `proxima-nova,sans-serif`. Proxima Nova is part of Adobe Fonts, if you don't have access to Adobe Fonts please use Montserrat from Google Fonts. The icons are Font Awesome. (fontawesome.com) Make it responsive! Max width is 940px (this is just one column on the page, fyi). Please do not use any existing libraries or frameworks other than CSS resets and jQuery for event binding, and adding and removing classes. We want to see your ability to code and problem solve from scratch. When you're finished (should take less than 3 hours), please put it online where we can view it, upload your source to Github, and send the links back to us.

Viewing 1 - 10 interview questions

Glassdoor has 9 interview questions and reports from Frontend designer interviews. Prepare for your interview. Get hired. Love your job.