The Brief
Design and host a website to showcase my videography and media production skills for friends and clients.
The Process
I started with developing a full cinematic sequence for my website masthead, which involved taking various shots with my camera equipment and applying various edits and color grades. I then proceeded with the standard product development process: Research, sketches, user personas, journeys and low/high-fidelity wireframes.
I then proceeded to make an Atomic Component library on Adobe XD and made a website prototype for mobile and web at various breakpoints.
After completing the design process, I worked with a web developer, and after various iterations, we hosted the completed site, which I currently maintain and update using GitHub/VScode.
The studio website is now live and can be viewed via the links below.
The Outcome
1x Studio branding document.
1x Fully prototyped Adobe XD file with Atomic Components.
1x 2 Min. Cinematic Teaser
1x Set of business cards.
1x Instagram Page - @studiosunlightdesign
1x Website - www.studiosunlight.design
![](https://cdn.myportfolio.com/d47696b0-e210-41f2-bb0d-3e873438e9b1/0116d898-6ced-45ea-ab5d-9dd8a8f71dfa_rw_1920.jpg?h=6bed56fd55116262e1028ba8637df459)
![](https://cdn.myportfolio.com/d47696b0-e210-41f2-bb0d-3e873438e9b1/5c6b8123-ba1a-4ce5-8e74-b2bcd473da60_rw_1920.jpg?h=c872f2519b1e2dfb565dc43c0ace55e7)
![](https://cdn.myportfolio.com/d47696b0-e210-41f2-bb0d-3e873438e9b1/67c1f4af-3513-46bf-977a-ba395e1fc358_rw_1920.jpg?h=42b7bae72a51f4957612126acd7b90ae)
![](https://cdn.myportfolio.com/d47696b0-e210-41f2-bb0d-3e873438e9b1/793aa4e5-c96d-43bc-9a2d-88de422c9945_rw_1920.jpg?h=8ba40e28f68460b1236da6b72bec1cde)
![](https://cdn.myportfolio.com/d47696b0-e210-41f2-bb0d-3e873438e9b1/12d357d9-8bf6-4879-94ab-62fb16396f2a_rw_1920.jpg?h=29b23cff97a096dc092c9c0f8be48d97)