![sharethumb2.jpg](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1468020479794-KD6UZ31P60VR19GOROLV/sharethumb2.jpg)
company website
I was given the project of creating the company website for the interactive agency where I worked. Such a humbling challenge to be able trusted with!
![purpl.jpg](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472583117622-OAFNHHVIZU3BIKIBVFVB/purpl.jpg)
![process1.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472589497876-CY4ZZ3C3OX5Z3JFP3JQ3/process1.png)
![process2.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472589498486-AWYHAIY2DPCPVSUS3WA3/process2.png)
![design planning](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472589515540-KDPZPYSC2DQ3XHDZ9981/wireframes.png)
design planning
Prior to designing out the pages of the website I first did a phase of planning. This involved mapping out the intended website structure along with the proposed content for each page. After that I did several rounds of wireframes to explore layout possibilities.
![wireframes2.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472589515835-D68MNO0TCI1UHBLKN4JI/wireframes2.png)
![wireframes_.jpg](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472590433473-8G017OQFTYORJAPOFU02/wireframes_.jpg)
![defining & applying the Share brand](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472584734266-J8NVEIF6PH2JQ4MABJ9K/Devices%26Icons-03.png)
defining & applying the Share brand
During the website design process I was also defining what the overall company's brand would be. I wanted the brand to be very image heavy to convey the company culture for people centric work. In order to get the right look and feel I was going for I ended up spending a good bit of time behind a camera trying to capture the company environment in a creative way. I also put together a lot of footage to be used as moving backgrounds throughout the website.
![home.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472584721263-2H9BL7LHRI8BJOQOJ7NX/home.png)
![AboutUs.jpg](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472592042188-KU3AF7JVDJ47NQ2K4D8S/AboutUs.jpg)
![contact.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472586476560-KPT3HB99H66535XJ85XY/contact.png)
![Share's portfolio](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472586395472-KPTSWFWMJL9ZNE90TAVC/home2.png)
Share's portfolio
At Share Interactive we would often craft multiple digital solutions for the same client. This influenced the way the portfolio of work was laid out. Pages were divided up by client. The reason for this was so that new clients and visitors to our site would see that our team was capable of coming up with a whole portfolio of digital solutions and not just focused on providing only one type of service.
![projects.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472586401203-7FEKWF8OJS2VSQ4YTURV/projects.png)
![allPosters.jpg](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472583058832-6PQ1MTIKIQR6TSZ3PPSG/allPosters.jpg)
![responsive.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472679334444-JHCOM3PBEZV3H1J9Z5JY/responsive.png)
![sonoaccess.jpg](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472592410693-HZTAMA5GQXZIJ48WGQNX/sonoaccess.jpg)
![projects2.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472591627361-M6YOQ4IKDLXJYJR4O5Q2/projects2.png)
![responsive2.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472679338960-RFQWWXAYNN4JBH6ZW492/responsive2.png)
![engaging content](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472591996567-MP6Z2KPMJDOP8TCS12HW/Microsoft.jpg)
engaging content
When designing out each project page my goal was to make every bit of work that we had done for the client stand out through the use of large full width imagery. This was also a design feature that united the portfolio of work to fit within the Share Interactive style.
![projects3.png](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472591632190-376GRFM2NONCCZ41OQY1/projects3.png)
![green1.jpg](https://images.squarespace-cdn.com/content/v1/560c7cf1e4b0bab0493af2ef/1472592457913-IR3FHPFV68GL68GUHWAW/green1.jpg)