NERD-MART

Nerd-Mart — a sleek, gamer-focused e-commerce app built for accessibility, affordability, and ease.

Rough sketches of low fidelity wireframing.

The sketching process felt natural, much like laying out a magazine spread or book design, where composition, flow, and visual hierarchy play a key role. The first sheet explores early layout ideas for the home, search, product, and checkout screens, while the second sheet presents a revised, more structured flow including welcome, login, search, review, cart, and order status pages. These low-fidelity wireframes helped me define user paths, test ideas quickly, and refine the structure before transitioning into digital wireframes.

As a graphic designer stepping into the world of UI/UX, I created these rough sketches as the first visual exploration of Nerd-Mart, a fictional gamer-focused e-commerce app. Inspired by my love for gaming, marketing, and design, this personal project became a creative outlet where I could channel all three passions. The sketching process felt natural, much like laying out a magazine spread or book design, where composition, flow, and visual hierarchy play a key role. The first sheet explores early layout ideas for the home, search, product, and checkout screens, while the second sheet presents a revised, more structured flow including welcome, login, search, review, cart, and order status pages. These low-fidelity wireframes helped me define user paths, test ideas quickly, and refine the structure before transitioning into digital wireframes.

To bring the Nerd-Mart experience to life, I crafted a style guide that speaks to the modern gamer. The branding leans on a friendly, modern-chic typeface combo, featuring Gotham and Rubik as the primary fonts to maintain approachability and clarity across all screens. The color scheme keeps the interface fun and vibrant, using cyan and lime green as accent colors, with cyan blue doubling as the action color for favoriting products, highlighting active sections, and energizing buttons. To maintain visual balance, black and white are used strategically to offset the bright tones, creating contrast and harmony that supports intuitive navigation. The iconography follows a universal visual language, borrowing familiar elements from other leading e-commerce platforms to create a sense of ease and recognition as users browse, shop, and interact throughout the app.

CHALLENGES

• Creating a branding identity that resonates with the target demographic of gamers while matching the app's style and tone.

• Identifying and analyzing relevant case studies to understand what features would best serve the app’s purpose as an e-commerce platform for gamers.

• Balancing visual appeal with seamless functionality, ensuring the app’s navigation is intuitive and that the shopping experience is smooth and efficient.

GOALS & METRICS

• Develop an app and website that work harmoniously, providing customers with an easy and efficient way to purchase relatable and affordable gear without any issues.

• Lay the groundwork for future updates and style expansion, aiming to revamp the branding and further refine the app's visual and functional appeal.

• Add more features to the app, making it more accessible and inclusive for a wider range of users, ensuring the app meets the needs of diverse customers.