🚀 Applied product thinking into my web development process.

  1. Design the content — think about how to tell your story.
    I printed out my case studies on whiteboard and experimented with various structure to communicate clear & in-depth stories. The logic I used includes: problem-solution-benefit; what-so what-now what; what-how-why.

2. Responsive layouts: created multi-layout based on device screen sizes, added animation to the page with CSS and launchpad animation tools.
When building a page, I started with laptop layout, then went two sizes up to DesktopHD layout, two sizes down to Mobile layout.

Created multi-layout based on device screen sizes
Launchpad empowers user to add animations like scroll effect to their websites easily. CSS knowledge is required if you want to customize the effect.

3. Take feedback.
After launching the first version of my website, I posted it to various designer groups to collecting feedback. Since people are visiting the website from multi-devices, it also has been a great way to debug.

4. Act on data and come up with iteration plans.
I applied google analytics tool to understand who are my visitors and to study their behavior on my website. I identified one challenge was to navigate between projects. So my next step is to improve the navigation system, to really provide immersive browsing experience to users.



Source link

If you are looking to make money from running your own business at home, visit the links below.

Computers and Software Buyers Guide

Compare Computers and Laptops

Mobile Phones Buyers Guide

Compare Mobile Phones

Game Console Buying Guide

Compare Game Consoles


Tech Shop Offers