Morgana Studios
3D Animation and Visual Effects (VFX) Production for film, advertising, and online platforms.
Case study
Website for a Madrid-based VFX and Motion Graphics studio, designed to showcase their projects and audiovisual production services. The design blends a strong visual aesthetic with dynamic navigation, emphasizing the portfolio, movement, and the studio's creative identity.
Year
2023
Client
Morgana Studios
The challenge
Develop a website that communicated the added value of Morgana Studios, a boutique creative studio that looks after every detail of the projects produced under its brand.
A fun, friendly and dynamic look that conveyed what the team is like and how the studio treats its clients, beyond everything they are capable of on a technical and creative level.
Project Methodology
01
/06
We Talk With You
We hold an initial meeting to learn about your project, listen to your needs, and understand your goals. We analyze the starting point, address any questions, and establish the foundation for a close, transparent, and effective collaboration.
02
/06
We Plan the Strategy
Based on the information gathered, we define a work strategy tailored to your project. We set priorities, phases, timings, and objectives to ensure the development progresses in an organized, efficient way and stays fully aligned with you.
03
/06
Structure, Wireframes, and Design
Before moving on to the final design, we organize the user experience through wireframes and visual proposals. We define the architecture, navigation, and content layout to create a website that is clear, attractive, and easy to use.
04
/06
SEO and Digital Marketing From the Start
We integrate a strategic perspective from the very first phases of the project. We work on the structure, content, performance, and technical aspects needed for the website to be ready to rank, convert, and grow from day one.
05
/06
Testing, Launch, and Technical Support
Before publishing, we review technical functionality, responsive adaptation, forms, speed, and all key website elements. Once validated, we execute the launch and provide support to address adjustments, questions, or later needs.
06
/06
Monitoring, Analysis, and Growth
After launch, we analyze website behavior and identify opportunities for improvement. We review data, performance, and objectives to continue optimizing the project and support its growth as your business evolves.
The solution
ThreeJS Movements
Fully customized website capturing the essence of Morgana Studios. We introduced ThreeJS movements that bring dynamism to the site while giving the brand a unique personality. Leveraging signature and distinctive elements of Morgana such as Slice, Morgan, and Sharon.
The Morgana Studios website features various sections where users can explore their work, learn more about Morgana, and stay updated with news from the animation and VFX industry. All accompanied by advanced CSS effects.
- R 231 · G 231 · B 231 #E7E7E7
- R 122 · G 122 · B 122 #7A7A7A
- R 29 · G 29 · B 29 #1D1D1D
- R 0 · G 0 · B 1 #000001
- R 37 · G 24 · B 78 #25184E
We chose Poppins for the Morgana Studios web identity because of its precise geometry and balanced proportions. For a studio specialising in VFX, 3D and digital storytelling, its clean, modern strokes offer excellent legibility on screens and project a cutting-edge, clear and professional look that fits the studio's innovative character perfectly.
