A college colleague reached out to me on LinkedIn recently, asking if I knew of anyone who would be interested in a Product Designer role at his startup. I was quite happy in my role, but having toyed with the idea of pursuing product design, I asked my colleague to send me the exercise prompt they were using to evaluate candidates.
Each user sees this screen ~2-3 times / week. We would like to redesign this page with the following goals:
Marketing should be able to add relevant content on the page to promote new features and customer webinars
There should be stronger LogRocket branding on this page
Users should still be able to log in / signup as they can today
Please propose a new visual for this page based on the above goals. Strive for the design to be as close to “pixel perfect” as possible.
I used color scheme, font, and copy from the main LogRocket website to keep the brand cohesive and consistent. In addition to the stated objectives, I wanted to make a few minor tweaks to the page. I emphasized the differences between the log in and sign up panels, so that users who see the page often can quickly identify that they’re in the right place. I added a password confirmation field for that reason, as well. Otherwise, the log in functionality has been kept the same as the original page.
*folio is a simple, portfolio+blog+personal landing page theme built for Jekyll, a static website generator originally geared for GitHub project pages. It was my first foray into creating themes—something I quickly found a passion for. The problem of creating something that works for many scenarios as simply and elegantly as possible is addicting.
For this project, I wanted to combine a personal blog with a portfolio page, and wanted two separate layouts for that. I also wanted a simpler listing for my poetry, which I was able to easily import from Tumblr straight into markdown entries for Jekyll.
I started with the original install of Jekyll, cleaned it up, whitened it up, and made the focus white space, subtle transparencies, and Helvetica.
When I first discovered Jekyll, I wasn’t quite sure where to start. In looking for previously established themes, I came across Single Paged. I really liked the layout, and appreciated the ease of choosing colors. I wanted to make it my own, though, so I used that project as way to get familiar with Jekyll.
I ultimately ended up using this template for my personal site, until I decided I needed several pages, for projects and writing and other things. This theme still remains one of my favorites.