How to start developing a site design?

Started by Enot, Jul 24, 2022, 08:52 AM

Previous topic - Next topic

EnotTopic starter

My online store offering accessories has an outdated design, and I want to update it. Can you provide guidance on how to begin the process, and elaborate as much as possible?


From the design, or at least from the concept of the site. Even just to sketch on paper what pages will be, how they will be interconnected with each other, what are the intended use cases step by step.
Further, you make up the whole thing in general terms, but close to what you want to have in the end. Well, then it's already iterative: you write, think, correct / redo, think, etc.


Having prior experience in building a website from scratch would be ideal, but there are two general approaches that could be taken:
1. A complete overhaul of the website's concept while retaining the site's database. This involves creating an entirely new interface, from the layout to the color scheme.
2. Simply making cosmetic changes by updating the visuals of the current interface without altering the primary structure or general concept.
The specifics will depend on design choices, which is assumed to be a matter you are already knowledgeable about. ;)
    The following users thanked this post: Sevad


The visitor's impression of your website is heavily influenced by its design, making it crucial to create a well-designed and functional website. We will explore the steps involved in designing a website and the necessary tools at your disposal. The website design should be tailored to its purpose and audience. For example, an online store's design should prioritize functionality and ease of use for buyers, while a business card site's design should be visually compelling and engaging.

To begin designing a website, the first step is choosing a tool such as Adobe Illustrator or Adobe Photoshop, and familiarizing yourself with CSS and HTML. Secondly, you need to develop a concept for the web page project, which includes defining the content, style, and color palette. The unique ideas and vision you bring to the table are essential to creating a successful web site. Thirdly, you create template blanks and use raster graphics editors for titles. Fourthly, you load web design elements, taking into account the specifics of the Internet resource. Creating a promo design, rendering complex elements and icons for the main page, is also part of website design.

It's important to keep in mind that website design reflects the business's style and purpose, and should therefore be entrusted to an experienced professional with an eye for detail and taste. Additionally, the design considerations for male and female audiences may differ depending on the business's specifics.


Updating the design of your online store is an important step to enhance user experience and increase customer engagement. Here's a step-by-step guide to help you get started:

1. Define Goals: Start by clarifying your objectives for the new design. Identify what you want to achieve, such as improved usability, increased conversions, better branding, or a more modern look. Having clear goals will guide your design decisions.

2. Research and Analyze: Conduct thorough research on current design trends and best practices in e-commerce. Look at successful online stores, especially those in your niche, to understand what works well. Analyze your existing website's strengths and weaknesses by reviewing user feedback, analytics data, and sales performance.

3. Identify Key Elements: Consider the key elements that need improvement or modification, such as the layout, color scheme, typography, navigation, product displays, and checkout process. Determine which elements are essential to highlight your accessories and create a seamless shopping experience.

4. Wireframing and Prototyping: Create wireframes or sketches to visualize the new design layout and structure. This will help you determine placement of different elements and establish a hierarchy. Use prototyping tools like Figma, Adobe XD, or Sketch to build interactive prototypes that simulate user flow and interactions.

5. User-Centered Design: Prioritize user experience (UX) by focusing on simplicity, clarity, and intuitive navigation. Ensure your online store is easy to use, accessible, and mobile-friendly. Conduct user testing, gather feedback, and iterate on your designs to refine usability.

6. Visual Design: Choose a color palette and typography that reflects your brand identity and aligns with your target audience. Consider using high-quality images and videos to showcase your accessories. Pay attention to consistency in visual elements across the website to maintain a professional appearance.

7. Implement Responsive Design: Make sure your website is responsive to different screen sizes and devices. With the increasing use of mobile devices for online shopping, optimizing your site for mobile is crucial. Responsive design adapts your website's layout and content to provide a seamless experience across all devices.

8. Improve Product Presentation: Enhance the presentation of your accessories by using high-resolution images, detailed descriptions, and customer reviews. Implement effective product categorization and filtering options to help customers find what they are looking for quickly.

9. Streamline Checkout Process: Simplify the checkout process to reduce cart abandonment rates. Ensure that your customers can easily add items to their cart, view it, and complete the purchase without any complications. Provide multiple payment options, guest checkout, and clear instructions to boost conversions.

10. Test and Launch: Before launching your updated design, thoroughly test your website for any bugs, errors, or broken links. Ensure that all functionalities and features work seamlessly across different browsers and devices. Seek feedback from testers and make necessary improvements before going live.

Remember that design is an ongoing process, so continuously monitor user behavior, collect feedback, and make incremental improvements to optimize your online store over time.