![MainBackground](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_main_bg.93d2fd95.webp&w=3840&q=100)
Space News Portal Hero Section Design
![poster](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_space_info.96dc51b1.webp&w=3840&q=100)
How Onix developed a motion design for the hero section for the space news website.
Join us on this journey as we unravel the intricacies of redesigning the space news portal hero section and discover the artistry and expertise that went into shaping it into a stellar online destination for space enthusiasts and curious minds alike.
Space
1 month
In an age where information flows seamlessly through the digital realm, the importance of captivating web design cannot be overstated.
Websites serve as the gateway to information, entertainment, and engagement, making it crucial for businesses and organizations to leave a lasting first impression.
Thus, in this case study on the space news website motion design, Onix experts had the following challenges to solve:
![call_to_action_bg](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_call_to_first_bg.e1320f42.webp&w=3840&q=100)
Ready to upgrade your business by leveraging best-in-class design solutions?
Our Solutions
Summing up all our work for the product, these are our leading solutions:
01Created a balanced layout
﹂ The design team focused on creating a visually flat layout to mitigate information overload. They prioritized concise and attention-grabbing headlines and used strategically placed call-to-action buttons to guide users to explore further.
﹂ The motion design and glitch transitions also pique curiosity and encourage users to delve deeper into the content.
02Audience engagement
﹂ The introduction of the glitch transition effect played a pivotal role in engaging the audience. This dynamic visual element captured users' attention and created an element of surprise and excitement, making exploring space news more intriguing.
03Made design responsive
﹂ The design team ensured the visual elements were responsive and performed seamlessly on various devices and screen sizes. This involved extensive testing and optimization to guarantee a consistent and enjoyable user experience across all platforms.
04Seamless brand identity
﹂ While introducing a fresh design concept, the team carefully incorporated elements that harmonized with the existing brand identity of the space news portal. The black-and-white color scheme, futuristic visuals, and font selection contributed to a cohesive and brand-aligned hero section.
05Optimized performance
﹂ To address performance concerns, the team optimized multimedia elements, such as images and motion design, for faster loading times. They also implemented efficient coding practices to minimize the negative impact on website performance while maintaining the glitch transitions' visual appeal.
06Prioritized content
﹂ The team carefully curated and presented content in the hero section based on its relevance and interest to the target audience. The glitch transition effect, futuristic visuals, and elegant typography were strategically used to draw attention to the most compelling stories and updates.
![figures](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_solution_1.346893fd.webp&w=3840&q=100)
![figures](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_solution_2.08d1c097.webp&w=3840&q=100)
![figures](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_solution_3.8ead19ec.webp&w=3840&q=100)
![figures](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_solution_4.04eb8dd8.webp&w=3840&q=100)
![figures](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_solution_5.5337fa13.webp&w=3840&q=100)
![figures](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_solution_6.c522fcbe.webp&w=3840&q=100)
Core technology stack we used
Results
The redesign of the space news portal's hero section by the Onix design team has yielded remarkable results, transforming what was once an outdated and underwhelming feature into a visually captivating and engaging gateway to the cosmos.
More Design Projects
![Onix](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_bg_case.60a824f5.webp&w=3840&q=100)
![Onix](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_phlexBg%402x.c23dc383.webp&w=3840&q=100)
![Onix](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_phlexLogo.5b6abfe6.webp&w=3840&q=100)
USA, Florida
Sports & Fitness
Phlex is a swim-tracking app that uses
wearable devices to collect motion data
Innovative solution to track swimming workouts
Phlex is a swim-tracking app that uses wearable devices to collect motion data
Services provided:
We upgraded an old iOS codebase, built an Android app from scratch, created an intuitive design, ensured proper data synching between watches and apps
![Onix](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_learningpoolBg%402x.70d25810.webp&w=3840&q=100)
![Onix](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_learningpoolLogo.d83e011a.webp&w=3840&q=100)
USA
Education
Learning Pool provides solutions
for creating and delivering e-learning
content
Educational content and technology solutions
Learning Pool provides solutions for creating and delivering e-learning content
Services provided:
Onix worked on several e-learning projects, providing software development, support, testing, and analysis services
![Onix](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_volkswagenBg%402x.728f4bdf.webp&w=3840&q=100)
![Onix](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_volkswagenLogo.cfed631d.webp&w=3840&q=100)
Marketing
Volkswagen Beetle is a promo webpage
transformed with immersive digital
elements
Car promo page design concept for brand revolution
Volkswagen Beetle is a promo webpage transformed with immersive digital elements
Services provided:
Onix crafted a dynamic UI with motion design elements, implemented responsive design principles, developed a tiered content strategy for optimization
![background](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_caseStudiesSeeAllCasesBg%402x.e5653391.webp&w=3840&q=100)
Explore our works
Click here to immerse yourself in a world of exceptional web design. Our portfolio awaits, showcasing our finest works.
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum1image1.367825eb.webp&w=3840&q=100)
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum1image2.f55467d7.webp&w=3840&q=100)
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum1image3.5f8da803.webp&w=3840&q=100)
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum1image4.b65e2922.webp&w=3840&q=100)
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum2image1.937b3744.webp&w=3840&q=100)
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum2image2.e4e96d96.webp&w=3840&q=100)
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum2image3.89cd3670.webp&w=3840&q=100)
![image](/_next/image?url=https%3A%2F%2Fcdn.onix-systems.com%2F_next%2Fstatic%2Fmedia%2Fimg_colum2image4.1a3bf51d.webp&w=3840&q=100)