Sinna Studios Website Design
Sinna Studios Website Design
Sinna Studios Website Design
The goal: Design a new site that is approachable, user friendly, and is appealing to their audience.
Tools: Figma, Illustrator, Photoshop, After Effects
The goal: Design a new site that is approachable, user friendly, and is appealing to their audience.
Tools: Figma, Illustrator, Photoshop, After Effects
The goal: Design a new site that is approachable, user friendly, and is appealing to their audience.
Tools: Figma, Illustrator, Photoshop, After Effects
The Process:
The Process:
The Process:
• Conversation with my client.
• Hear their goals and mission.
• Competitors
• Common Trends & Features
• Wireframes
• Moodboard
• Mockups
• Show our client the mock
• Test the website for issues
Discussion
Discussion
Discussion
Client Interview: Sinna Studios is a digital media agency to help grow businesses outreach and network.
Client Interview: Sinna Studios is a digital media agency to help grow businesses outreach and network.
Client Interview: Sinna Studios is a digital media agency to help grow businesses outreach and network.
Goals After Discussion
Goals After Discussion
Goals After Discussion
Website Design
Website Design
Website Design
• Approachable but energetic websites
• Interactive and creative
• Have the user easily contact through the site.
• Approachable but energetic websites
• Interactive and creative
• Have the user easily contact through the site.
• Approachable but energetic websites
• Interactive and creative
• Have the user easily contact through the site.
Website Responsiveness
• Ensure the website speed is quick.
• Animations are responsive
• Accessible for both desktop and phone
• Ensure the website speed is quick.
• Animations are responsive
• Accessible for both desktop and phone
• Ensure the website speed is quick.
• Animations are responsive
• Accessible for both desktop and phone
Large Project
• 15 total pages and counting
• Create a layout that showcases each project
• Build credibility
Research
Research
Research
Competitors • Common Trends & Features
Competitors • Common Trends & Features
Competitive Analysis
Competitive Analysis
Competitive Analysis
Boston holds a ton of marketing agencies. Research was essential to understanding key features.
Boston holds a ton of marketing agencies. Research was essential to understanding key features.
Boston holds a ton of marketing agencies. Research was essential to understanding key features.
Design
Design
Design
Wireframes • Moodboard • Mockups • Storyboard
Wireframes • Moodboard • Mockups • Storyboard
Wireframes
Wireframes
Wireframes
I used Figma to build out wireframes. Since they're are a lot of pages, wire framing was very important.
I used Figma to build out wireframes. Since they're are a lot of pages, wire framing was very important.
Moodboard
Moodboard
Moodboard
Trying to get into the creative design early for a clearer understanding of the aesthetic.
Mockups
Mockups
Mockups
Continuing to use Figma, I created high fidelity wireframes for the website. For the design I imagined to be bold and showcase their high quality images.
Continuing to use Figma, I created high fidelity wireframes for the website. For the design I imagined to be bold and showcase their high quality images.
Continuing to use Figma, I created high fidelity wireframes for the website. For the design I imagined to be bold and showcase their high quality images.
Launch
Launch
Launch
Client Feedback • Website testing
Client Feedback • Website testing
Client Feedback • Website testing
Client Feedback
Client Feedback
Client Feedback
Our client loved the design, interactions, and animations. We cleaned up a few things on the mock and listened to his feedback. Still maintaining his site to this day!
I surprised him with a logo animation for his brand! He loved it and wanted it as a pre loader for his website.
Our client loved the design, interactions, and animations. We cleaned up a few things on the mock and listened to his feedback. Still maintaining his site to this day!
I surprised him with a logo animation for his brand! He loved it and wanted it as a pre loader for his website.
Our client loved the design, interactions, and animations. We cleaned up a few things on the mock and listened to his feedback. Still maintaining his site to this day!
I surprised him with a logo animation for his brand! He loved it and wanted it as a pre loader for his website.
Launched & Tested
Launched & Tested
Launched & Tested
We launched the website and he's been getting great feedback on the website!
We've established a partnership after completion and have been talking ever since. So thankful for another great opportunity to help inspire through design.
We launched the website and he's been getting great feedback on the website!
We've established a partnership after completion and have been talking ever since. So thankful for another great opportunity to help inspire through design.
We launched the website and he's been getting great feedback on the website!
We've established a partnership after completion and have been talking ever since. So thankful for another great opportunity to help inspire through design.
More Projects
More Projects
