Overview
The creative brief I was given stated that we needed to showcase what episerver offers the client and update the look and feel of the website so it is a little lighter which would also help us showcase our design capability. It was a quick deadline so I only had a day and half to work on two templates with their mobile versions. I was in charge of putting together the design and was working with our VP of design for any feedback and direction. I had the existing site as a reference and a set of wireframes that provided some guidance as to what episerver can do.
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/945ebf5ddf7b417bf2dd14f2a32b5363/0e85b302-2372-4206-ae55-717722dc6585_rw_3840.png?h=68d036bd53ae8e452796e06cdc565343)
Desktop & Mobile version of the homepage
I started working on this by doing some research and spending some time browsing their existing site and taking a look at their social media channels to see how they address their clients. Once I felt I had an idea of who they are, I started sketching out some ideas that I had.
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/945ebf5ddf7b417bf2dd14f2a32b5363/d1ac17db-137b-4165-a2dc-48a315ff3afe_rw_1920.jpg?h=b5044bae9d6d9ef37bf68be64c14693f)
After a couple rounds of sketching, I had a pretty good idea of what to start working on. The next step was to take my rough sketch and start working on visual comps. I spent some time gathering inspiration and got started in Sketch (the design tool, not to be confused with paper sketching) where I explored a few different directions. Once the layout was done there, I reached out for some feedback.
And the final result...
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/945ebf5ddf7b417bf2dd14f2a32b5363/93c9d862-fd58-48af-b53a-5376acf99c58_rw_1920.png?h=b560e7cce5a9385db043008d1f4ea9fd)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/945ebf5ddf7b417bf2dd14f2a32b5363/7fe97efe-f9da-4f1b-9c52-3691888fd4d8_rw_1200.png?h=902cc66d2833d5e30c740c12065d85ed)
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/945ebf5ddf7b417bf2dd14f2a32b5363/e1aa2c35-ac15-43ae-82df-43b490de8e15_rw_1920.png?h=01abd65060ab35dc9b1806a33e687273)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/945ebf5ddf7b417bf2dd14f2a32b5363/1ab945b2-3bed-4abb-b3c2-0ca8baad4ff2_rw_1200.png?h=f30b284d09999a977a43362c63358e59)