NU.MARKETING
Website Wireframe Design (finalised version: nu.marketing.com)
Design Challenge
I was directly appointed as the lead to re-design and re-brand the NU Media’s official website platform in order to make it more closely reflective of the company’s trajectory. The focus was on highlighting the abundance of services offered and client work done so far in a much more visually appealing and innovative manner. My contribution was heavily focused towards the implementation and execution of all the UI elements of the entire website in collaboration with the UX developer.
Understanding Graphic Trends
It was crucial to research and examine various graphic trends of 2022 across digital platforms:
-
3D 2D Styles
-
Colorful Minimalism
-
Re-experiencing 90s
-
Y2K inspired designs
-
Bright neon, Primary and Pastel colours, Geometric shapes, and Bold, Repetitive patterns
Mood board Overview
-
Taking Inspiration based on what’s current in the digital world
-
Pastel Color Palette
-
Fluidity and Movement
-
Playful and Minimal
-
Lightweight Appeal
Approach
The wireframe design involved multiple stages where I carefully researched, explored, and evaluated how NU Media could stand out against its competitors in the market. The design stages involved organising and simplifying large chunks of information and making sure there was an equilibrium maintained between text and visual content.
Deliverables
Deliverables
Website Design: Homepage, Header (Social Media, Influencer Marketing, Public Relations, Creative Services, Learn More: Additional Drop-downs: Career, Team, Contact, Blog, Shop), Footer.
Website Design: Homepage, Header (Social Media, Influencer Marketing, Public Relations, Creative Services, Learn More: Additional Drop-downs: Career, Team, Contact, Blog, Shop), Footer.
Website Design: Homepage, Header (Social Media, Influencer Marketing, Public Relations, Creative Services, Learn More: Additional Drop-downs: Career, Team, Contact, Blog, Shop), Footer.
I. Homepage Graphics (the following show design drafts prior to the finalised version)
Bring Us Your Big Picture, We’ll Pilot Your Digital Platform” is accentuated through the rocket visual that symbolizes growth and reaching new heights. Moreover, the phone visual brings the audience’s focus back to NU Media’s mission of building a comprehensive and powerful presence for brands through digital media expertise.
With Our Hands-On-Approach, Renu Your Media Game” is a sequel to the first motion graphic, “Bring Us Your Big Picture, We’ll Pilot Your Digital Platform”. It’s emphasised through a combination of visual icons like the heart symbol and play button against a digital screen, which again ties back to digital media expertise.
Pastel colors invoke feelings of "softness" or "calmness”. Trust is a big factor when it comes to reputation and business. The use of pastel colors gives NU Medi’s clients a feeling of calmness which ultimately also contributes to building trust and loyal client relationships.
II. Header Sections
Achieving a less is more aesthetic with a visually engaging concrete grid and layout with easy navigation was the main objective for all the Header Pages. The Header Pages are reflective of the all the services offered at NU Media: Social Media, Public Relations, Influencer Marketing, and Creative Services. The following show the header images of each section.
.jpg)
.jpg)
.jpg)
.jpg)
III. Footer (the following show design drafts prior to the finalised version)
The main debate for the footer was whether or not to include the NU Media slogan which read "Renu Your Media Game" as it was already being mentioned before users scrolled to the footer. An idea that got formed through this was a potential layout for the NU Media Business Card. The point was also to of course highlight the "NU" and "MEDIA" in the NU Media slogan.
.png)
.png)