B2B website design
Hackeru Pro
Web Design | 2024
Background
HackerU Pro is a premier division of HackerU, Israel’s flagship Cybersecurity Training Institute. We approach organizations and companies by offering specialized technological courses in areas such as Cyber Security, IT, Network Administration, Software Development, Graphic Design, and more. With over 26 years of experience and unparalleled expertise derived from top cyber-related units in the Israel Defense Forces, HackerU Pro is dedicated to providing advanced training programs that meet the specific needs of our B2B clients.
The Problem
The Challenges
The Mission
New Brand Design
We've decided to update the brand slogan to "Level Up", visually represented in the redesigned logo by raising the lower point of the original HackerU logo as a symbol of our commitment for enhancing professional abilities through our courses. We've maintained the green color associated with the main ThriveDX brand and introduced an eye-catching orange that contrasts sharply with the green, ensuring a vibrant and distinctive visual identity.
Research
We began by analyzing the existing site map and sections to fully understand the user experience and identify areas for improvement. Following that we met with the client, the company's VP, to gain insights into the current user experience, and to pinpoint aspects that need preservation or enhancement.
Objectives
Ensuring that the navigation bar button opens a popup instead of dragging the user to the end of the page, keeping them at the relevant section.
Replaced the carousel header with an image and static text that evokes emotion and conveys our message. Reduced the header height so the next section starts to become visible, drawing the customer's attention.
Display a strip of companies’ logos you work with only at the home page, avoiding redundancy on all other pages, and thereby differentiating the home page.
Filter the courses to make it easy for clients to access specific fields of interest without having to search through a list.
Updated outdated grids on the site, such as the carousel, text strips without proper formatting, and full-width images. Created visual order and maintain a structured grid that displays no more than two sections at a time.
Displaying multiple recommendations at once instead of just one in the carousel.
Added internal scrolls in text-heavy areas to shorten the page length for the sections that are not relevant to all users.
Reduce the size of the contact us details form for to fit the screen.
New Website
Our target audience consists of top organizations and companies in the market seeking to elevate their employees' professionalism. Therefore, our website, which serves as our digital business card, must effectively showcase the latest news and successes of our brand. We aimed for a clean, minimalist design that prioritizes space for impactful sales messaging. In our photo designs, we integrated the distinctive "U" from our brand, adding a personalized touch to all visuals. We selected images that convey the emotions of success and joy, set within a modern technological environment, to resonate with our audience's aspirations and values.
Tailor Your Learning Experience
The website features a comprehensive course compilation page presenting our diverse range of offerings. Ensuring a seamless and enjoyable purchasing experience was our top priority. We focused on incorporating internal scrolling, a user-friendly layout of courses, and easy navigation to individual course pages for detailed module exploration. The design emphasizes minimalism, cleanliness, and clarity, providing customers with a mature and professional browsing experience that enhances their journey through our offerings.
Mobile Experience
From the start of the project, we worked with auto layout and created a design system to ensure efficiency when designing for other devices. This approach ensured the website delivers a seamless user experience across devices through a focused and intuitive mobile design.
For more work
Student learning system
Hackampus
Product Design | 2024
Course Landing page
HackerU cyber course
Web Design | 2023
noyadani3010@gmail.com