….MoonLab Productions: Website Redesign 2022..MoonLab Productions: Rediseño del Sitio Web 2022….
….What was the brief?..¿Cuál fue el brief?.…
….A quick throwback: In 2019/20, we first redesigned MoonLab Production’s kickstart one-page starter site into a sleek and simple multi-page Squarespace website to align with their new brand direction and better present themselves to the digital world. You can see the previous redesign here. ..Un throwback rápido: en 2019/20, primero rediseñamos el sitio web de una página de MoonLab Production en un sitio web de Squarespace elegante y simple de varias páginas para alinearlo con su nueva dirección de marca y presentarse mejor en el mundo digital. Puedes ver el rediseño anterior aquí. ….
….A couple of years later, the agency grew exponentially and approached us with a larger budget to work on another redesign that incorporated more advanced coding, custom visuals + animations and bells and whistles/hidden easter eggs. We were so excited because we’ve already set up a strong site structure and foundation to seamlessly take on this second redesign and facelift. ..Un par de años más tarde, la agencia creció exponencialmente y se acercó a nosotros con un presupuesto más grande para trabajar en otro rediseño que incorporó codificación más avanzada, imágenes + animaciones personalizadas y “bells and whistles/hidden easter eggs”. Estábamos muy emocionados porque ya establecimos una estructura y una base de sitio sólidas para asumir sin problemas este segundo rediseño. ….
….In addition, we were tasked with:
• crafting a new mission statement for MLP
• hosting a social media + brand storytelling workshop for their team
• creating Instagram content for the launch of the website..Además, trabajemos en:
• elaborar una nueva declaración de misión para MLP
• organizar un taller de brand storytelling y redes sociales para su equipo
• crear contenido de Instagram para el lanzamiento del sitio web….
….A little sneak peek of the new homepage with their new mission statement..Un sneak peek de la página de inicio con su nueva mission statement….
….Original wireframe sketches that were presented to client during our check-in phase. ..Bocetos de esquemas estructurados que se presentaron al cliente durante nuestra fase de check-in. ….
….What was the creative process for this redesign?..¿Cuál fue el proceso creativo para este rediseño?….
….This redesign was focused on visual enhancements and incorporating more animations and interactions via custom coding. With our vision and the client’s needs in mind, we sketched out our ideas and created moodboards of our creative direction to ensure that we were all on the same page. Then we restructured the sitemap to include additional pages and showcase the flow of the new website. ..Este rediseño se enfocó en mejorar visualmente y en la incorporación de animaciones e interacciones mediante codificación personalizada. Con nuestra visión y las necesidades del cliente en mente, esbozamos nuestras ideas y creamos moodboards de inspiración de nuestra dirección creativa para asegurarnos de que todos estuviéramos en la misma página. Luego, reestructuramos el mapa del sitio para incluir páginas adicionales y mostrar el flujo del nuevo sitio web. ….
….Once we had our wireframe sketches, moodboards and sitemap completed, we did a check-in with the client to present them all of our ideas and initial thoughts for the redesign. ..Una vez que tenemos nuestros bocetos de esquemas estructurados, moodboards de inspiración y mapa del sitio completos, hicimos un check-in con el cliente para presentarle todas nuestras ideas y pensamientos iniciales para el rediseño. ….
….Here are some Moodboards we created to help the client visualize the creative direction and to guide us during the design phase. ..Aquí hay algunos Moodboards que creamos para ayudar al cliente a visualizar la dirección creativa y para guiarnos durante la fase de diseño. ….
….New sitemap structure for the 2022 redesign of moonlabproductions.com..Estructura del mapa del sitio nueva para moonlabproductions.com….
….Let’s get into the meat-eor of it! 🌕☄️ ..¡Sigamos con el plato principal!🌕☄️….
….Maintaining black and white as our primary brand palette, we were able to incorporate color and add more movement to the new site through photography, animations, and microinterations. From gifs and animated marquees to custom drop-down drawers and a bad-ass custom cursor, we pushed the creativity on the website redesign as far as we possibly could while meeting the client’s need and staying within scope. ..Manteniendo el blanco y negro como nuestra paleta de marca principal, pudimos incorporar color y agregar más movimiento al nuevo sitio a través de fotografías, animaciones y microinteracciones. Desde gifs y marquees animadas hasta “dropdowns” personalizados y un cursor personalizado genial, impulsamos la creatividad en el rediseño del sitio web lo más posible mientras satisfacíamos las necesidades del cliente y nos manteníamos dentro del alcance. ….
….With this second redesign, we’ve been able to elevate the website experience, make it exciting/fun to browse and truly showcase more of MLP’s brand personality on their digital homebase. We’re expecting nothing but magic from the MLP team and we’re so proud to have been their creative partners throughout this journey. ..Con este segundo rediseño, pudimos mejorar la experiencia del sitio web, hacer que sea emocionante/divertido navegar y realmente mostrar más la personalidad de la marca MLP en su “homebase”.. No esperamos nada más que magia del equipo de MLP y estamos muy orgullosos de haber sido sus socios creativos a lo largo de este viaje. ….
