Skip to main content Skip to bottom nav

September 2: New Design

User Profile: GlenM
GlenM September 2nd, 2015

We talked a lot about managing change here at 7 cups (link). We have a big change coming down the pipeline that I wanted to share with all of you. In the next couple of weeks well releasing a new design for the desktop version of our site. We are going to observe and iterate, just like we do with all of our changes, and then well translate what we learned into releasing a new design for the apps as well.

@KrinkTheMellowUnicorn has been working closely with Mathias (our visual designer) on ways to make the site clear, simple, and easy to navigate. Theyve been working on this for over 3 months. Im very excited about this next version. It feels like we climbed up one mountain, made it to a new plateau, and are now ready to climb the next mountain.

For context, this is what the original 7 cups looked like:

You all know what the current version looks like. It was a big improvement over the old version.

Here is a screenshot of the new version (we are still working on the text/copy):

Besides a whole new look, the new design has several other components:

Much easier to navigate - the current version is like an old giant tree house where we just kept building room after room and connecting them. People would often get lost and not know how to find there way back. Another metaphor is like a poorly designed library or museum with no signs so you meander around, but dont really know how to get back.

The new version flows much better on all fronts. It feels nice and comfortable to walk around. You go from room to room and you know where you are and how to get back.

Less Distractions - our current version is has a lot of things that pull and call for your attention. Each of these things is a sort of tax on your brain. It distracts you from what you are trying to do. Weve taken these all away so the new site will feel much more calm and peaceful.

There are two pathways - many people come to our site and they feel too anxious to chat right away. They either leave or they start a chat and then leave. Now we have two options. A person can start the growth path with an exercise or they can start chatting.

Growth path more central - right now the growth path is kind of hidden and not designed too well. The new version has the growth path central on the guest/member side. Weve added a number of exercises and thought quite a bit about the different ways the person can walk down the path. Both exercises and chats move you down the path. This is what it'll look like soon:


Emphasis on community - in my pain to path post (link) I talked about the importance of our community. We added the feed and we are updating the forums in this new version to underline the importance of the community.

Also, a caveat, design by committee doesnt typically work, so I need to let you know that these designs are not something we can really modify. I dont believe wed want to as they are light years ahead of where we are now. We will continue to refine the copy and add tweaks here and there, but the visual design is set at this point.

Several of you indicated that it is helpful to know about new updates well in advance. I hope this helps! Let us know if you have questions. Looking very forward to sharing this with all of you.

86
User Profile: Vekel
Vekel September 3rd, 2015

Looks awesome visually and well thought out too! Great work and I'm excited to see the new version roll out soon.

User Profile: Anushka1
Anushka1 September 3rd, 2015

@GlenM, absolutely loving the design! This makes me really happy and really really proud of how far we've come as a community. I still remember the old chatzy chatrooms with like just a few listeners on board (Ah the old days!) I'm becoming a bit emotional haha, but I'm glad this is an amazingly positive change. The site looks so much more modern and sophisticated, great job! Can't wait to see it in action:)

P.S. I have a small query - in the last screenshot, where it says My "Personnal" link - is that a typo? Not sure :O @KrinkTheMellowUnicorn

1 reply
User Profile: KrinkTheMellowUnicorn
KrinkTheMellowUnicorn September 3rd, 2015

Yes, a typo.

Mathias is a native speaker of French. His English is pretty good but I haven't bothered him too much with spelling issues as the mockups don't contain final copy as it is.

Good eye, though!

load more
User Profile: Sarah
Sarah September 3rd, 2015

It looks awesome, well done to all involved. I love the thought processes that have gone into it, keeping our mission aims central. To reduce distractions, keep everything calm and smooth transitions will make for a much nicer and more therapeutic experience for our members.

I also agree with@Jake we totally need a party on launch day, I'll bring the glitter and cake :D

User Profile: bouncyShoe77
bouncyShoe77 September 3rd, 2015

I LOVE IT !! Well done to 7 cups for continuing to improve and grow. 😊

September 3rd, 2015

thats so cool!!!

looks materialistic and minimalistic, its good to see how this site is progressing

User Profile: guyinasuit
guyinasuit September 3rd, 2015

A beautifully modern design - should work well!

User Profile: StarFlower
StarFlower September 3rd, 2015

The new design looks much simpler and more refreshing. Really looking forward to this.

User Profile: Celaeno
Celaeno September 3rd, 2015

It looks gorgeous. Well done! ^^

And thank you for letting us know in advance, I really appreciate it.

User Profile: Lyra
Lyra September 3rd, 2015

I like the look of this a lot, it's much more minimalist and easy to use. I'm also very grateful for the advance warning, thank you for giving us notice of that! I'm also glad that the copy isn't set in stone, because there are a few typos - 'my personnal link' for one, but that's just me being picky like @Anushka1 ;)

Will there be any kind of beta testing done by the community, as there was with the first version of the app?

Edit: @Laura mentioned a few months ago that we'll be dropping the 'of tea' part of the domain, will this development be included in this update as well?

1 reply
User Profile: KrinkTheMellowUnicorn
KrinkTheMellowUnicorn September 3rd, 2015

We will definitely ask folks to help test the new design before we switch over (it is being built "on its own branch" so this isn't too hard to do).

The typos are artifacts of the text copy being placeholder copy for now, @Lyra, or where it isn't worth having the designer make little text fixes with the time he has.

With this design I would like to shift over to 7cups.com being the primary ("canonical" is the term) version of the domain for this site. 7cups.com would still work and all URLs would continue to work as before, but the internal links on the site would use the shorter version of the domain.

Already today any email address @7cups.com also works if you just use @7cups.com, btw.

load more
User Profile: theworldisquiethere
theworldisquiethere September 3rd, 2015

I'm so excited for this! I think it's going to be a really great change for the site. Thank you to everyone who worked on this new design!