History & User Persona
“THE NEW YORK SUN” is a historic, authoritative daily “broadsheet” American newspaper that was founded in the 1800s and operated over 100 years as a prominent, Pulitzer Prize-winning daily newspaper.
Age
36+
Level of Education
Bachelor's degree or higher
Family
Has children or grand children
Media Habits
IS NOT: a heavy Twitter user, Politico, Breitbart or Daily Wire reader. Potentially has paid subs other niche publications or info services (ex. investing advice)
Personality
Wants to be knowledgeable and in the know, feel informed at dinner parties. Confident in their political instincts and not afraid to go against the grain
Income
130-200K
Profession
White collar
Other Interests
National politics, foreign policy, technology, crypto
Location
Suburban or High End Urban. Primary: Tri-State, South Florida Secondary: LA / Bay Area / Orange County Tertiary: DMV, Dallas, Houston, St. Louis
Politics
Political donor. May not identify as conservatives, but concerned about the future of the country and the state of media. (aka "Coalition of the disenfranchised")
You must’ve heard the news?
The old design
The final results
Let’s Dive into the Process
The design team worked closely with The New York Sun’s core team to come up with the new design for their digital presence. Fast-forward all the brainstorming sessions and meetings that took into account the brand perception, technicalities, and the pace we had to move at.
Site Maps
Brain Storming
Some Important Highlights
Balancing UX with business needs
For email capture and newsletter subscription we added sticky email capture above the fold that would stay wherever the user is throughout the website and page without obstructing user experience.
Balancing UX with business needs
For email capture and newsletter subscription we added sticky email capture above the fold that would stay wherever the user is throughout the website and page without obstructing user experience.
Separating Sections
For the home we used light gray divider lines in between sections, and to differentiate between the sections we used dark grey divider lines.
Our Solutions are Business Oriented
One of the ways publications can generate income is through ads. So, we studied and experimented with different patterns to integrate add space to meet business goals and optamizing user experience.
Article Page Design
Optimal line Length
Optimal line length to increase the readibility of the articles is kept to 60-75 characters.
Static & Floating Share Buttons
We added static and floating share buttons to the inner article page so that the reader would have an opportunity to share their thoughts where ever they are on the page.
The Real Challenge
So the challange was to high light the Sun Member package while keeping the look & feel of the Sun Founder package even more premium & exclusive.
The Final Design
Sun Member & Founder Packages
Through design and colors, a balance was created to emphasize each pricing plan, the users were unconsciously directed to"Sun member" without being oblivious to "Sun founder" that would give them a premium experience.
Annual & Monthly Prices
For the home we used light zinc divider lines in between sections, and to differentiate between the sections we used dark grey divider lines.
Media Library Design
During the design phase, we noticed that there were a lot of people who preferred to watch the news rather than reading it.
So, we introduced a media library page where they would find the same news in a video format.
Media Library Design
Vertical Navigation
For the video and media page, we used a vertical navigation bar so the user can switch between sections easily without going back and forth.
Tech Stack & Infrastructure
WordPress
PHP
MySQL
React
AWS Elastic Beanstalk
AWS Elastic Loadbalancer
AWS S3
AWS Cloudfron
