zuperninja / zuperninja.github.io

https://zuperninja.github.io/
Other
3 stars 0 forks source link

Ink and Earth #9

Closed zuperninja closed 6 years ago

zuperninja commented 6 years ago

https://answers.squarespace.com/questions/13008/folder-navigation%3A-top-folder-doesnt-link-to-anything%2C-can-i-get-it-to-or-remove-link-behavior.html

https://answers.squarespace.com/questions/24095/how-can-i-change-the-logo-link-destination-to-another-page-on-my-site.html

zuperninja commented 6 years ago

2hours : talk coaching write everything done 5hours : teching + helping+technical stuff

zuperninja commented 6 years ago

Issue : lightbox

solution : custom CSS or other template or one page per picture (i spend 10min to do one of shity internet)

http://www.usingmyhead.com/squarespace-7-template-comparison-chart/

zuperninja commented 6 years ago
Squarespace : Pro Con
easy to use and to update hard to know wich templates as the option you need
beautiful design cannot reused a picture you already use withou upload it again
zuperninja commented 6 years ago

try with flatiron :

https://answers.squarespace.com/questions/23791/flatiron-is-it-possible-to-make-a-dropdown-menu-of-index-pages.html

https://answers.squarespace.com/questions/90839/how-can-i-move-my-flatiron-navigation-to-the-right-side.html

https://answers.squarespace.com/questions/135345/how-do-i-add-social-icons-to-my-main-navigation.html

zuperninja commented 6 years ago

navigator header#topBar ul#nav {

   float: right;
   padding: 100px 0 15px 0 ;}

navigator footer#bottomBar #footerBlock p {

margin: 0; padding: 0; }

zuperninja commented 6 years ago

a:hover { border:none !important; text-decoration:none !important; }

a { border:none !important; text-decoration:none !important; }

zuperninja commented 6 years ago
zuperninja commented 6 years ago

Ink & Earth: Coaching, teaching and tweaking CSS

Ink & Earth needed a website to showcase her work in illustration. She already have a great funnel for her skinart through Instagram and Facebook. The next step was to build a website for reaching a more professionnal oriented audience.

The challenge was to find a simple platform she could use to upload her work through her tablet. She wants to reach a new public to optimize her prospection, so we'll also need a good SEO tool and a professional look.

It was a great pleasure to work with Ink & Earth on her website. Because she is my jungle neighbor, and her artwork is amazing.

Process:

I heard a lot of good things about Squarespace from creative no-nerdy people. She needs to handle the platform for uploading herself the content. And a professionnal looking templates. No need to think more about it. Squarespace it is !

We spent two hours together to talk about her business goals and web marketing. I had some question to ask her to now her audience, her strengh and what's blocking her.

Making it:

She already knew what design and vibe she wanted. She showed me some website she likes, and that's it ! I didn't have to think to much about the design, and just respect her vision and align everything.

We spent 5 hours together were she learned how to use this platform and upload her own content. After this day of teaching/coaching, I tweaked the CSS and change the template

We first used the "Wexley" template but we couldn't quickly add caption to the lightbox. We made the choice to spent some time changing the template for gaining time when she will update her content later. A better preparation for a quicker process. The Flatiron template was kind of the same design and did a better job for the galleries.

I had to do more CSS tweaking that I thought. I'm a little bit disapointed by Squarespace for not explaining clearly what features each templates have or not. When your client have to pay for a full service, it hurts a little bit. But nothing some research online can fix, and a few knowledge in CSS and HTML.

Resources:

Squarespace's forum Template comparison chart by a very patient person

Next steps:

Info:

Phase 1: 9.5h

Phase 2: coming in april

URL: inkandearth.com

Toggl_time_entries_2018-01-01_to_2018-12-31.pdf

zuperninja commented 6 years ago

image

image

nicolasdb commented 6 years ago

J'ai vu que t'as tenté un tableau plus haut, non?

Attention aux " | " ça doit bien être régulier entre les colonnes. L'astuce, c'est de copier/coller un tableau simple d'un tableur office ou google. github te le converti direct comme il faut dans ton issue.

zuperninja commented 6 years ago
Pro Con
easy to use and to update hard to know wich templates as the option you need
beautiful design cannot reused a picture you already use withou upload it again
zuperninja commented 6 years ago

WHAT THE ACTUAL FUCK ! THAT'S MAGIC !! Merci !!! ça va me faire gagner un temps de fouuuuuu !

nicolasdb commented 6 years ago

github, il est trop fort.