WEB DESIGN
Web Redesign @Sunvalleytek
Sunvalleytek is one of the biggest E-commerce players founded in 2007. With worldwide offices and large consumer electronics product offerings, we are quickly expanding at big-box retailers like Walmart, Best Buy, Target, and more.
Duration: 3 Months
Team: Design Lead, Senior Graphic Designer, Software Engineer
My Role: UXUI Design
Tools: Squarespace, Figma, and Miro board
Background
Problem
The original Sunvalleytek webpage faced a significant challenge with its outdated and confusing design, which deterred users from engaging with it effectively. As a result, users often struggled to find the information they were seeking. It's time for a redesign.
The Goal
Our foremost aim was to cultivate a compelling brand identity and nurture trust among target users. This involved curating a chic, visually alluring layout that resonated with the inherent innovation of our product offerings.
My Role
In my inaugural full-time role as a UI/UX designer, I led the redesign of the Sunvalleytek Inc website, collaborating with a team of seasoned professionals, including a graphic designer and software engineer. Together, we sculpted a seamless online platform that authentically embodies Sunvalleytek Inc's essence.
Visual Research
Based on the Sunvalleytek brand, I researched imagery styles and textures to align with their visual identity. I created wireframes to visualize the website's layout and collaborated closely with my team. Our research focused on defining a cohesive visual direction, ensuring that the website's aesthetics and style accurately reflected Sunvalleytek's brand values.
Site Planning
In my effort to enhance the accessibility and user-friendliness of our website, I meticulously redesigned our sitemap, ensuring that pages are distinctly separated and easily navigable for our users. My primary objective is to elevate our brand presence by providing clear, organized information accompanied. Moreover, I transitioned the website from a single-page layout to multiple pages, allowing for a more comprehensive presentation of our company information and offering a distinctly improved user experience.
Wireframing
After creating the sitemap, I created two versions of lo-fi wireframes to determine the best fit for our brand, each with distinct layouts and visual styles. This allowed us to compare and evaluate which version aligned better with our brand identity and user experience goals. I refined design elements such as columns and banners to ensure cohesion and introduced a dynamic Z-shaped pattern for visual interest.
Version 1
Version 2
Brand Identity
When envisioning Sunvalleytek, simplicity, and user-friendliness are paramount. We've embraced the clarity of Helvetica Now for both display and text, fostering a straightforward and accessible visual language. Our design ethos echoes this sentiment, prioritizing a clean and modern aesthetic that harmonizes effortlessly with the Sunvalleytek brand. Introducing a warm red hue to delineate hierarchy amidst our black and white product palette adds a touch of vibrancy and depth.
Final Design
Takeaway
As a UI/UX designer in my first full-time job, I am truly grateful for the trust and support from my design manager, CEO, and colleagues. Their encouragement and guidance allowed me to deliver my best work. Rebuilding an existing website was a challenging but rewarding experience, made enjoyable by the collaborative spirit of the team. Managing the entire project as a newcomer was both daunting and exciting, and I learned so much along the way. The final result exceeded our expectations, increasing traffic to our new website by 10%, and I am proud to have contributed to this success.
