New website build for a local restaurant with cafe facilities in the daytime. Simple site for a Cafe and Restaurant on the same site. Day vs Night design set up with Google Account for email and Reservation Booking
Complete overhaul of the website for a cosmetic surgery clinic in Harley Street, the original site was confusing to navigate and search did not work, the pages were not uniform and each of the over 100 pages had a different design. The challenge was to create a site map to organise and list all the pages and then recreate each page in a more uniform way.
As the site was a clinical site, I stuck to their original colours and kept the design simple and not too flashy. The hero image slideshow was replaced with a hero video as the clinic had lots of videos showcasing their staff and various services. From this a video gallery was created.
Both search pages and 404 pages that worked were created.
The biggest changes were to the organisation and structure which were mostly reflected n the navigation which was much smoother. On the treatment pages flip boxes were enable d to allow the viewer to see information on what each treatment was so that pinnaplasty was easily explained as ear correction surgery and vice versa.
Before and after image sliders were placed on the individual treatment pages as well as
Another site built for the Purely Natural Brand. Moved from an older WordPress Site. The site told more of the salons story. Details all the pricing and treatments. The logo was updated and the colour scheme complimented that of the Purely Natural by Anastasia Site
Previous Site
The previous site was functional and allowed the clients to book appointments. The clients main brief was to modernise the site and give it a more trendy look. I did this with animation and colour transitions on the buttons. Also adding a story to the site along with a more interactive way to look at Anastasia’s accomplishments. Another point she made was that it was difficult for people to find her store and book appointments so throughout the store and on almost every page there is the option to book an appointment and the maps, address and social media are seen on most pages, giving the clients multiple ways to get in touch.
New Site Build
As well as the ability to take payments at a later date, the site will allow clients to book their appointments at the salon. You can visit this site at www.purelynaturalhair.com.
Here is a video of the site for you to see more.
The purely natural brand also showcases African art at purelynaturalart.com. I also built this site for the Purely Natural Brand, using a simple Shopify theme to compliment the gorgeous artwork. All artwork is available to buy at the salon
Another site built for the Purely Natural Brand.
Purely Natural By Anastasia was created by Anastasia Chikezie who has been in the hair care business for over 30 years. The site was built for her new range of Natural Hair Products and Wooden combs, the newest addition being the her creation for braids and locs: Wuud Piks.
Sliders for the testimonials on the homepage and the ingredients list on the Ingredients page were set up. Embedded (play in screen) video for BBC, ITV and documentary appearances by their founder Anastasia were added to the Press page. I also set up Shopify markets for the US and UK audiences.
Check out this short video of the site or visit the store at purelynaturalbyanastasia.com in the US or purelynaturalbyanastasia.co.uk in the UK
Over the last few months I had the pleasure of working with Oodee SkinCare. Oodee is the only skincare brand to formulate without food and fragrance allergens – it’s the world’s first in Allergen Neutral™ skincare.
The Oodee site was a modified Shopify Theme which I came to mid development. As such it still required large amounts of customisation, corrections and quite a few new sections built. Several sections were only available on mobile, mobile versions of sections or responsive sections needed to be created. Some of the images were also out of alignment. With the new Shopify CLI I was also able to give the project much needed version control in GitHub.
The Shopify Theme we were working with came with several preset sections with many blocks but these often didn’t work with what was required by the customer, several new sections were created to tackle this.
Using newly built section with several more diverse blocks including sliders, I was also able to install three separate sliders for Press Reviews, Expert Reviews and Testimonials.
As well as dynamic dropdown sections. See More/See Less
I also built a new blog and article template which came out much better than I expected.
The Blog Categories should then populate in the order 1 x featured followed by 3 blog and then another featured and three blogs.
I added Klaviyo to handle Email Marketing and this has integrated well with several other apps so was a welcome addition.
For the last few months I’ve had the unenviable task of working out why a clients Shopify store has been rejected by Facebook. This should be a simple task, but more often than not it takes more than a considerable amount of time.
If you’ve had this before, you totally understand my clients frustration with trying connect both Facebook and Instagram.
So once you’ve connected your personal account you should go through to connecting your Commerce Account. If you haven’t created a Facebook Commerce Account, especially in all the situations I’ve seen, having a Commerce account helps to easily decipher what has happened with your Facebook /Shopify connection.
But please do not be tempted to and I quote three of my clients here ” start all over again” or “quit everything and start from scratch”. Facebook has strict rules on duplicate accounts and you don’t want to get into hot water as one of my clients did by creating a second account in their name. Another client ended up locked out of their account as they couldn’t remember the password. This all happening during the 2020 pandemic so getting human help from facebook was virtually impossible for a little while. All we could do was wait and hope that they would review the account …eventually.
Please Note – You haven’t done anything wrong. One of your products or your whole account has been flagged and we need to find out why
So hopefully you’ve got here. You’ve created a page and set up your ecommerce account to manage it. Unfortunately this doesn’t mean that Facebook will automatically review and approve your account.
As mentioned in previous posts I have had a small business before, for which I also used Shopify. Faceboook rejected my account for having a product that was a sexually explicit. This was news to me as I owned a Cosmetics store. The product in question was my “Whipped Body Butter” I guess the bots that check through the applications saw ‘whipped’ and ‘body’ and flagged my product as inappropriate. It can really be as simple as that. God forbid you should try to sell underwear for larger women to promote good self image.
So if like so many others you get here and Shopify tells you, you’ve been rejected. Head over to your Facebook Commerce/Business Account , In the Side Menu on the left click on ‘Account Quality’
Which will take you here
Click on the Catalog associated with your store page. You should see the image below
This should have a list of your products that have been rejected. with a note saying why they have been rejected , ‘Medical devices’ (Bandage Dresses) ‘Overtly Sexual Content'(Whipped Body Butter) or perhaps you’ve broken an ‘Advertising Policy’. You can request a review of each product or remove them from the Facebook Channel on your store and add in the notes of the review that they are no longer in your Facebook feed.
Once this is all completed you can request a review of the entire store by going back to Account Quality and Commerce Account and clicking on ‘Request Review’ explianing that you have made changes to your product feed and why you think the store needs to be reviewed.
In the case that you cant find why your store has been blocked. A quick chat with Facebook Concierge Support is really useful.
A real person can have a very quick look and unblock your store straight away in these ambiguous cases. Shopify help is not useful as the real problem is in the Facebook ecosystem so speak to Facebook if you really get stuck.
Not saying I have all the answers but I write this from my experiences over the last 2 years of figuring Facebook Shopify connections
Good Luck!
Modifications to Shopify 2.0 Dawn theme to create this store for Joliette London. Created Product tags and a Logo List Banner. Added a Dual Banner with Buttons to the Hero Image and very small edit to Image with Text to make it full screen. Some of these required editing the component classes. I created a gallery for the product page, add an instagram module and pop up newsletter with MailChimp Integration.
Today I spent some time really getting to know the Shopify CLI and Shopify 2.0. I worked through, figuring out all the new parts of Shopify 2.0 and the changes to metafields are everything! Adding a metafield in a template means that you can add have the same field but different content on the same template. I think there is actually more to the templates than that but I haven’t started experimenting with how they work just yet.
I used a Development Theme I called PartySplash and added some assets to it. I also added an upstream branch in Github so that I can get any new updates.
I set up ShopSync as many of my current clients have MailChimp and I’ve not had time to really experiment with it. After a good while I figured out there must be an issue with the base.css file, something to do with div:empty that was affect the close button on the MailChimp pop up, it was showing as display:none, so there was no way to close the pop-up. I added some specific CSS for the Mailchimp pop up close button ( display:block) and that seemed to finally sort it out for now but I know I’ll have to go back to that and look around at the issue further. I recommend looking at Klaviyo if you are just starting out.
I really wanted a sticky header but again I found that this only worked on the scroll up. I encountered this before on Narrative, so I’ll be spending tomorrow rebuilding this, while waiting for the official update. It will give me practice.
Everything else seems to working great so far, my new favourite thing is the way the blocks work. I added reviews to the Products page and it really took all the hard work out adding apps to pages and creating and modifying templates on the development theme was so much easier.
Another thing that took a little while to get my head around was shopify theme pull vs shopify theme push. If you have an existing theme that you are editing ‘push‘ used to overwrite the settings_data.json file, so Shopify added a fix so that it no longer pushed the setting file up to the live (or dev) site. The problem was that if you had a brand new theme and you wrote the code on the Development environment and then tried to edit anything the customise window, now that the settings file wasn’t being updated you would need to do a ‘push’ (with your code) and then a pull ( with the settings_data.json file). Another fix was that I could use two different git branches and then merge them but that got messy very quickly so I found that it was easier to push then pull.
Hopefully I’ll be able to tell you about my first app in my next post.
Clothing store with two distinct menus created. One menu for in store and a separate menu for Online purchases
