Visual Design Projects
Visual design projects for The Boston Globe & Boston.com
Overview
Users form their first impressions in just 50 milliseconds. This highlights the importance of emotional design, as their initial reaction to a design is often instinctual. If users find the design unappealing during these critical moments, they will likely leave. Therefore, visual design plays a crucial role in my design work.
I aim to create consistent, well-organized, visually engaging, and distinct designs on the Boston Globe and Boston.com platforms. The project outlined below demonstrates design aesthetics and usability enhancements, featuring appropriate images, typography, spacing, layout, and color. This applies to entire user flows as well as individual pages for both web and mobile applications.
Careful Visual Design + Good Usability = Successful Design
Design Process
Having a solid design process is essential for creating high-quality designs. As I manage creative projects, I develop a design process that helps me stay organized and focused on the most important aspect—visual design.
Here are the steps in my design process that help optimize my designs to their full potential. Please feel free to ask me any questions or see more regarding my design process!
Define Stage
Step 1: The creative or project brief
Step 2: Design market research ( competitive/comparative analysis and more )
Step 3: Mood boarding/brainstorming/User Flows
Creative Stage
Step 4: Idea sketching (sketching)
Step 5: design creation (low-fidelity/medium)
Step 6: Design refining ( transitions into high-fidelity wireframes)
Feedback Stage
Step 7: Test and User Feedback
Step 8: Make revisions
Step 9: Present design
Step 10: Make revisions
Delivery Stage
Step 9: Stakeholders/Team approval
Step 10: Final Prototype & Hand-Of
Onboarding in Dark Mode
The Boston Globe Newsletter Re-Design Page
Projects: Singular One-Off Designs
Boston.com Love Letter Subscription Email
Boston.com Customer Support Re-Design Page
The Boston Globe Free Trail App Flow & Design
Onboarding in Light Mode
Project 2: Boston Globe Video
In New England, there’s a saying: “An ounce of experience is worth a pound of theory.” The Boston Globe, the region’s most prominent news organization, is embracing this wisdom as it carefully launches and develops a 30-minute news magazine-style TV show. This program will provide a deeper look at the stories and photos behind their award-winning journalism. The goal of this segment is to engage current subscribers and attract new, younger, and more diverse audiences.
My responsibility for this project was to design the TV platform for our loyal readers. Check out the live platform at The Boston Globe Today
Project 3: App Store
The Globe app enables users to read, watch, and comment on the latest news from New England's largest newsroom. It covers a wide range of topics, including local and national breaking news, investigative reporting, politics, business, art, travel, culture, and more.
As the designer, my responsibility was to update the app store screenshots with a new design for both iPad, IOS, and Andriod. Check out The Boston Globe Applestore Preview
Desk Web & Mobile Web View
These designs quick landing pages and/or assets designs.
Boston.com Paywall Re-Design
Boston.com Contact Us Re-Design Page
Project 1: Dark Mode & Light Mode Onboarding
Dark and Light Mode have become more than mere aesthetic choices; they’ve become cultural phenomena. Whether it’s the white, bright expanses of Google’s Material Design or the sleek, somber grays of Apple’s macOS in dark mode, user opinions are deeply divided. Therefore, deciding between dark and light modes isn’t just a fleeting design trend. It has far-reaching implications for usability, accessibility, and even business metrics.
The stakeholders at The Boston Globe have requested that users be given the option to choose between dark mode and light mode for their app based on personal preference. To implement this dark mode feature, we decided to introduce an onboarding process to effectively present the new feature to our users on the Boston Globe App.
